@charset "UTF-8";
/* 서브페이지 기본틀 */
.sub_top_area {height: 420px; margin: 0 0 60px; background-position: center; background-repeat: no-repeat; background-size: cover;}
.sub_top_area.bg01 {background-image: url("/eng/images/sub/sub_bg01.jpg");}
.sub_top_area.bg02 {background-image: url("/eng/images/sub/sub_bg02.jpg");}
.sub_top_area.bg03 {background-image: url("/eng/images/sub/sub_bg03.jpg");}
.sub_top_area.bg04 {background-image: url("/eng/images/sub/sub_bg04.jpg");}
.sub_top_area.bg05 {background-image: url("/eng/images/sub/sub_bg05.jpg");}
.sub_top_area.bg06 {background-image: url("/eng/images/sub/sub_bg06.jpg");}
.sub_top_area .container {height: 100%;}
.sub_top_area .sub_top_box {display: flex; align-items: center; justify-content: center; flex-direction: column; height: 100%; text-align: center;}
.sub_top_area .sub_top_box .sub_top_txt {margin: 0 0 15px; font-weight: 600; font-size: 36px; line-height: 40px; color: #ffffff; text-shadow: 4px 3px 1.98px rgba(0, 0, 0, 0.39);}
.sub_top_area .sub_top_box .sub_top_tit {font-weight: 600; font-size: 48px; line-height: 1; color: #ffffff; text-shadow: 4px 3px 1.98px rgba(0, 0, 0, 0.39);}
.sub_top_area .sub_top_box .sub_top_tit.ft_s72 {font-weight: 600; font-size: 72px; line-height: 1; color: #ffffff;}


.sub_cont {padding: 0 0 120px}

.com_title_area {margin: 0 0 60px;}
.com_title_area .title {font-weight: 600; font-size: 36px; line-height: 40px; color: #000; text-align: center;}
.com_title_area .text {margin: 20px 0 0; font-weight: 400; font-size: 16px; line-height: 24px; color: #000000; text-align: center;}


.news_area {border-top: 2px solid #111111; border-bottom: 1px solid #dcdde3;}
.news_area .list {}
.news_area .list li {border-bottom: 1px solid #dcdde3;}
.news_area .list li .box {display: block; padding: 40px 30px;}
.news_area .list li .box .box_inner {display: flex; column-gap: 40px; align-items: center;}
.news_area .list li .box .box_inner .img_box {flex-shrink: 0; width: 100%; max-width: 300px;}
.news_area .list li .box .box_inner .img_box .img_inner {position: relative; padding-bottom: 70%; border-radius: 10px; overflow: hidden;}
.news_area .list li .box .box_inner .img_box .img_inner img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%;     object-fit: cover;}
.news_area .list li .box .box_inner .text_wrap {}
.news_area .list li .box .box_inner .text_wrap .text_box {}
.news_area .list li .box .box_inner .text_wrap .text_box .title {font-weight: 500; font-size: 24px; line-height: 30px; color: #111111; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
.news_area .list li .box .box_inner .text_wrap .text_box .text {margin: 30px 0 0; font-weight: 300; font-size: 16px; line-height: 22px; color: #777777; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word;}
.news_area .list li .box .box_inner .text_wrap .text_box .date {margin: 50px 0 0; font-weight: 500; font-size: 16px; line-height: 24px; color: #333333;}

.com_text_area {}
.com_text_area .gray_title {display: inline-block; min-width: 280px; margin: 0 0 25px; padding: 7.5px 30px; background-color: #acacac; text-align: center;}
.com_text_area .gray_title.orange {background-color: #f27639;}
.com_text_area .gray_title .title {font-weight: 500; font-size: 20px; line-height: 30px; color: #ffffff;}
.com_text_area .dash_list {}
.com_text_area .dash_list .list {}
.com_text_area .dash_list .list li {position: relative; margin: 3px 0 0; padding: 0 0 0 25px; font-weight: 400; font-size: 18px; line-height: 30px; color: #000;}
.com_text_area .dash_list .list li:first-child {margin: 0;}
.com_text_area .dash_list .list li .etc {position: absolute; left: 0; top: 0;} 
.com_text_area .dash_list .list li.pd0 {}

.gray_box {padding: 15px 0 35px; background-color: #f3f3f3;}

.com_table_area {}
.com_table_area .table_box {}
.com_table_area .table_box table {width: 100%; text-align: center;}
.com_table_area .table_box table thead {background-color: #f7f7f7;}
.com_table_area .table_box table thead tr {}
.com_table_area .table_box table thead tr td {padding: 5px; border: 1px solid #acacac; font-weight: 600; font-size: 18px; line-height: 24px; color: #666666;}
.com_table_area .table_box table tbody {background-color: #fff;}
.com_table_area .table_box table tbody tr {}
.com_table_area .table_box table tbody tr td {padding: 10px; border: 1px solid #acacac; font-weight: 400; font-size: 16px; line-height: 24px; color: #666666;}
.com_table_area .table_box table tbody tr td.bg_pink {background-color: #f6d7e2;}
.com_table_area .table_box table tbody tr td.bg_blue {background-color: #d7e6f6;}
.com_table_area .table_box table tbody tr td.bg01 {background-color: #ebf2fa;}
.com_table_area .table_box table tbody tr td.bg02 {background-color: #f3f7fc;}
.com_table_area .table_box table tbody tr td.bg03 {background-color: #fdf7f9;}
.com_table_area .table_box table tbody tr td .table_text_box {display: block; position: relative; padding: 0 0 0 10px;}
.com_table_area .table_box table tbody tr td .table_text_box .etc {position: absolute; left: 0; top: 0;}
.com_table_area.pink .table_box table thead {background-color: #f6d7e2;}
.com_table_area.blue .table_box table thead {background-color: #d7e6f6;}

.com_table_area .table_text {margin: 15px 0 0; font-weight: 400; font-size: 17px; line-height: 24px; color: #333333;}

.com_table_area.research .table_box table thead tr td {font-weight: 700; background-color: #86afd7; color: #fff;}


.small_table {}
.small_table table {font-weight: 400; font-size: 16px; line-height: 24px; color: #666666;}
.small_table table thead {}
.small_table.pink table thead {background-color: #f6d7e2;}
.small_table.blue table thead {background-color: #d7e6f6;}
.small_table table thead tr {}
.small_table table thead tr td {padding: 5px;}
.small_table table tbody {}
.small_table table tbody tr {}
.small_table table tbody tr td {padding: 5px;}


.step_area {max-width: 1000px; margin: 0 auto 80px;}
.step_area .list {display: flex;}
.step_area .list li {width: 100%;}
.step_area.blue .list li:nth-child(2) {width: 120%;}
.step_area .list li .box {}
.step_area .list li .box .icon_box {display: flex; align-items: center; justify-content: center; width: 145px; height: 145px; margin: 0 auto; border-radius: 50%;}
.step_area.pink .list li .box .icon_box {background-color: #f9e3eb;}
.step_area.pink .list li.on .box .icon_box {background-color: #de97b1;}
.step_area.blue .list li .box .icon_box {background-color: #d7e6f6;}
.step_area.blue .list li.on .box .icon_box {background-color: #86afd7;}
.step_area .list li .box .icon_box img {}
.step_area .list li .box .text {margin: 20px 0 0; font-weight: 600; font-size: 20px; line-height: 30px; color: #000000; text-align: center;}
.step_area.pink .list li.on .box .text {color: #5b142e; text-decoration: underline; text-underline-position: under;}
.step_area.blue .list li.on .box .text {color: #0a2a4a; text-decoration: underline; text-underline-position: under;}


.com_form_area {width: 100%; max-width: 950px; margin: 0 auto;	padding: 80px 10px; border: 1px solid #999999; border-radius: 15px; box-shadow: 4px 3px 39.6px 0.4px rgba(0, 0, 0, 0.1);}
.com_form_area .form_box {width: 100%; max-width: 550px; margin: 0 auto;}
.com_form_area .form_box .list {}
.com_form_area .form_box .list li {margin: 30px 0 0;}
.com_form_area .form_box .list li:first-child {margin: 0;}
.com_form_area .form_box .list li .box {}
.com_form_area .form_box .list li .box .title {margin: 0 0 10px; font-weight: 600; font-size: 24px; line-height: 30px; color: #333333;}
.com_form_area .form_box .list li .box .info_box {display: flex; gap: 0 5px;}
.com_form_area .form_box .list li .box .info_box .input_box {width: 100%; }
.com_form_area .form_box .list li .box .info_box .input_box input {width: 100%; padding: 0 20px; border: 1px solid #808080; border-radius: 5px; font-weight: 400; font-size: 16px; line-height: 43px; color: #222;}
.com_form_area .form_box .list li .box .info_box .input_box input::placeholder {color: #cccccc;}
.com_form_area .form_box .list li .box .info_box .send_btn {flex-shrink: 0; width: 190px; border-radius: 5px; background-color: #0d0d0d; font-weight: 400; font-size: 16px; line-height: 43px; color: #fff; letter-spacing: -0.06em;}
.com_form_area .form_box .list li .box .text {margin: 5px 0 0; font-weight: 400; font-size: 16px; line-height: 24px; color: #333333;}

.com_form_area .form_box .text_box {text-align: center;}
.com_form_area .form_box .text_box .title {font-weight: 600; font-size: 48px; line-height: 50px; color: #333333;}
.com_form_area .form_box .text_box .text {margin: 20px 0 0; font-weight: 400; font-size: 16px; line-height: 24px; color: #333333;}

.board_area {}
.board_area .board_view {border-top: 2px solid #111; border-bottom: 1px solid #111111;}
.board_area .board_view .board_top {}
.board_area .board_view .board_top .title {padding: 20px 10px; font-weight: 500; font-size: 24px; line-height: 30px; color: #111111;}
.board_area .board_view .board_top .info_box {display: flex; justify-content: space-between; padding: 13px 40px; border-top: 1px solid #dcdde3; border-bottom: 1px solid #dcdde3; background-color: #f8f8f8;}
.board_area .board_view .board_top .info_box .file_area {}
.board_area .board_view .board_top .info_box .file_area .file_list {}
.board_area .board_view .board_top .info_box .file_area .file_list li {margin: 5px 0 0;}
.board_area .board_view .board_top .info_box .file_area .file_list li:first-child {margin: 0;}
.board_area .board_view .board_top .info_box .file_area .file_list li .box {display: block;}
.board_area .board_view .board_top .info_box .file_area .file_list li .box .text {display: inline-block; padding: 0 0 0 25px; background: url("/eng/images/sub/file_icon.png") no-repeat left top 4px; font-weight: 400; font-size: 14px; line-height: 20px; color: #1E6DF3;}
.board_area .board_view .board_top .info_box .list {flex-shrink: 0;}
.board_area .board_view .board_top .info_box .list li {display: inline-block; position: relative; margin: 0 15px 0 0; padding: 0 15px 0 0; vertical-align: top;}
.board_area .board_view .board_top .info_box .list li:last-child {margin: 0; padding: 0;}
.board_area .board_view .board_top .info_box .list li:before {display: block; content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 12px; background-color: #777;}
.board_area .board_view .board_top .info_box .list li:last-child:before {display: none;}
.board_area .board_view .board_top .info_box .list li .text {font-weight: 500; font-size: 16px; line-height: 24px; color: #777777;}
.board_area .board_view .board_cont {padding: 45px 10px;}
.board_area .board_view .board_cont .text {}
.board_area .post_nav {margin: 70px 0 0; background-color: #ffffff; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9;}
.board_area .post_nav .list {}
.board_area .post_nav .list li {border-bottom: 1px solid #d9d9d9;}
.board_area .post_nav .list li:last-child {border-bottom: none;}
.board_area .post_nav .list li .item_wrapper {display: table; table-layout: fixed; width: 100%; position: relative;}
.board_area .post_nav .list li .item_wrapper .tit {position: relative; display: table-cell; width: 150px; text-align: center; vertical-align: middle;}
.board_area .post_nav .list li .item_wrapper .tit:before {display: block; content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 18px; background-color: #eeeeee;}
.board_area .post_nav .list li .item_wrapper .tit .icon {display: inline-block; padding: 0 50px 0 0; position: relative; font-weight: 400; font-size: 16px; line-height: 60px; color: #111; text-align: center;}
.board_area .post_nav .list li .item_wrapper .tit .icon:before {display: block;content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 12px; height: 7px; background-position: right center; background-repeat: no-repeat;}
.board_area .post_nav .list li .item_wrapper.prev .tit .icon:before {background-image: url("/eng/images/sub/post_prev.png");}
.board_area .post_nav .list li .item_wrapper.next .tit .icon:before {background-image: url("/eng/images/sub/post_next.png");}
.board_area .post_nav .list li .item_wrapper .post {display: table-cell; width: 100%; padding: 0 0 0 22px; vertical-align: middle; font-weight: 400; font-size: 16px; line-height: 24px; color: #777777;}
.board_area .post_nav .list li .item_wrapper .post a {height: 24px; display: block; text-align: left; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; color: #777777;}


.line_title_area {margin: 0 0 30px; padding: 0 0 15px; border-bottom: 2px solid #000}
.line_title_area .title {font-weight: 600; font-size: 30px; line-height: 1; color: #000000;}
.line_title_area .text {font-weight: 400; font-size: 18px; line-height: 24px; color: #000000;}
.form_info_area {}
.form_info_area > .list {}
.form_info_area > .list > li {margin: 40px 0 0;}
.form_info_area.border > .list > li {padding: 0 0 40px; border-bottom: 1px solid #7f7f7f}
.form_info_area.border > .list > li:last-child {border-bottom: none;}
.form_info_area > .list > li:first-child {margin: 0;}
.form_info_area > .list > li > .box {display: flex; align-items: center; gap: 10px 50px;}
.form_info_area > .list > li > .box .text_box {width: 330px; flex-shrink: 0;}
.form_info_area > .list > li > .box .text_box .title {font-weight: 600; font-size: 24px; line-height: 30px; color: #000000;}
.form_info_area > .list > li > .box .text_box > .text {margin: 10px 0 0; font-weight: 400; font-size: 18px; line-height: 24px; color: #000000; word-break: break-all;}
.form_info_area > .list > li > .box .text_box .attach_box {}
.form_info_area > .list > li > .box .text_box .attach_box {font-size: 0;}
.form_info_area > .list > li > .box .text_box .attach_box .box {display: inline-block; width: 100%; vertical-align: middle;}
.form_info_area > .list > li > .box .text_box .attach_box .box .img_wrap {position: relative; max-width: 330px; width: 100%;}
.form_info_area > .list > li > .box .text_box .attach_box .box .img_wrap .img_box {display: block; position: relative; padding: 0 0 108.125%; border: 2px dashed #ccc; cursor: pointer;}
.form_info_area > .list > li > .box .text_box .attach_box .box .img_wrap .img_box img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); object-fit: contain;}
.form_info_area > .list > li > .box .text_box .attach_box .box .img_wrap .delete_btn {position: absolute; right: 20px; bottom: 20px; padding: 10px 11px; border-radius: 5px; border: 1px solid #dfdfdf; background-color: #f8f8f8;}
.attach_input,
.form_info_area > .list > li > .box .text_box .attach_box .box .attach_input {position: absolute; left: 0; top: 0; z-index: 1;visibility: hidden;}
.form_info_area > .list > li > .box .text_box .attach_box .box .attach_vbox {position: relative; z-index: 1; text-align: center; margin: 5px 0 0;}
.form_info_area > .list > li > .box .text_box .attach_box .box .attach_vinput {cursor: pointer; display: block; width: 100%; height: 60px; margin: 0; border: 1px solid #dadce0; padding: 0 10px; background-color: #ffffff; font-weight: 300; font-size: 14px; line-height: 21px; color: #333333;}
.form_info_area > .list > li > .box .text_box .attach_box .box .attach_vbox .text {font-weight: 600; font-size: 18px; line-height: 24px; color: #000; text-align: center; cursor: pointer;}

.form_info_area > .list > li > .box .info_area {width: 100%;}
.form_info_area > .list > li > .box .info_area .q_box {margin: 0 0 10px; font-weight: 500; font-size: 22px; line-height: 30px; color: #000;}
.form_info_area > .list > li > .box .info_area > .list {}
.form_info_area > .list > li > .box .info_area > .list > li {margin: 30px 0 0;}
.form_info_area > .list > li > .box .info_area > .list > li:first-child {margin: 0;}
.form_info_area > .list > li > .box .info_area > .list > li .box {}
.form_info_area > .list > li > .box .info_area > .list > li .box .title {display: block; margin: 0 0 5px; font-weight: 300; font-size: 18px; line-height: 24px; color: #000000;}
.form_info_area > .list > li > .box .info_area > .list > li .box .text {font-size: 14px; line-height: 20px;}
.form_info_area > .list > li > .box .info_area > .list > li .box .input_box {}
.form_info_area > .list > li > .box .info_area > .list > li .box .input_box input {width: 100%; padding: 7px 20px; border-radius: 5px; border: 1px solid #dfdfdf; background-color: #f8f8f8; font-weight: 400; font-size: 20px; line-height: 30px; color: #000000;}
.form_info_area > .list > li > .box .info_area > .list > li .box .input_box input::placeholder {font-size: 14px;}
.form_info_area > .list > li > .box .info_area .chk_list {}
.form_info_area > .list > li > .box .info_area .chk_list .list {display: flex; }
.form_info_area > .list > li > .box .info_area .chk_list.sty2 .list {display: block;}
.form_info_area > .list > li > .box .info_area .chk_list.sty2 .list li {margin: 15px 0 0;}
.form_info_area > .list > li > .box .info_area .chk_list.sty2 .list li:first-child {margin: 0;}
.form_info_area > .list > li > .box .info_area .chk_list .list li {width: 100%;}
.form_info_area > .list > li > .box .info_area .chk_list .list li .chk_inner {}
.form_info_area > .list > li > .box .info_area .chk_list .list li .chk_inner input {}
.form_info_area > .list > li > .box .info_area .chk_list .list li .chk_inner label {}
.form_info_area > .list > li > .box .info_area .chk_list .list li .chk_inner textarea {height: 140px; padding: 10px; border-radius: 5px; font-family: "Montserrat", 'sans-serif'; font-weight: 400; font-size: 18px; line-height: 25px; color: #000; resize: none;}

.textarea_box {}
.textarea_box .list {}
.textarea_box .list li {margin: 30px 0 0;}
.textarea_box .list li:first-child {margin: 0;}
.textarea_box .list li .box {display: flex; align-items: center; padding: 30px 25px 35px 40px; gap: 0 40px; border: 1px solid #ccc; border-radius: 5px; background-color: #f8f8f8;}
.textarea_box .list li .box .text_box {width: 40%;}
.textarea_box .list li .box .text_box .title {font-weight: 600; font-size: 24px; line-height: 30px; color: #000000;}
.textarea_box .list li .box .text_box .text {margin: 15px 0 0; font-weight: 400; font-size: 16px; line-height: 24px; color: #000000;}
.textarea_box .list li .box .info_box {width: 60%;}
.textarea_box .list li .box .info_box textarea {height: 290px; padding: 20px; border-radius: 5px; border: 1px solid #cccccc; font-family: "Montserrat", 'sans-serif'; font-weight: 400; font-size: 16px; line-height: 30px; color: #000000; resize: none;}

.agree_check {padding: 40px 0 0; border-top: 1px solid #7f7f7f}
.agree_check .chk_inner label {line-height: 1.4;}

.check_area {padding: 30px 0; border: 1px solid #ccc; border-radius: 5px; background-color: #f8f8f8;}


.survey_box {}
.survey_box .com_title_area {margin: 0;}
.survey_box .btn_area {margin: 0;}


.pop_inq_area {display: none; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 690px; padding: 30px 10px; border: 1px solid #999999; background-color: #fff; z-index: 999;}
.pop_inq_area .pop_box {text-align: center;}
.pop_inq_area .pop_box .icon {}
.pop_inq_area .pop_box .icon img {}
.pop_inq_area .pop_box .title {margin: 10px 0 0; font-weight: 700; font-size: 36px; line-height: 40px; color: #000000;}
.pop_inq_area .pop_box > .text {margin: 25px 0 0; font-weight: 500; font-size: 16px; line-height: 24px; color: #000000;}
.pop_inq_area .pop_box .btn_area {margin: 25px 0 0;}



@media screen and (max-width: 1800px) {
 
}


@media screen and (max-width: 1600px) {
	
}
@media screen and (max-width: 1500px) {
	

}
@media screen and (max-width: 1400px) {
	

	.sub_top_area {height: 350px; margin: 0 0 40px;}
	.sub_top_area .sub_top_box .sub_top_txt {margin: 0 0 10px; font-size: 30px; line-height: 34px;}
	.sub_top_area .sub_top_box .sub_top_tit.ft_s72 {font-size: 50px;}
	.sub_top_area .sub_top_box .sub_top_tit {font-size: 38px;}


	.sub_cont {padding: 0 0 100px;}
	.com_title_area {margin: 0 0 40px;}
	.com_title_area .title {font-size: 28px; line-height: 30px;}
	.com_title_area .text {margin: 10px 0 0; font-size: 14px; line-height: 20px;}


	
	.news_area .list li .box {padding: 30px 20px;}
	.news_area .list li .box .box_inner {column-gap: 20px;}
	.news_area .list li .box .box_inner .text_wrap .text_box .title {font-size: 20px; line-height: 24px;}
	.news_area .list li .box .box_inner .text_wrap .text_box .text {margin: 20px 0 0; font-size: 14px; line-height: 21px;}
	.news_area .list li .box .box_inner .text_wrap .text_box .date {margin: 30px 0 0; font-size: 14px; line-height: 21px;}

	.com_text_area .gray_title {min-width: 240px; margin: 0 0 15px; padding: 5px 20px;}
	.com_text_area .gray_title .title {font-size: 18px; line-height: 28px;}
	.com_text_area .dash_list .list li {padding: 0 0 0 20px; font-size: 16px; line-height: 26px;}

	.com_table_area .table_box table thead tr td {padding: 5px; font-size: 14px; line-height: 20px;}
	.com_table_area .table_box table tbody tr td {padding: 5px; font-size: 14px; line-height: 20px;}
	.com_table_area .table_text {margin: 10px 0 0; font-size: 14px; line-height: 20px;}

	.step_area {margin: 0 auto 60px;}
	.step_area .list li .box .icon_box {width: 130px; height: 130px;}
	.step_area .list li .box .icon_box img {height: 50px;}
	.step_area .list li .box .text {margin: 10px 0 0; font-size: 18px; line-height: 26px;}

	.com_form_area {padding: 60px 10px;}
	.com_form_area .form_box .list li {margin: 20px 0 0;}
	.com_form_area .form_box .list li .box .title {font-size: 20px; line-height: 24px;}
	.com_form_area .form_box .list li .box .info_box .input_box input {padding: 0 10px; font-size: 14px; line-height: 38px;}
	.com_form_area .form_box .list li .box .info_box .send_btn {width: 170px; font-size: 14px; line-height: 38px;}
	.com_form_area .form_box .list li .box .text {font-size: 14px; line-height: 28px;}
	.com_form_area .form_box .text_box .title {font-size: 34px; line-height: 40px;}
	.com_form_area .form_box .text_box .text {margin: 15px 0 0; font-size: 14px; line-height: 20px;}


	.board_area .board_view .board_top .title {padding: 15px 10px; font-size: 20px; line-height: 26px;}
	.board_area .board_view .board_top .info_box {padding: 10px 20px;}
	.board_area .board_view .board_cont {padding: 30px 10px;}
	
	.board_area .post_nav {margin: 50px 0 0;}
	.board_area .post_nav .list li .item_wrapper .tit .icon {line-height: 50px;}

	.line_title_area {margin: 0 0 20px; padding: 0 0 10px;}
	.line_title_area .title {font-size: 24px;}
	.line_title_area .text {font-size: 16px;}

	.form_info_area > .list > li {margin: 30px 0 0;}
	.form_info_area.border > .list > li {padding: 0 0 30px;}
	.form_info_area > .list > li > .box {gap: 10px 30px;}
	.form_info_area > .list > li > .box .text_box {width: 280px;}
	.form_info_area > .list > li > .box .text_box .title {font-size: 20px; line-height: 24px;}
	.form_info_area > .list > li > .box .text_box > .text {margin: 6px 0 0; font-size: 16px; line-height: 22px;}
	.form_info_area > .list > li > .box .info_area > .list > li {margin: 20px 0 0;}
	.form_info_area > .list > li > .box .info_area > .list > li .box .title {margin: 0 0 3px; font-size: 16px; line-height: 22px;}
	.form_info_area > .list > li > .box .info_area > .list > li .box .input_box input {padding: 7px 10px; font-size: 18px; line-height: 26px;}
	.form_info_area > .list > li > .box .info_area .chk_list.sty2 .list li {margin: 10px 0 0;}
	.form_info_area > .list > li > .box .info_area .q_box {font-size: 20px; line-height: 24px;}
	.textarea_box .list li {margin: 20px 0 0;}
	.textarea_box .list li .box {padding: 30px; gap: 0 30px}
	.textarea_box .list li .box .text_box .title {font-size: 20px; line-height: 24px;}
	.textarea_box .list li .box .text_box .text {margin: 10px 0 0; font-size: 14px; line-height: 21px;}
	.textarea_box .list li .box .info_box textarea {height: 240px; padding: 10px; font-size: 14px; line-height: 26px;}

	.agree_check {padding: 30px 0 0;}
	.check_area {padding: 20px 0;}

	.pop_inq_area {max-width: 550px; padding: 20px 10px;}
	.pop_inq_area .pop_box .icon img {width: 50px;}
	.pop_inq_area .pop_box .title {margin: 6px 0 0; font-size: 28px; line-height: 30px;}
	.pop_inq_area .pop_box > .text {margin: 15px 0 0; font-size: 14px; line-height: 20px;}
	.pop_inq_area .pop_box .btn_area {margin: 15px 0 0;}

}


@media screen and (max-width: 1280px) {

    
    
}

@media screen and (max-width: 1080px) {

	.sub_top_area {height: 250px; margin: 0 0 30px;}
	.sub_top_area .sub_top_box .sub_top_txt {margin: 0 0 6px; font-size: 24px; line-height: 30px;}
	.sub_top_area .sub_top_box .sub_top_tit.ft_s72 {font-size: 40px;}
	.sub_top_area .sub_top_box .sub_top_tit {font-size: 28px;}

	.sub_cont {padding: 0 0 80px;}
	.com_title_area {margin: 0 0 30px;}
	.com_title_area .title {font-size: 24px; line-height: 26px;}
	.com_title_area .text {margin: 6px 0 0; font-size: 12px; line-height: 18px;}

	
	.news_area .list li .box {padding: 20px 10px;}
	.news_area .list li .box .box_inner {column-gap: 10px;}
	.news_area .list li .box .box_inner .img_box {max-width: 240px;}
	.news_area .list li .box .box_inner .text_wrap .text_box .title {font-size: 18px; line-height: 20px;}
	.news_area .list li .box .box_inner .text_wrap .text_box .text {margin: 10px 0 0; font-size: 12px; line-height: 18px;}
	.news_area .list li .box .box_inner .text_wrap .text_box .date {margin: 20px 0 0; font-size: 12px; line-height: 18px;}

	
	.com_text_area .gray_title {min-width: 200px; margin: 0 0 10px; padding: 3px 10px;}
	.com_text_area .gray_title .title {font-size: 16px; line-height: 20px;}
	.com_text_area .dash_list .list li {margin: 0; padding: 0 0 0 10px; font-size: 14px; line-height: 24px;}

	.com_table_area .table_text {margin: 6px 0 0; font-size: 12px; line-height: 18px;}

	
	.step_area {margin: 0 auto 40px;}
	.step_area .list li .box .icon_box {width: 100px; height: 100px;}
	.step_area .list li .box .icon_box img {height: 40px;}
	.step_area .list li .box .text {margin: 6px 0 0; font-size: 16px; line-height: 20px;}
	
	.com_form_area {padding: 40px 10px;}
	.com_form_area .form_box .list li {margin: 10px 0 0;}
	.com_form_area .form_box .list li .box .title {margin: 0 0 5px; font-size: 18px; line-height: 22px;}
	.com_form_area .form_box .list li .box .info_box .input_box input {line-height: 34px;}
	.com_form_area .form_box .list li .box .info_box .send_btn {width: 150px; line-height: 34px;}
	.com_form_area .form_box .list li .box .text {line-height: 22px;}
	.com_form_area .form_box .text_box .title {font-size: 24px; line-height: 30px;}
	.com_form_area .form_box .text_box .text {margin: 6px 0 0; }


	
	.board_area .board_view .board_top .title {padding: 10px; font-size: 18px; line-height: 24px;}
	.board_area .board_view .board_top .info_box {padding: 5px 10px;}
	.board_area .board_view .board_top .info_box .list li {margin: 0 10px 0 0; padding: 0 10px 0 0;}
	.board_area .board_view .board_top .info_box .list li .text {font-size: 14px; line-height: 20px;}
	.board_area .board_view .board_top .info_box .file_area .file_list li .box .text {background-size: 14px auto; padding: 0 0 0 18px;}
	.board_area .board_view .board_cont {padding: 20px 10px;}
	
	.board_area .post_nav {margin: 30px 0 0;}
	.board_area .post_nav .list li .item_wrapper .tit {width: 100px;}
	.board_area .post_nav .list li .item_wrapper .tit .icon {padding: 0 20px 0 0; font-size: 14px; line-height: 40px;}
	.board_area .post_nav .list li .item_wrapper .post {padding: 0 10px; font-size: 14px; line-height: 20px;}

	.line_title_area {margin: 0 0 10px;}
	.line_title_area .title {font-size: 20px;}
	.line_title_area .text {font-size: 14px;}
	.form_info_area > .list > li {margin: 20px 0 0;}
	.form_info_area.border > .list > li {padding: 0 0 20px;}
	.form_info_area > .list > li > .box {gap: 10px 15px;}
	.form_info_area > .list > li > .box .text_box {width: 200px;}
	.form_info_area > .list > li > .box .text_box .title {font-size: 18px; line-height: 22px;}
	.form_info_area > .list > li > .box .text_box > .text {margin: 6px 0 0; font-size: 14px; line-height: 20px;}
	.form_info_area > .list > li > .box .text_box .attach_box .box .img_wrap .delete_btn {right: 10px; bottom: 10px; padding: 5px 6px;}
	.form_info_area > .list > li > .box .text_box .attach_box .box .attach_vbox .text {font-size: 16px; line-height: 20px;}

	.form_info_area > .list > li > .box .info_area > .list > li {margin: 15px 0 0;}
	.form_info_area > .list > li > .box .info_area > .list > li .box .title {font-size: 14px; line-height: 20px;}
	.form_info_area > .list > li > .box .info_area > .list > li .box .input_box input {padding: 5px 10px; font-size: 16px; line-height: 24px;}
	.form_info_area > .list > li > .box .info_area .q_box {font-size: 18px; line-height: 24px;}
	.form_info_area > .list > li > .box .info_area .chk_list .list li .chk_inner textarea {font-size: 14px; line-height: 20px;}
	.textarea_box .list li {margin: 10px 0 0;}
	.textarea_box .list li .box {padding: 20px; gap: 0 10px}
	.textarea_box .list li .box .text_box .title {font-size: 18px; line-height: 22px;}
	.textarea_box .list li .box .text_box .text {margin: 6px 0 0; font-size: 12px; line-height: 18px;}
	.textarea_box .list li .box .info_box textarea {height: 180px; padding: 6px; line-height: 22px;}

	
	.agree_check {padding: 20px 0 0;}
	.check_area {padding: 10px 0;}

	.pop_inq_area {max-width: 100%; width: 95%; padding: 10px;}
	.pop_inq_area .pop_box .icon img {width: 40px;}
	.pop_inq_area .pop_box .title {font-size: 20px; line-height: 24px;}
	.pop_inq_area .pop_box > .text {margin: 10px 0 0;}
	.pop_inq_area .pop_box .btn_area {margin: 10px 0 0;}
}

@media screen and (max-width: 767px) {

	.sub_top_area {height: 180px; margin: 0 0 20px;}
	.sub_top_area .sub_top_box .sub_top_txt {font-size: 18px; line-height: 22px;}
	.sub_top_area .sub_top_box .sub_top_tit.ft_s72 {font-size: 24px;}
	.sub_top_area .sub_top_box .sub_top_tit {font-size: 24px;}

	.sub_cont {padding: 0 0 60px;}
	.com_title_area {margin: 0 0 20px;}
	.com_title_area .title {font-size: 20px; line-height: 22px;}

	

	.news_area .list li .box {padding: 10px;}
	.news_area .list li .box .box_inner {flex-direction: column; gap: 10px;}
	.news_area .list li .box .box_inner .text_wrap {width: 100%;}

	.com_table_area .table_box {overflow-x: scroll; padding: 20px 0 10px; background: url("/eng/images/sub/lr_arr_ico.png") 48% 0 no-repeat; animation: tblScrollAni 2s infinite; background-size: 30px}
	.com_table_area .table_box table {width: 990px;}
    
	@-webkit-keyframes tblScrollAni {
		0% {
			background-position: 48% 0;
		}

		50% {
			background-position: 52% 0;
		}

		100% {
			background-position: 48% 0;
		}
	}

	@keyframes tblScrollAni {
		0% {
			background-position: 48% 0;
		}

		50% {
			background-position: 52% 0;
		}

		100% {
			background-position: 48% 0;
		}
	}

	
	.step_area {margin: 0 auto 30px;}
	.step_area .list li .box .icon_box {width: 80px; height: 80px;}
	.step_area .list li .box .icon_box img {height: 30px;}
	.step_area .list li .box .text {font-size: 14px; line-height: 18px;}

	.com_form_area {padding: 20px 10px;}

	
	
	.board_area .board_view .board_top .title {font-size: 16px;}
	.board_area .board_view .board_cont {padding: 10px;}
	
	.board_area .post_nav {margin: 20px 0 0;}
	.board_area .post_nav .list li .item_wrapper .tit {width: 80px;}

	.form_info_area > .list > li {margin: 15px 0 0;}
	.form_info_area.border > .list > li {padding: 0 0 15px;}
	.form_info_area > .list > li > .box {flex-direction: column; gap: 6px;}
	.form_info_area > .list > li > .box .text_box {width: 100%;}
	.form_info_area > .list > li > .box .text_box > .text {font-size: 12px; line-height: 14px;}
	.form_info_area > .list > li > .box .text_box .title {font-size: 16px; line-height: 20px;}
	.form_info_area > .list > li > .box .text_box .attach_box .box .img_wrap {max-width: 240px; margin: 0 auto;}
	.form_info_area > .list > li > .box .info_area > .list > li .box .input_box input {font-size: 14px;}
	.form_info_area > .list > li > .box .info_area .q_box {font-size: 16px; line-height: 24px;}
	.textarea_box .list li .box {padding: 10px; flex-direction: column; gap: 6px;}
	.textarea_box .list li .box .text_box {width: 100%;}
	.textarea_box .list li .box .text_box .title {font-size: 16px; line-height: 20px;}
	.textarea_box .list li .box .info_box {width: 100%;}
	.textarea_box .list li .box .info_box textarea {height: 120px;}
	
	.agree_check {padding: 10px 0 0;}
	.check_area {padding: 10px;}
	.check_area .form_info_area > .list > li > .box .text_box {display: none;}
}

@media screen and (max-width: 480px) {
	.step_area {margin: 0 auto 20px;}
	.step_area .list {flex-direction: column; gap: 5px;}
	.step_area .list li .box {display: flex; align-items: center; gap: 10px;}
	.step_area .list li .box .icon_box {width: 35px; height: 35px; margin: 0;}
	.step_area .list li .box .icon_box img {height: 16px;}
	.step_area .list li .box .text {margin: 0; text-align: left;}

	.com_form_area .form_box .list li .box .info_box {flex-direction: column; gap: 5px;}
	.com_form_area .form_box .list li .box .info_box .send_btn {width: 100%;}

	.form_info_area > .list > li > .box .info_area .chk_list .list {flex-wrap: wrap; gap: 5px 0;}
	.form_info_area > .list > li > .box .info_area .chk_list .list li {width: 50%;}
	.form_info_area > .list > li > .box .info_area .chk_list.sty2 .list li {width: 100%;}

	.board_area .board_view .board_top .info_box {flex-direction: column; gap: 5px;}
    
}