@charset "UTF-8";

/* =========================================== */
/* =========================================== */
/* =============  서브페이지 기본틀 =============== */
/* =========================================== */
/* =========================================== */
.sub_cont {position: relative; padding: 50px 0 120px; font-size: 0;}
.sub_cont .cont {font-size: 15px;}
/* .sub_left {display: inline-block; width: 20%; margin: 0 4% 0 0; position: relative; top: 0; left: 0; vertical-align: top;} */
.sub_left {display: inline-block; width: 20%; margin: 0 4% 0 0; position: sticky; top: 170px; bottom: 0; left: 0; vertical-align: top;}
.sub_left_box {border-radius: 24px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.24) 0px 2px 8px;}
.sub_left_box .inner {position: relative; padding: 80px 0 0;}
.sub_left_box .inner .home {display: none;}
.sub_left_box .inner .title_area {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #0033a5 url("/kor/images/sub/sub_menu_bg.png") no-repeat right top;}
.sub_left_box .inner .title_area .title {display: block; width: 100%; position: absolute; left: 50%; top: 28px; transform: translateX(-50%); text-align: center;}
.sub_left_box .inner .title_area .title .text {font-weight: 700; font-size: 24px; line-height: 26px; color: #ffffff; text-align: center;}
.sub_left_box .inner .title_area .title_list {display: none;}
.sub_left_box .inner .menu_list {position: relative; padding: 20px 26px 25px; border: 1px solid #e0e0e0; border-radius: 19px; background-color: #fff; z-index: 9999;}
.sub_left_box .inner .menu_list .sub_title {display: none;}
.sub_left_box .inner .menu_list .list {}
.sub_left_box .inner .menu_list .list li {margin:  0 0 13px; padding:  0 0 13px; border-bottom: 1px solid #dddddd;}
.sub_left_box .inner .menu_list .list li:last-child {margin: 0;}
.sub_left_box .inner .menu_list .list li .box {display: block;}
.sub_left_box .inner .menu_list .list li .box .text {display: inline-block; width: 100%; position: relative; padding: 0 25px 0 0; font-weight: 400; font-size: 16px; line-height: 25px; color: #333333;}
.sub_left_box .inner .menu_list .list li .box .text:before {display: block; content: ""; position: absolute; right: 0; top: 0; width: 25px; height: 25px; background: url("/kor/images/sub/sub_menu_icon.png") no-repeat 0 0;}
.sub_left_box .inner .menu_list .list li .box .num {display: block; margin: 3px 0 0; font-weight: 400; font-size: 12px; line-height: 16px; color: #333;}
.sub_left_box .inner .menu_list .list li.on {border-bottom: 2px solid #0033a5;}
.sub_left_box .inner .menu_list .list li.on .box .text {font-weight: 700; font-size: 18px; color: #0033a5;}
.sub_left_box .inner .menu_list .list li.on .box .text:before {background: url("/kor/images/sub/sub_menu_icon_on.png") no-repeat 0 0;}
.sub_left_box .inner .menu_list .list li.on .box .num {color: #0033a5;}
.com_info_area {display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; margin: 30px 0 0;}
.com_info_box {width: 100%; padding: 20px 30px; border: 1px solid #e1e1e1; border-radius: 18px;}
.com_info_box .title {display: flex; justify-content: space-between;}
.com_info_box .title .tit {display: inline-block; padding: 0 0 0 26px; background-repeat: no-repeat; background-position: left top; font-weight: 500; font-size: 18px; line-height: 22px; color: #003399;}
.com_info_box .title .tel {padding: 0 0 0 30px; background: url("/kor/images/sub/tel_icon.png") no-repeat left top; font-weight: 300; font-size: 18px; line-height: 24px; color: #000000; text-align: center;}
.com_info_box .title .tel .fw {font-weight: 500;}
.com_info_box .tell_box {margin: 15px 0 0;}
/* .com_info_box .tell_box .tel {} */
.com_info_box .tell_box .tell_list {margin: 15px 0 0;} 
.com_info_box .tell_box .tell_list .list {display: flex; flex-wrap: wrap; gap: 0 14px; justify-content: start;}
.com_info_box .tell_box .tell_list .list li {position: relative; width: calc(20% - 11.2px); padding: 0 0 0 9px;  font-weight: 300; font-size: 16px; line-height: 30px; color: #000000;}
.com_info_box .tell_box .tell_list .list li:before {display: block; content: "·"; position: absolute; left: 0; top: 0; font-weight: 300; font-size: 14px; line-height: 30px; color: #000000;}
.com_info_box .tell_box .tell_list .list li .ft_c {font-weight: 500;} 
.com_info_box .com_info_btn_box {display: flex; column-gap: 10px; margin: 15px 0 0;}
.com_info_box .youtube_box {position: relative; width: 100%; border-radius: 16px; transition: all 0.3s;}
.com_info_box .youtube_box .youtube_btn {display: block; width: 100%; border: 1px solid #ebe5db; border-radius: 16px; background-color: #fff; text-align: left;}
.com_info_box .youtube_box .youtube_btn .text {position: relative; display: inline-block; width: 100%; padding: 0 20px 0 40px; background: url("/kor/images/sub/sub_com_arrow.png") no-repeat right 20px center; font-weight: 300; font-size: 13px; line-height: 35px; color: #999999;}
.com_info_box .youtube_box .youtube_btn .text:before {display: block; content: ""; position: absolute; left: 20px; top: 9px; width: 14px; height: 14px; background: url("/kor/images/sub/sub_com_info_icon03.png") no-repeat left center;}
.com_info_box .youtube_box .list {display: none; position: absolute; left: 50%; transform: translateX(-50%); top: calc(100%); width: 100%; max-height: 150px; overflow-y: auto; border: 1px solid #ddd; border-top: none; background-color: #fff; border-radius: 0 0 16px 16px; z-index: 9999;}
.com_info_box .youtube_box .list li {border-bottom: 1px solid #ddd;}
.com_info_box .youtube_box .list li:last-child {border-bottom: none;}
.com_info_box .youtube_box .list li .text {display: block; width: 100%; padding: 0 20px; font-weight: 300; font-size: 12px; line-height: 35px; color: #000; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all;}
.com_info_box .youtube_box.on {border-radius: 16px 16px 0 0;}
.com_info_box .youtube_box.on .youtube_btn {border-radius: 16px 16px 0 0; }
.com_info_box .youtube_box.on .youtube_btn .text {background-image: url("/kor/images/sub/sub_com_arrow_on.png");}
.com_info_box .report_box {position: relative; width: 100%;}
.com_info_box .report_box .report_btn {display: block; width: 100%; border: 1px solid #ebe5db; border-radius: 16px; background-color: #fff; text-align: left;}
.com_info_box .report_box .report_btn .text {display: inline-block; width: 100%; padding: 0 20px; background: url("/kor/images/sub/sub_com_arrow.png") no-repeat right 20px center; font-weight: 300; font-size: 13px; line-height: 35px; color: #999999;}
.com_info_box .report_box .list {display: none; position: absolute; left: 50%; transform: translateX(-50%); top: calc(100%); width: 100%; max-height: 150px; overflow-y: auto; border: 1px solid #ddd; border-top: none; background-color: #fff; border-radius: 0 0 16px 16px;}
.com_info_box .report_box .list li:last-child {border-bottom: none;}
.com_info_box .report_box .list li {border-bottom: 1px solid #ddd;}
.com_info_box .report_box .list li .text {display: block; width: 100%; padding: 0 20px; font-weight: 300; font-size: 12px; line-height: 35px; color: #000; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all;}
.com_info_box .detail {margin: 35px 0 0; font-weight: 400; font-size: 13px; line-height: 18px; color: #0033a5; text-align: center;}
.com_info_box .report_box.on {border-radius: 16px 16px 0 0;}
.com_info_box .report_box.on .report_btn {border-radius: 16px 16px 0 0; }
.com_info_box .report_box.on .report_btn .text {background-image: url("/kor/images/sub/sub_com_arrow_on.png");}
.com_info_box.icon01 {background-color: #eff7fe;}
.com_info_box.icon02 {padding: 20px 30px 14px; background-color: #fcecd4;}
.com_info_box.icon01 .title .tit {background-image: url("/kor/images/sub/sub_com_info_icon01.png");}
.com_info_box.icon02 .title .tit {background-image: url("/kor/images/sub/sub_com_info_icon02.png");}
.com_info_box.icon01.on {display: block;}
.com_info_box.icon02.on {display: block;}
.sub_right {display: inline-block; width: 76%; padding: 55px 0 0; vertical-align: top;}
.sub_right .sub_top {}
.sub_top_area {display: flex; justify-content: space-between; align-items: center; width: 100%; margin: 0 0 40px; border-bottom: 2px solid #0033a5;}
.sub_top_area .title_area {position: relative; display: flex; gap: 3px; align-items: center; width: 100%;}
.sub_top_area .title_area > a {position: relative; height: 52px; font-weight: 500; font-size: 22px; line-height: 52px; color: #fff;}
.sub_top_area .title_area > a img {position: relative; left: 0; top: -8px; width: 62px; height: 52px; margin: 0 10px 0 0; vertical-align: middle;}
.sub_top_area .title_area .text {font-weight: 500; font-size: 16px; line-height: 1; color: #000000;}
.sub_top_area .title_area > .title {max-width: 380px; width: 100%; text-align: center;}
.sub_top_area .title_area > a .sub_tit {margin: 0 0 0 5px; font-weight: 500; font-size: 18px; line-height: 30px; color: #000;}
.sub_top_area .title_area > .title2 {padding: 0 40px; }
.sub_top_area .title_area > a {padding: 0 10px; background-color: #cccccc; border-radius: 10px 10px 0 0;}
.sub_top_area .title_area > .on {background-color: #fff; background-color: #0033a5;}
.sub_top_area .title_area > a.on .sub_tit {color: #fff;}


/* .sub_top_area .title_area.sty2 .title {padding: 0 0 0 39px;} */
.sub_top_area .sns_print_box {}
.sub_top_area .sns_print_box > .list {display: flex; column-gap: 10px;}
.sub_top_area .sns_print_box > .list > li {position: relative;}
.sub_top_area .sns_print_box > .list > li > a {display: block; width: 36px; height: 36px; border-radius: 10px; border: 1px solid #e9e9e9; background-repeat: no-repeat; background-position: center; font-size: 0;}
.sub_top_area .sns_print_box > .list > li.share > a {background-image: url("/kor/images/sub/share_icon.png"); background-size: 13px;}
.sub_top_area .sns_print_box > .list > li.print > a {background-image: url("/kor/images/sub/print_icon.png");}
.sub_top_area .sns_print_box > .list > li.inquiry > a {width: auto; padding: 0 10px;/*  background-image: url("/kor/images/sub/inquiry_icon.png"); background-position: left 10px center;  */font-size: 14px; line-height: 35px; color: #858383;}
.sub_top_area .sns_print_box > .list > li .sub_share_box {display: none; position: absolute; left: 50%; transform: translateX(-50%); top: calc(100% + 5px); width: 113px; z-index: 99;}
.sub_top_area .sns_print_box > .list > li .sub_share_box li {float: left; margin-left: 3px;}
.sub_top_area .sns_print_box > .list > li .sub_share_box li:first-child {margin-left: 0;}
.sub_top_area .sns_print_box > .list > li .sub_share_box li a {display: block; width: 26px; height: 26px; line-height: 26px; background-color: #3b5998; border-radius: 2px; color: #fff; font-size:17px; text-align: center;}
.sub_top_area .sns_print_box > .list > li .sub_share_box li.link a {background-color: #8F8F8F;}
.sub_top_area .sns_print_box > .list > li .sub_share_box li.link a i {transform: rotate(45deg)}
.sub_top_area .sns_print_box > .list > li .sub_share_box li.twitter a {background-color: #000;}
.sub_top_area .sns_print_box > .list > li .sub_share_box li.blog a {background-color: #00c73c;}
.sub_top_area .sns_print_box > .list > li .sub_share_box li a i {line-height: 1.5;}
.m_fixed_menu {display: none; position: fixed; left: 0; bottom: 0; width: 100%; background-color: #292929; z-index: 9999;}
.m_fixed_menu .list {display: flex; width: 100%;}
.m_fixed_menu .list li {width: 100%;}
.m_fixed_menu .list li .box {display: block; width: 100%; text-align: center;  padding: 7px 0;}
.m_fixed_menu .list li .box .text {display: inline-block; position: relative; width: 100%; padding: 33px 0 0; font-weight: 400; font-size: 14px; line-height: 21px; color: #ffffff; letter-spacing: -0.04em;}
.m_fixed_menu .list li .box .text:before {display: block; content: ""; position: absolute; left: 50%; transform: translateX(-50%); top: 0; width: 29px; height: 30px; background-size: cover; background-repeat: no-repeat; background-position: 0 0;}
.m_fixed_menu .list li.icon01 .box .text:before {background-image: url("/kor/images/sub/fixed_icon01.png");}
.m_fixed_menu .list li.icon02 .box .text:before {background-image: url("/kor/images/sub/fixed_icon02.png");}
.m_fixed_menu .list li.icon03 .box .text:before {background-image: url("/kor/images/sub/fixed_icon03.png");}
.m_fixed_menu .list li.icon04 .box .text:before {background-image: url("/kor/images/sub/fixed_icon04.png");}
.m_fixed_menu .list li.icon05 .box .text:before {background-image: url("/kor/images/sub/fixed_icon05.png");}
.m_fixed_menu .list li.icon01.on .box .text:before {background-image: url("/kor/images/sub/fixed_icon01_on.png");}
.m_fixed_menu .list li.icon02.on .box .text:before {background-image: url("/kor/images/sub/fixed_icon02_on.png");}
.m_fixed_menu .list li.icon03.on .box .text:before {background-image: url("/kor/images/sub/fixed_icon03_on.png");}
.m_fixed_menu .list li.icon04.on .box .text:before {background-image: url("/kor/images/sub/fixed_icon04_on.png");}
.m_fixed_menu .list li.icon05.on .box .text:before {background-image: url("/kor/images/sub/fixed_icon05_on.png");}
.m_fixed_menu .list li.on .box .text {color: #ea5404;}
.m_report_box {display: none;position: fixed; bottom: 68px; left: 0; width: 100%; padding: 10px; background-color: #fcecd4; z-index: 99;}
.m_report_box.on {display: block;}
.m_report_box .list {overflow-y: auto; max-height: 150px;}
.m_report_box .list li {}
.m_report_box .list li a {display: block; width: 100%; font-weight: 300; font-size: 12px; line-height: 24px; color: #000; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all;}
.m_youtube_box {display: none; position: fixed; bottom: 68px; left: 0; width: 100%; padding: 10px; background-color: #fcecd4; z-index: 99;}
.m_youtube_box.on {display: block;}
.m_youtube_box .list {overflow-y: auto; max-height: 150px;}
.m_youtube_box .list li {}
.m_youtube_box .list li a {display: block; width: 100%; font-weight: 300; font-size: 12px; line-height: 24px; color: #000; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all;}
/*체크박스*/
.chk_inner {display: inline-block; position: relative; padding: 0 0 0 40px; font-size: 0; text-align: left;}
.chk_inner .inp_chk {display: inline-block; position: absolute; top: 44%; left: 0; width: 26px; height: 26px; margin: -13px 0 0; border: 1px solid #d9d9d9; padding: 0; background-color: #ffffff; cursor: pointer; vertical-align: middle;}
.chk_inner .inp_chk:checked:before {display: block; content: ''; position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); width: 20px; height: 20px; background-color: #0033a5;}
.chk_inner label {display: inline-block; font-weight: 400; font-size: 16px; line-height: 26px; color: #666666; vertical-align: middle;}
/*//체크박스*/
/*라디오 버튼*/
.radio_area {display: inline-block; position: relative; padding: 0 0 0 20px; font-size: 0;}
.radio_area .radio_inp {display: inline-block; position: absolute; top: 10px; left: 0; width: 14px; height: 14px; border: 1px solid #777777; padding: 0; background-color: #ffffff; border-radius: 50%; cursor: pointer;}
.radio_area .radio_inp:checked {background-color: inherit;}
.radio_area .radio_inp:checked:before {display: block; content: ''; position: absolute; top: 50%; left: 50%; width: 12px; height: 12px; background-color: #0033a5; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 50%;}
.radio_area label {font-weight: 400; font-size: 14px; line-height: 40px; color: #777777;}
/*//라디오 버튼*/
.mt0 {margin-top: 0 !important;}
.mt10 {margin-top: 10px !important;}
.mt20 {margin-top: 20px !important;}
.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;}
.mt50 {margin-top: 50px !important;}
.mt60 {margin-top: 60px !important;}
.mt70 {margin-top: 70px !important;}
.mt80 {margin-top: 80px !important;}
.mt90 {margin-top: 90px !important;}
.mt100 {margin-top: 100px !important;}

.pd0 {padding: 0 !important;}
.pt0 {padding-top: 0 !important;}
.pt10 {padding-top: 10px !important;}
.pt20 {padding-top: 20px !important;}
.pt30 {padding-top: 30px !important;}
.pt40 {padding-top: 40px !important;}
.pt50 {padding-top: 50px !important;}
.pt60 {padding-top: 60px !important;}
.pt70 {padding-top: 70px !important;}
.pt80 {padding-top: 80px !important;}
.pt90 {padding-top: 90px !important;}
.pt100 {padding-top: 100px !important;}
.cont100 {padding-top: 110px !important;}
.justify-content-start {justify-content: start !important;}
.justify-content-center {justify-content: center !important;}
.align-items-start {align-items: start !important;}
.align-items-center {align-items: center !important;}
.align-items-end {align-items: end !important;}
.gap50 {column-gap: 50px !important;}
/* =========================================== */
/* =========================================== */
/* ============= // 서브페이지 기본틀 ============= */
/* =========================================== */
/* =========================================== */

.event_area {}
.event_area .list {display: flex; flex-wrap: wrap; gap: 35px 15px}
.event_area .list li {width: calc(33.3333% - 10px);}
.event_area .list li .box {display: block;}
.event_area .list li .box .box_inner {}
.event_area .list li .box .box_inner .img_box {}
.event_area .list li .box .box_inner .img_box .img_inner {width: 100%; padding-bottom: 71%; position: relative; overflow: hidden; background-color: #f5f5f5;}
.event_area .list li .box .box_inner .img_box .img_inner img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain; transition: all 0.5s;}
.event_area .list li .box .box_inner .text_box {margin: 13px 0 0;}
.event_area .list li .box .box_inner .text_box .title {font-weight: 400; font-size: 18px; line-height: 26px; color: #000000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.event_area .list li .box .box_inner .text_box .date {margin: 5px 0 0; font-weight: 400; font-size: 14px; line-height: 20px; color: #cccccc;}
.event_area .list li .box:hover .box_inner .img_box .img_inner img {transform: scale(1.2)}
.com_board_view {}
.com_board_view.review {margin: 20px 0 0; border-top: 2px solid #0033a5;}
.com_board_view .title_area {border-top: 2px solid #0033a5; border-bottom: 1px solid #e7e7e7; padding: 22px 20px;}
.com_board_view .title_area .title {font-weight: 500; font-size: 22px; line-height: 33px; color: #222222; letter-spacing: -0.03em;}
.com_board_view .board_view {padding: 23px 0 120px; border-bottom: 1px solid #e7e7e7;}
.com_board_view .board_view .text {padding: 0 20px; font-weight: 400; font-size: 18px; line-height: 1.7; color: #222222;}
.com_board_view .board_view .text span {font-family: "OmniGothic" !important; }
.com_board_view .board_view .text p {font-family: "OmniGothic" !important; }
.com_board_view .board_view .text div {font-family: "OmniGothic" !important; }
.com_board_view .board_view .text img {height: auto !important;}
.com_board_view .post_nav {margin: 26px 0 0; border-top: 1px solid #999999; border-bottom: 1px solid #999999;}
.com_board_view .post_nav .list {}
.com_board_view .post_nav .list li {border-bottom: 1px solid #e7e7e7;}
.com_board_view .post_nav .list li:last-child {border-bottom: none;}
.com_board_view .post_nav .list li .item_wrapper {display: table; table-layout: fixed; width: 100%; position: relative; }
.com_board_view .post_nav .list li .item_wrapper .tit {display: table-cell; width: 150px; text-align: center; vertical-align: middle; background-color: #f9f9f9;}
.com_board_view .post_nav .list li .item_wrapper .tit .icon {display: inline-block; padding: 0 18px 0 0; position: relative; font-weight: 400; font-size: 16px; line-height: 50px; color: #000000; text-align: center;}
.com_board_view .post_nav .list li .item_wrapper .tit .icon:before {display: block;content: ""; position: absolute; right: 0; top: 47%; transform: translateY(-50%); width: 8px; height: 5px; background-position: right center; background-repeat: no-repeat;}
.com_board_view .post_nav .list li .item_wrapper.prev .tit .icon:before {background-image: url("/kor/images/sub/post_prev.png");}
.com_board_view .post_nav .list li .item_wrapper.next .tit .icon:before {background-image: url("/kor/images/sub/post_next.png");}
.com_board_view .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: #222222;}
.com_board_view .post_nav .list li .item_wrapper .post a {height: 27px;  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: #222;}
.com_board_view .info_list {padding: 0 20px; border-bottom: 1px solid #e7e7e7;}
.com_board_view .info_list .list {}
.com_board_view .info_list .list li {display: inline-block; margin: 0 30px 0 0; font-weight: 400; font-size: 18px; line-height: 60px; color: #999999;}
.com_board_view .info_list .list li:last-child {margin: 0;}
.com_board_view .info_list .list li .text {margin: 0 15px 0 0; color: #222222;}
.com_board_view .info_list .list li .file {display: inline-block}
.com_board_view .info_list .list li .file .text {padding: 0 0 0 32px; background-repeat: no-repeat; background-position: left center; background-image: url("/kor/images/sub/file_icon.png"); font-family: "omnigothic" !important; font-weight: 400; font-size: 14px; line-height: 21px; color: #000000; vertical-align: middle;}
.com_board_view .file_area {padding: 13px 20px; background-color: #f5f5f5;}
.com_board_view .file_area .list {}
.com_board_view .file_area .list li {margin: 4px 0 0;}
.com_board_view .file_area .list li:first-child {margin: 0;}
.com_board_view .file_area .list li .file {display: block;}
.com_board_view .file_area .list li .file .text {display: inline-block; padding: 0 0 0 25px; background-size: 18px 16px; background-repeat: no-repeat; background-position: left center; background-image: url("/kor/images/sub/file_down_icon.png"); font-weight: 400; font-size: 14px; line-height: 21px; color: #3b3b3b;}

.com_board_view .title_area.answer {padding: 12px 20px; background-color: #0033a5;}
.com_board_view .title_area.answer .title {font-weight: 500; color: #ffffff;}
.com_board_view .info_list.answer {background-color: #f9f9f9;}

.board_area {margin: 60px 0 0;}
.board_area .board_list {width: 100%; margin: 15px 0 0; border-top: 2px solid #0033a5; /*text-align: center;*/ border-collapse: collapse; table-layout: fixed; box-sizing: border-box;}
.board_area .board_list thead {border-bottom: 2px solid #e7e7e7;}
.board_area .board_list thead tr {}
.board_area .board_list thead tr th {font-weight: 500; font-size: 18px; line-height: 60px; color: #222; text-align: center;}
.board_area .board_list tbody {}
.board_area .board_list tbody tr {border-bottom: 1px solid #d5d5d5; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.board_area .board_list tbody tr td {position: relative; padding: 20px 0; font-weight: 400; font-size: 18px; line-height: 27px; color: #777777; word-break: keep-all; text-align:center;}
.board_area .board_list tbody tr td a {display: inline-block; height: 27px; vertical-align: top; /*width: 100%;*/}
.board_area .board_list tbody tr td.tit a {text-align: left;}
.board_area .board_list tbody tr td a .text {height: 27px; color: #222; text-align: left; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
.board_area .board_list tbody tr td a .text .ft_c {color: #0033a5;}
.board_area .board_list tbody tr td a .text .ft_c01 {color: #999999;}
.board_area .board_list tbody tr td.new a .text {position: relative; padding: 0 60px 0 0; color: #115f9e;}
.board_area .board_list span {display: inline-block; margin-left:3px;}

.inquiry_area {}
.inquiry_area .list {}
.inquiry_area .list li {margin: 35px 0 0;}
.inquiry_area .list li:first-child {margin: 0;}
.inquiry_area .list li .box {font-size: 0;}
.inquiry_area .list li .box .tit {display: inline-block; margin: 0 0 10px; font-weight: 500; font-size: 20px; line-height: 30px; color: #222222;}
.inquiry_area .list li .box .tit .red {}
.inquiry_area .list li .box .input_box {display: inline-block; width: calc(50% - 10px); margin: 0 20px 0 0;}
.inquiry_area .list li .box2 .input_box {width: 100% !important;}
.inquiry_area .list li .box .input_box:last-child {margin: 0;}
.inquiry_area .list li .box .input_box input {display: block; width: 100%; padding: 17px 10px; border: 1px solid #d9d9d9; font-weight: 400; font-size: 16px; line-height: 24px; color: #222}
.inquiry_area .list li .box .input_box select {width: 100%; border: 1px solid #d9d9d9; padding: 17px 10px; background-color: #ffffff; background-image: url("/kor/images/sub/slt_arr_icon2.png");  background-position: right 10px center; background-size: 16px auto; background-repeat: no-repeat; font-weight: 400; font-size: 16px; line-height: 24px; color: #222;}
.inquiry_area .list li .box .input_box select option {}
.inquiry_area .list li .box .textarea {}
.inquiry_area .list li .box .textarea textarea {height: 340px; resize: none; padding: 17px 10px; border: 1px solid #d9d9d9; font-family: "omnigothic" !important; font-weight: 400; font-size: 16px; line-height: 24px; color: #222}
.inquiry_area .list li .box .attach_box {}
.inquiry_area .list li .box .attach_box {font-size: 0;}
.inquiry_area .list li .box .attach_box .box {display: inline-block; width: 100%; vertical-align: middle;}
.inquiry_area .list li .box .attach_box .box .attach_input {position: absolute; left: 0; top: 0; z-index: 1;visibility: hidden;}
.inquiry_area .list li .box .attach_box .box .attach_vbox {position: relative; z-index: 1; padding: 0 120px 0 0;}
.inquiry_area .list li .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;}
.inquiry_area .list li .box .attach_box .box .attach_vbox .att_btn_box {position: absolute; right: 0; top: 0; z-index: 1; }
.inquiry_area .list li .box .attach_box .box .attach_vbox .att_btn_box .attach_btn {display: inline-block; width: 110px; height: 60px; background-color: #0033a5; font-weight: 400; font-size: 18px; line-height: 60px; color: #ffffff; text-align: center; cursor: pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; vertical-align: top;}
.inquiry_area .list li .box .attach_box .box .attach_vbox .att_btn_box .delete_btn {display: inline-block; width: 100px; height: 60px; border: 1px solid #0033a5; font-weight: 500; font-size: 18px; line-height: 60px; color: #0f598d; vertical-align: top;}
.inquiry_area .list li .box .policy_box {height: 270px; overflow-y: scroll; border: 1px solid #d9d9d9; padding: 25px 30px; font-weight: 400; font-size: 18px; line-height: 24px; color: #777777;}
.inquiry_area .list li .box .check_area {margin: 20px 0 0;}
.inquiry_area .list li .box .check_area .chk_inner {}
.inq_btn {margin: 70px 0 0; display: flex; gap: 5px; justify-content: center;}
.inq_btn .btn {display: inline-block; width: 230px; background-color: #0033a5; border: 1px solid #0033a5; font-weight: 400; font-size: 20px; line-height: 78px; color: #ffffff; text-align: center; transition: all 0.3s;}
.inq_btn .btn:hover, .inq_btn .btn:focus {background-color: #fff; color: #0033a5;}
.inq_btn .btn.gray {background-color: #c3c3c3; border: 1px solid #c3c3c3;}
.inq_btn .btn.gray:hover, .inq_btn .btn.gray:focus {background-color: #fff; color: #c3c3c3;}

.inquiry_area .list li .box .attach_box.list {display: flex; gap: 10px;}
.inquiry_area .list li .box .attach_box.list .box {width: calc(20% - 8px);}
.inquiry_area .list li .box .attach_box.list .box .img_box {position: relative; padding: 0 0 72%;}
.inquiry_area .list li .box .attach_box.list .box .img_box img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain;}
.inquiry_area .list li .box .attach_box.list .box .attach_vinput {text-align: center; height: auto; font-size: 14px; line-height: 21px; border: none; margin: 5px 0 0; outline: none;}
.inquiry_area .list li .box .attach_box.list .box .attach_vinput:focus {outline: none;}
.inquiry_area .list li .box .attach_box.list .box .attach_vbox {padding: 0;}
.inquiry_area .list li .box .attach_box.list .box .attach_vbox .att_btn_box {position: inherit; right: inherit; top: inherit; margin: 10px 0 0; text-align: center;}
.inquiry_area .list li .box .attach_box.list .box .attach_vbox .att_btn_box .attach_btn {width: 100px; height: 40px; line-height: 40px; font-size: 14px; }

.book_btn_area {display: flex; gap: 10px; flex-wrap: wrap;}
.book_btn_area .btn {display: block; width: 200px; border-radius: 10px; border: 1px solid; text-align: center;}
.book_btn_area .btn .text {font-weight: 400; font-size: 16px; line-height: 43px; color: #ffffff;}
.book_btn_area .btn.detail {background-color: #555555; border-color: #555555;}
.book_btn_area .btn.tell {display: none; background-color: #0033a5; border-color: #0033a5;}
.book_btn_area .btn.blog {background-color: #03C95B; border-color: #03C95B;}
.book_btn_area .btn.tell .text {padding: 0 0 0 20px; background: url("/kor/images/sub/book_btn_icon.png") no-repeat left top 1px;}  
.book_btn_area .btn.blog.small {width: 180px; }
.book_btn_area .btn.blog.small .text {padding:  0 15px 0 0; background: url("/kor/images/sub/book_arrow.png") no-repeat right top 1px; font-size: 14px; line-height: 33px;}
.book_btn_area .btn.down {background-color: #0033a5; border-color: #0033a5; color: #fff;}

.book_btn_area .gray_text {display: block; width: 100%; font-weight: 400; font-size: 14px; line-height: 20px; color: #999999;}


.book_area {}
.book_area > .list {}
.book_area > .list > li {margin: 50px 0 0;}
.book_area > .list > li:first-child {margin: 0;}
.book_area > .list > li > .box {}
.book_area > .list > li > .box .box_inner {display: flex; column-gap: 50px; justify-content: space-between;}
.book_area > .list > li > .box .box_inner .img_wrap {flex-shrink: 0;}
.book_area > .list > li > .box .box_inner .img_wrap .img_box {}
.book_area > .list > li > .box .box_inner .img_wrap .img_box .img_inner {}
.book_area > .list > li > .box .box_inner .img_wrap .img_box .img_inner img {}
.book_area > .list > li > .box .box_inner .text_box {width: 100%;}
.book_area > .list > li > .box .box_inner .text_box .title_area {}
.book_area > .list > li > .box .box_inner .text_box .title_area .title {font-weight: 500; font-size: 26px; line-height: 30px; color: #000000;}
.book_area > .list > li > .box .box_inner .text_box .title_area .text_list {margin: 15px 0 0;}
.book_area > .list > li > .box .box_inner .text_box .title_area .text_list .list {display: flex; flex-wrap: wrap;}
.book_area > .list > li > .box .box_inner .text_box .title_area .text_list .list li {position: relative; margin: 0 10px 0 0; padding: 0 10px 0 0; font-weight: 400; font-size: 16px; line-height: 20px; color: #999999;}
.book_area > .list > li > .box .box_inner .text_box .title_area .text_list .list li:last-child {margin: 0; padding: 0;}
.book_area > .list > li > .box .box_inner .text_box .title_area .text_list .list li:before {display: block; content: ""; position: absolute; right: 0; top: 1px; width: 2px; height: 16px; background-color: #d0d0d0;}
.book_area > .list > li > .box .box_inner .text_box .title_area .text_list .list li:last-child:before {display: none;}
.book_area > .list > li > .box .box_inner .text_box .info_list {margin: 15px 0 0; border-top: 1px solid #dddddd; padding: 20px 0 0;}
.book_area > .list > li > .box .box_inner .text_box .info_list .list {}
.book_area > .list > li > .box .box_inner .text_box .info_list .list li {margin: 15px 0 0;}
.book_area > .list > li > .box .box_inner .text_box .info_list .list li:first-child {margin: 0;}
.book_area > .list > li > .box .box_inner .text_box .info_list .list li .info_box {display: flex;}
.book_area > .list > li > .box .box_inner .text_box .info_list .list li .info_box .tit {width: 100px; font-weight: 500; font-size: 16px; line-height: 20px; color: #222222;}
.book_area > .list > li > .box .box_inner .text_box .info_list .list li .info_box .txt {font-weight: 400; font-size: 16px; line-height: 20px; color: #333;}
.book_area > .list > li > .box .box_inner .text_box .info_list .list li .info_box .txt .ft_c {font-weight: 700;	color: #0033a5;}
.book_area > .list > li > .box .box_inner .text_box .book_btn_area {margin: 40px 0 0;}

/* 제품 공통 설명*/
.com_title_area {}
.com_title_area .title {position: relative;}
.com_title_area .title .tit {position: relative; padding: 0 30px 0 0; background-color: #fff; font-weight: 500; font-size: 26px; line-height: 24px; color: #000000;}
.com_title_area .title .tit:before {display: block; content: ""; position: absolute; right: 0; top: 8px; width: 9px; height: 9px; background-color: #999999; border-radius: 50%;}
.com_title_area .title:before {display: block; content: ""; position: absolute; top: 9px; width: 100%; height: 1px; background-color: #999;}
.sub_title_area {}
.sub_title_area .title {font-weight: 500; font-size: 20px; line-height: 24px; color: #003399;}
.line_title_area {}
.line_title_area .title {position: relative; padding: 0 0 0 17px; font-weight: 400; font-size: 18px; line-height: 24px; color: #222222;}
.line_title_area .title:before {display: block; content: ""; position: absolute; left: 0; top: 3px; width: 6px; height: 12px; background-color: #003399;}

.com_text_list {}
.com_text_list .list {}
.com_text_list .list li {position: relative; margin: 8px 0 0; padding: 0 0 0 9px; font-weight: 400; font-size: 16px; line-height: 20px; color: #555555;}
.com_text_list .list li:first-child {margin: 0;}
.com_text_list .list li .etc {position: absolute; left: 0; top: 0;}

.color_text_list {}
.color_text_list .list {}
.color_text_list .list li {position: relative; margin: 8px 0 0; padding: 0 0 0 9px; font-weight: 500; font-size: 20px; line-height: 24px; color: #003399;}
.color_text_list .list li:first-child {margin: 0;}
.color_text_list .list li .etc {position: absolute; left: 0; top: 0;}

.info_text_list {}
.info_text_list .list {}
.info_text_list .list li {position: relative; margin: 10px 0 0; padding: 0 0 0 8px; font-weight: 400; font-size: 16px; line-height: 20px; color: #000000;}
.info_text_list .list li:first-child {margin: 0;}
.info_text_list .list li .etc {position: absolute; left: 0; top: 0;}

.inline_text_list {}
.inline_text_list .list {display: flex; justify-content: center; flex-wrap: wrap; gap: 5px;}
.inline_text_list .list li {font-weight: 500; font-size: 18px; line-height: 20px; color: #222222;}

.border_com_text {}
.border_com_text .title {display: inline-block; padding: 6.5px 20px; background-color: #e5eaf6; border-radius: 20px; font-weight: 500; font-size: 20px; line-height: 27px; color: #003399;}

.com_table_area {}
.com_table_area .table_area {}
.com_table_area .table_area table {width: 100%;}
.com_table_area .table_area table thead {}
.com_table_area .table_area table thead tr {border-bottom: 2px solid #ccc; border-top: 1px solid #ccc;}
.com_table_area .table_area table thead tr td {border-right: 1px solid #cccccc; background-color: #f5f5f5; font-weight: 500; font-size: 16px; line-height: 50px; color: #222222; text-align: center;}
.com_table_area .table_area table thead tr td:last-child {border-right: none;}
.com_table_area .table_area table thead tr td.bd_r {border-right: 1px solid #ccc;}
.com_table_area .table_area table tbody {}
.com_table_area .table_area table tbody tr {border-bottom: 1px solid #cccccc;}
.com_table_area .table_area table tbody tr td {border-right: 1px solid #cccccc;border-bottom: 1px solid #cccccc; padding: 15px 5px; font-weight: 300; font-size: 16px; line-height: 20px; color: #222222; text-align: center;}
.com_table_area .table_area table tbody tr td:last-child {border-right: none;}
.com_table_area .table_area table tbody tr td.bd_r {border-right: 1px solid #ccc;}
.com_table_area .table_area table tbody tr td.bg {background-color: #f5f5f5;}

.com_table_area.border .table_area table {border: 1px solid #999999;}
.com_table_area.border .table_area table thead tr {border-bottom: 1px solid #999999; border-top: 1px solid #999999 }
.com_table_area.border .table_area table thead tr td {border-right: 1px solid #999999;}
.com_table_area.border .table_area table thead tr td.bd_r {border-right: 1px solid #999999;}
.com_table_area.border .table_area table tbody tr {border-bottom: 1px solid #999999;}
.com_table_area.border .table_area table tbody tr td {border-right: 1px solid #999999;border-bottom: 1px solid #999999;}
.com_table_area.border .table_area table tbody tr td.bd_r {border-right: 1px solid #999999;}
.com_table_area.sty2 .table_area table thead tr td {border-right: none;}
.com_table_area.sty2 .table_area table thead tr td .ft_s {font-size: 18px; font-weight: 700;}
.com_table_area.sty2 .table_area table tbody tr td {border-right: none;}

.table_text_area {display: flex; justify-content: space-between; align-items: center;}
.table_text_area .left_text {font-weight: 300; font-size: 18px; line-height: 21px; color: #222222;}
.table_text_area .right_text {font-weight: 300; font-size: 14px; line-height: 21px; color: #999999; text-align: right;}
.table_text_area .right_text .ft_c {color: #222222;}

.com_img_area {}
.com_img_area > .list {display: flex; justify-content: space-between; gap: 25px 5px;}
.com_img_area.end > .list {align-items: end; justify-content: start; column-gap: 40px;}
.com_img_area > .list > li {}
.com_img_area > .list > li .box {}
.com_img_area > .list > li .box .img_box {text-align: center;}
.com_img_area > .list > li .box .img_box img {}
.com_img_area > .list > li .box .text_box {display: flex; margin: 20px 0 0;}
.com_img_area > .list > li .box .text_box .info_text_list {}
.com_img_area > .list > li .box .txt_box {margin: 10px 0 0;}
.com_img_area > .list > li .box .txt_box .text {font-weight: 300; font-size: 14px; line-height: 18px; color: #000000; text-align: center;}

.com_img_area.w16 > .list li {width: calc(16.6666% - 10px);}
.com_img_area.w16 > .list {flex-wrap: wrap; gap: 20px 12px}
.com_img_area.w20 > .list {flex-wrap: wrap; gap: 15px 20px}
.com_img_area.w20 > .list li {width: calc(20% - 16px);}
.com_img_area.w25 > .list {flex-wrap: wrap; gap: 25px 13px}
.com_img_area.w25 > .list li {width: calc(25% - 9.75px);}
.com_img_area.w33 > .list {flex-wrap: wrap;}
.com_img_area.w33 > .list > li {width: calc(33.3333% - 3.3333px);}
.com_img_area.w50 > .list > li {width: 50%;}
.com_img_area.width50 > .list {flex-wrap: wrap;}
.com_img_area.width50 > .list > li {width: calc(50% - 2.5px);}
.com_img_area.w33.gap70 > .list {gap: 25px 70px;}
.com_img_area.w33.gap70 > .list li {width: calc(33.3333% - 46.6666px);}
.com_img_area.arrow > .list {align-items: center;}
.com_img_area.arrow > .list > li {}

.com_img_area2 {}
.com_img_area2 > .list {display: flex; justify-content: space-between; flex-wrap: wrap; gap: 30px 40px;}
.com_img_area2 > .list > li {width: calc(50% - 20px);}
.com_img_area2 > .list > li .box {}
.com_img_area2 > .list > li .box .img_box {text-align: center;}
.com_img_area2 > .list > li .box .img_box img {width: 100%;}
.com_img_area2.result > .list > li .box .img_box {position: relative; overflow: hidden; padding-bottom: 61%;}
.com_img_area2.result > .list > li .box .img_box img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%;}

.text_cont {}
.text_cont .title_area {display: flex; gap: 5px 20px; align-items: center;}
.text_cont .title_area .title {margin: 3px 0 0; font-weight: 500; font-size: 20px; line-height: 24px; color: #222222;}
.text_cont .title_area .video_btn {display: block; width: 120px; background-color: #0033a5; border-radius: 16.5px; text-align: center;}
.text_cont .title_area .video_btn .video {display: inline-block; height: 33px; padding: 0 25px 0 0; background: url("/kor/images/sub/video_icon.png") no-repeat right top 7px; font-weight: 500; font-size: 14px; line-height: 35px; color: #fff; }
.text_cont .text {margin: 10px 0 0; font-weight: 400; font-size: 14px; line-height: 24px; color: #222222;}
.text_cont .text_list {margin: 10px 0 0;}
.text_cont .text_list .list {}
.text_cont .text_list .list li {font-weight: 300; font-size: 14px; line-height: 24px; color: #222222;}
.text_cont .text_list .list li .etc {}
.border_img_area {border: 1px solid #dddddd; padding: 25px 30px 20px;}
.border_img_area.radius {border-radius: 10px;}
.border_img_area .text {font-weight: 500; font-size: 14px; line-height: 26px; color: #000000; text-align: center;}

.bg_com_text {width: 100%; max-width: 700px; margin: 0 auto; padding: 13px 5px; background-color: #003399; border-radius: 25px;}
.bg_com_text .text {font-weight: 700; font-size: 18px; line-height: 24px; color: #ffffff; text-align: center;}

.triangle {font-weight: 500 !important; font-size: 18px !important; line-height: 30px !important; color: #0033a5 !important;}
/* 제품 공통 설명*/ 


.company_top {height: 600px; background: url("/kor/images/sub/company_bg.png") no-repeat center / cover;}
.company_top .inner { height: 100%; padding: 50px 40px 35px;}
.company_top .inner .text_area {display: flex; flex-direction: column; justify-content: space-between; height: 100%;}
.company_top .inner .text_area .text_top {}
.company_top .inner .text_area .text_top .title_area {margin: 0 0 25px; padding: 0 0 20px; border-bottom: 1px solid #fff;}
.company_top .inner .text_area .text_top .title_area .title {font-weight: 700; font-size: 40px; line-height: 50px; color: #ffffff;}
.company_top .inner .text_area .text_top .title_area .title .ft_s {font-weight: 700; font-size: 20px;}
.company_top .inner .text_area .text_top .text {font-weight: 500; font-size: 24px; line-height: 34px; color: #ffffff;}
.company_top .inner .text_area .text_btm {text-align: right;}
.company_top .inner .text_area .text_btm .title {font-weight: 300; font-size: 18px; line-height: 35px; color: #ffffff;}
.company_top .inner .text_area .text_btm .text {font-weight: 300; font-size: 18px; line-height: 35px; color: #ffffff;}


.history_area {}
.history_area .sub_top_area {}
.history_area > .list {display: flex; gap: 35px 40px; flex-wrap: wrap;}
.history_area > .list > li {width: calc(50% - 20px); border-bottom: 1px solid #222222; padding: 0 0 35px;}
.history_area > .list > li .box {display: flex; column-gap: 35px;}
.history_area > .list > li .box .year {font-weight: 500; font-size: 26px; line-height: 30px; color: #000000;}
.history_area > .list > li .box .info_list {}
.history_area > .list > li .box .info_list > .list {}
.history_area > .list > li .box .info_list > .list > li {margin: 12px 0 0;}
.history_area > .list > li .box .info_list > .list > li:first-child {margin: 0 ;}
.history_area > .list > li .box .info_list > .list > li .date_box {display: flex;}
.history_area > .list > li .box .info_list > .list > li .date_box .month {position: relative; width: 45px; padding: 0 0 0 8px; font-weight: 400; font-size: 16px; line-height: 22px; color: #999999;}
.history_area > .list > li .box .info_list > .list > li .date_box .month:before {display: block; content: "·"; position: absolute; left: 0; top: 0; font-weight: 400; font-size: 16px; line-height: 22px; color: #999999;}
.history_area > .list > li .box .info_list > .list > li .date_box .text_box {}
.history_area > .list > li .box .info_list > .list > li .date_box .text_box .text_list {}
.history_area > .list > li .box .info_list > .list > li .date_box .text_box .text_list > li {margin: 12px 0 0; font-weight: 400; font-size: 16px; line-height: 22px; color: #000000;}
.history_area > .list > li .box .info_list > .list > li .date_box .text_box .text_list > li:first-child {margin: 0;}

.member_area {}
.member_area .sub_top_area {}
.member_area > .list {display: flex; gap: 30px 20px; flex-wrap: wrap;}
.member_area > .list > li {width: calc(50% - 10px);}
.member_area > .list > li .box {display: flex; column-gap: 20px;}
.member_area > .list > li .box .img_wrap {flex-shrink: 0;}
.member_area > .list > li .box .img_wrap .img_box {}
.member_area > .list > li .box .img_wrap .img_box img {}
.member_area > .list > li .box .text_box {}
.member_area > .list > li .box .text_box .name {font-weight: 700; font-size: 20px; line-height: 28px; color: #000000;}
.member_area > .list > li .box .text_box .name .position {margin: 0 0 0 10px; font-weight: 300; font-size: 14px;}
.member_area > .list > li .box .text_box .info_list {margin: 10px 0 0; padding: 10px 0 0; border-top: 1px solid #c5c5c5;}
.member_area > .list > li .box .text_box .info_list .list {}
.member_area > .list > li .box .text_box .info_list .list li {margin: 5px 0 0; font-weight: 300; font-size: 14px; line-height: 20px; color: #000000;}
.member_area > .list > li .box .text_box .info_list .list li:first-child {margin: 0;}


.organ_area {}
.organ_area .organ_box {width: 100%; max-width: 1000px; margin: 0 auto;}
.organ_area .organ_box .organ_top {}
.organ_area .organ_box .organ_top .box {display: flex; justify-content: center; align-items: center; width: 160px; margin: 0 auto; border-radius: 50%; background-color: #0033a5;}
.organ_area .organ_box .organ_top .box .text {font-weight: 500; font-size: 24px; line-height: 160px; color: #ffffff; text-align: center;}
.organ_area .organ_box .organ_mid {position: relative; width: 100%; max-width: 560px; margin: 0 auto; padding: 30px 0 50px; text-align: right;}
.organ_area .organ_box .organ_mid:before {display: block; content: ""; position: absolute; left: 50%; top: 0; width: 1px; height: 100%; background-color: #e6e6e6;}
.organ_area .organ_box .organ_mid .box {width: 150px; margin: 0 0 0 auto;}
.organ_area .organ_box .organ_mid .box .text {position: relative; border: 1px solid #0033a5; border-radius: 5px; font-weight: 300; font-size: 18px; line-height: 43px; text-align: center;}
.organ_area .organ_box .organ_mid .box .text:after {display: block; content: ""; position: absolute; right: 150px; top: 50%; width: 130px; height: 1px; background-color: #e6e6e6;}
.organ_area .organ_box .organ_mid .box .text.sty1 {color: #fff; background-color: #0033a5;}
.organ_area .organ_box .organ_mid .box .text.sty2 {position: relative; margin: 15px 0 0; color: #0033a5;}
.organ_area .organ_box .organ_mid .box .text.sty2:before {display: block; content: ""; position: absolute; left: 50%; top: -16px; width: 1px; height: 15px; background-color: #e6e6e6;}
.organ_area .organ_box .organ_btm {}
.organ_area .organ_box .organ_btm .box {}
.organ_area .organ_box .organ_btm .box .info_list {}
.organ_area .organ_box .organ_btm .box .info_list > .list {position: relative; display: flex; column-gap: 25px;}
.organ_area .organ_box .organ_btm .box .info_list > .list:before {display: block; content: ""; position: absolute; left: 50%; transform: translateX(-50%); top: 0; width: 82%; height :1px; background-color: #e6e6e6;	}
.organ_area .organ_box .organ_btm .box .info_list > .list > li {width: 100%;}
.organ_area .organ_box .organ_btm .box .info_list > .list > li .title_area {position: relative;  padding: 30px 0 0;}
.organ_area .organ_box .organ_btm .box .info_list > .list > li .title_area:before {display: block; content: ""; position: absolute; left: 50%; top: 0; width: 1px; height: 30px; background-color: #e6e6e6;}
.organ_area .organ_box .organ_btm .box .info_list > .list > li .title_area .title {border-radius: 5px; background-color: #0033a5; font-weight: 300; font-size: 18px; line-height: 45px; color: #fff; text-align: center;}
.organ_area .organ_box .organ_btm .box .info_list > .list > li .info_box {min-height: 210px; margin: 10px 0 0; padding: 20px 5px; border: 1px solid #0033a5; border-radius: 5px;}
.organ_area .organ_box .organ_btm .box .info_list > .list > li .info_box .info_box_inner {display: flex; flex-direction: column; align-items: center;}
.organ_area .organ_box .organ_btm .box .info_list > .list > li .info_box .info_box_inner .list {}
.organ_area .organ_box .organ_btm .box .info_list > .list > li .info_box .info_box_inner .list li {margin: 15px 0 0; font-weight: 300; font-size: 16px; line-height: 20px; color: #0033a5;}
.organ_area .organ_box .organ_btm .box .info_list > .list > li .info_box .info_box_inner .list li:first-child {margin: 0;}


.map_area {}
.map_area .map_box {}
.map_area .map_box #map1 {}
.map_area .map_box #map1 {height: 500px;}
.map_area .map_box .name {padding: 10px 40px; background-color: #0033a5; font-weight: 700; font-size: 16px; color: #fff;}
.map_area .map_box .gm-style .gm-style-iw-d {overflow: inherit !important; background-color: #0033a5;}
.map_area .map_box .gm-ui-hover-effect {display: none !important;}
.map_area .map_box .gm-style .gm-style-iw-c {padding: 0 !important; background-color: #0033a5;}
.map_area .map_box .gm-style .gm-style-iw-chr {display: none !important}
.map_area .map_box .gm-style .gm-style-iw-tc {display: none;}
.map_area .map_box .gm-style .gm-style-mtc {display: none;}
.map_area .map_box .gm-style .gmnoprint  {display: none;}

.map_area .map_box .gm-ui-hover-effect>span {background-color: #101010;}
.map_area .map_info_box {margin: 50px 0 0;}
.map_area .map_info_box .list {display: flex; column-gap: 30px; margin: 30px 0 0;}
.map_area .map_info_box .list:first-of-type {margin: 0;}
.map_area .map_info_box .list li {}
.map_area .map_info_box .list li .box {display: flex; column-gap: 15px;}
.map_area .map_info_box .list li .box .tit {position: relative; display: inline-block; padding: 0 5px 0 0; font-weight: 700; font-size: 20px; line-height: 30px; color: #000000;}
.map_area .map_info_box .list li .box .tit:before {display: block; content: ""; position: absolute; right: 0; bottom: 8px; width: 3px; height: 3px; background-color: #0033a5;}
.map_area .map_info_box .list li .box .txt { font-weight: 400; font-size: 20px; line-height: 30px; color: #000000;}

.brochure_area {}
.brochure_area > .list {}
.brochure_area > .list > li {margin: 60px 0 0;}
.brochure_area > .list > li:first-child {margin: 0;}
.brochure_area > .list > li .box {}
.brochure_area > .list > li .box .com_title_area {margin: 0 0 30px;}
.brochure_area > .list > li .box .info_list {width: 100%; max-width: 920px; margin: 0 auto;}
.brochure_area > .list > li .box .info_list > .list {display: flex; flex-wrap: wrap; gap: 40px;}
.brochure_area > .list > li .box .info_list > .list > li {width: calc(25% - 30px);}
.brochure_area > .list > li .box .info_list > .list > li .brochure {}
.brochure_area > .list > li .box .info_list > .list > li .brochure .img_box {display: block; position: relative; padding-bottom: 149%; overflow: hidden; border: 1px solid #c5c5c5;}
.brochure_area > .list > li .box .info_list > .list > li .brochure .img_box img {position: absolute; left: 0; top: 0; width: 100%; height: 100%;  transition: 0.3s;transform: scale(1); transform-origin: center;}
.brochure_area > .list > li .box .info_list > .list > li .brochure .text_box {margin: 10px 0 0;}
.brochure_area > .list > li .box .info_list > .list > li .brochure .text_box .text {height: 54px; font-weight: 300; font-size: 14px; line-height: 18px; color: #000000; text-align: center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word;}
.brochure_area > .list > li .box .info_list > .list > li .brochure .down_btn {display: block; width: 120px; margin: 5px auto 0; border: 1px solid #003399; text-align: center;}
.brochure_area > .list > li .box .info_list > .list > li .brochure .down_btn .text {display: inline-block; position: relative; padding: 0 22px 0 0; font-weight: 300; font-size: 12px; line-height: 28px; color: #003399; text-align: center;}
.brochure_area > .list > li .box .info_list > .list > li .brochure .down_btn .text:before {display: block; content: ""; position: absolute; right: 0; top: 8px; width: 12px; height: 12px; background: url("/kor/images/sub/down_icon.png") no-repeat 0;}
.brochure_area > .list > li .box .info_list > .list > li .brochure:hover .img_box img {transform: scale(1.1);}
.brochure_area > .list > li .box .info_list > .list > li .brochure:hover .down_btn {background-color: #003399;}
.brochure_area > .list > li .box .info_list > .list > li .brochure:hover .down_btn .text {color: #fff;}
.brochure_area > .list > li .box .info_list > .list > li .brochure:hover .down_btn .text:before {background-image: url("/kor/images/sub/down_icon_on.png");}
.more_btn {display: block; width: 120px; margin: 50px auto 0; border-radius: 17.5px; background-color: #003399; border: 1px solid #003399; font-weight: 300; font-size: 16px; line-height: 33px; color: #ffffff; text-align: center;}
.more_btn:hover {background-color: #fff; color: #003399;}

.book_tab_list {margin: 80px 0 0;}
.book_tab_list .list {display: flex; gap: 1px;}
.book_tab_list .list li {width: 100%;}
.book_tab_list .list li .btn {display: block; width: 100%; background-color: #f5f5f5; font-weight: 300; font-size: 14px; line-height: 40px; color: #222222; text-align: center;}
.book_tab_list .list li.on .btn {background-color: #0033a5; color: #ffffff;}

.book_cont_area {display: none; margin: 40px 0 0;}
.book_cont_area.on {display: block;}
.book_text {margin: 0 0 20px; font-weight: 300; font-size: 14px; line-height: 21px; color: #0033a5;}
.book_index_area {}
.book_index_area > .title {margin: 0 0 15px; font-weight: 700; font-size: 20px; line-height: 24px; color: #222222;}
.book_index_area .index_area {}
.book_index_area .index_area .index_list {}
.book_index_area .index_area .index_list > li {margin: 30px 0 0; padding: 30px 0 0; border-top: 1px solid #f5f5f5;}
.book_index_area .index_area .index_list > li:first-child {margin: 0; padding: 0; border-top: none;}
.book_index_area .index_area .index_list > li .box {}
.book_index_area .index_area .index_list > li .box .title {font-weight: 500; font-size: 16px; line-height: 20px; color: #222222;}
.book_index_area .index_area .index_list > li .box .title a {text-decoration: underline; text-underline-position: under; text-decoration-color: #d7d7d7;}
.book_index_area .index_area .index_list > li .box .title a:hover, .book_index_area .index_area .index_list > li .box .title a:focus {text-decoration-color: #0033a5;}
.book_index_area .index_area .index_list > li .box .index_list2 {margin: 5px 0 0;}
.book_index_area .index_area .index_list > li .box .index_list2 > li {font-weight: 300; font-size: 14px; line-height: 30px; color: #222222;} 
.book_index_area .index_area .index_list > li .box .index_list2 > li a {text-decoration: underline; text-underline-position: under; text-decoration-color: #d7d7d7;}
.book_index_area .index_area .index_list > li .box .index_list2 > li a:hover, .book_index_area .index_area .index_list > li .box .index_list2 > li a:focus {text-decoration-color: #0033a5;}
.book_index_area .index_area .index_list > li .box .book_btn_area {margin: 10px 0 0;}

.recomm_area {font-weight: 300; font-size: 14px; line-height: 30px; color: #222222;}
.headline_area {font-weight: 300; font-size: 14px; line-height: 30px; color: #222222;}
.deliver_area {}
.deliver_area .text {font-weight: 300; font-size: 14px; line-height: 26px; color: #222222;}
.deliver_area .deliver_table {margin: 20px 0 0;}
.deliver_area .deliver_table table {width: 100%; border-top: 2px solid #dddddd;;}
.deliver_area .deliver_table table tbody {}
.deliver_area .deliver_table table tbody tr {border-bottom: 1px solid #f1f1f1}
.deliver_area .deliver_table table tbody tr td {padding: 10px 15px 10px 20px; font-weight: 300; font-size: 14px; line-height: 30px; color: #222222;}
.deliver_area .deliver_table table tbody tr td.bg {background-color: #f9f9f9; text-align: center;}  


.com_tab_list {}
.com_tab_list .list {display: flex; gap: 10px;}
.com_tab_list .list li {}
.com_tab_list .list li .btn {display: block; width: 195px; border: 1px solid #ccc; border-radius: 10px;  font-weight: 300; font-size: 14px; line-height: 40px; color: #cccccc; text-align: center;}
.com_tab_list .list li.on .btn {border: 1px solid #0033a5; background-color: #0033a5; color: #ffffff;}

.com_tab_cont {display: none; margin: 20px 0 0;}
.com_tab_cont.on {display: block;}

.com_video_area {width: 100%; max-width: 850px; margin: 0 auto;}
.com_video_area .video_box {position: relative; padding: 0 0 56.25%;}
.com_video_area .video_box .video_inner {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;}
.com_video_area .video_box .video_inner iframe {width: 100%; height: 100%;}
.com_video_area .video_box .video_inner video {width: 100%; height: 100%;}


.com_slt_box {width: 100%; max-width: 400px; }
.com_slt_box select {width: 100%; border: 1px solid #222; padding: 8px 10px; background-color: #ffffff; background-image: url("/kor/images/sub/slt_arr_icon.png");  background-position: right 10px center; background-size: 16px auto; background-repeat: no-repeat; font-weight: 400; font-size: 16px; line-height: 24px; color: #222;}
.com_slt_box select option {}


.review_title {display: flex; justify-content: space-between; align-items: center; padding: 0 0 0 20px;}
.review_title .title {font-weight: 500; font-size: 30px; line-height: 40px; color: #222222;}
.review_title .write_btn {padding: 0 24px; background-color: #0033a5;}
.review_title .write_btn .txt {padding: 0 0 0 35px; background: url("/kor/images/sub/review_icon.png") no-repeat left center; font-weight: 400; font-size: 16px; line-height: 50px; color: #fff;}
.review_area {margin: 20px 0 0; border-top: 2px solid #0033a5}
.review_area .list {}
.review_area .list li {padding: 20px; border-bottom: 1px solid #999999;}
.review_area .list li .box {display: block;}
.review_area .list li .box .info_box {display: flex; column-gap: 20px; align-items: end;}
.review_area .list li .box .info_box .name {font-weight: 500; font-size: 22px; line-height: 30px; color: #222222;}
.review_area .list li .box .info_box .date {font-weight: 300; font-size: 14px; line-height: 30px; color: #222222;}
.review_area .list li .box .text {margin: 20px 0 0; font-weight: 400; font-size: 16px; line-height: 28px; color: #666666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word;}
.review_area .list li .box .plus_btn {margin: 20px 0 0; font-weight: 300; font-size: 14px; line-height: 20px; color: #222222;}

.review_img_list {margin: 40px 0 0;}
.review_img_list .list {display: flex; gap: 5px;}
.review_img_list .list li {width: calc(20% - 4px) ;}
.review_img_list .list li .img_box {display: block; position: relative; padding: 0 0 75%;}
.review_img_list .list li .img_box img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}

.comment_area {margin: 40px 0 0;}
.comment_area .comment_title {margin: 0 0 20px; padding: 0 0 10px; border-bottom: 1px solid #ddd;}
.comment_area .comment_title .title {font-weight: 500; font-size: 18px; line-height: 24px; color: #222222;}
.comment_area .comment_box {display: flex; flex-direction: column; gap: 10px; padding: 20px; background-color: #f9f9f9; border-top: 1px solid #999999; border-bottom: 1px solid #999999;}
.comment_area .comment_box .input_top {}
.comment_area .comment_box .input_top input {border: 1px solid #d9d9d9; padding: 0 10px; font-weight: 400; font-size: 14px; line-height: 45px; color: #999999;}
.comment_area .comment_box .input_top input.email {width: 100%; max-width: 250px;}
.comment_area .comment_box .input_btm {position: relative;}
.comment_area .comment_box .input_btm textarea {display: block; height: 90px; resize: none; border: 1px solid #d9d9d9; padding: 10px 10px 20px; font-family: "OmniGothic"; font-weight: 400; font-size: 14px; line-height: 24px; color: #999999;}
.comment_area .comment_box .input_btm .num {position: absolute; right: 25px; bottom: 3px; font-weight: 400; font-size: 12px; line-height: 18px; color: #999999; z-index: 11;}
.comment_area .comment_box .btn {display: block; width: 100px; margin: 0 0 0 auto; background-color: #1442a9; font-weight: 400; font-size: 14px; line-height: 30px; color: #ffffff; text-align: center;}
.comment_area .comment_list {margin: 40px 0 0;}
.comment_area .comment_list .no_comment {padding: 50px 10px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; font-weight: 400; font-size: 18px; line-height: 24px; color: #222; text-align: center;}
.comment_area .comment_list .list {}
.comment_area .comment_list .list > li {padding: 20px 10px; border-bottom: 1px solid #e7e7e7;}
.comment_area .comment_list .list > li:first-child {padding: 0 10px 20px;}
.comment_area .comment_list .list > li {}
.comment_area .comment_list .list > li .box + .box {margin: 10px 0 0;}
.comment_area .comment_list .list > li .box.reply1 {position: relative; padding: 16px 0 0 35px;}
.comment_area .comment_list .list > li .box.reply1:before {display: block; content: ""; position: absolute; left: 0; top: 0; width: 21px; height: 17px; background: url("/kor/images/sub/comment_icon.png") no-repeat left top / cover;}
.comment_area .comment_list .list > li .box .warning {margin: 20px 0 0; padding: 0 0 0 25px; background: url("/kor/images/sub/warning_icon.png") no-repeat left top; font-weight: 400; font-size: 14px; line-height: 20px; color: #999999;}
.comment_area .comment_list .list > li .box.reply1.reply2 {padding: 16px 0 0 65px;}
.comment_area .comment_list .list > li .box.reply1.reply2:before {left: 34px;}
.comment_area .comment_list .list > li .box.reply1.reply2 .warning {margin: 20px 0 0; padding: 0 0 0 25px; background: url("/kor/images/sub/warning_icon.png") no-repeat left top; font-weight: 400; font-size: 14px; line-height: 20px; color: #999999;}
.comment_area .comment_list .list > li .box .name_box {display: flex; justify-content: space-between; align-items: center;}
.comment_area .comment_list .list > li .box .name_box .name {font-weight: 500; font-size: 18px; line-height: 24px; color: #222222;}
.comment_area .comment_list .list > li .box .name_box .btn_edit {font-size: 0;}
.comment_area .comment_list .list > li .box .name_box .btn_edit li {position: relative; display: inline-block; margin: 0 10px 0 0; padding: 0 10px 0 0; vertical-align: middle;}
.comment_area .comment_list .list > li .box .name_box .btn_edit li:last-child {margin: 0; padding: 0;}
.comment_area .comment_list .list > li .box .name_box .btn_edit li:before {display: block; content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 2px; height: 10px; background-color: #ddd;}
.comment_area .comment_list .list > li .box .name_box .btn_edit li:last-child:before {display: none;}
.comment_area .comment_list .list > li .box .name_box .btn_edit li .btn {display: block; position: relative; font-weight: 300; font-size: 14px; line-height: 20px; color: #777;}
.comment_area .comment_list .list > li .box .text_box {margin: 10px 0 0;}
.comment_area .comment_list .list > li .box .text_box .text {font-weight: 400; font-size: 16px; line-height: 24px; color: #222222;}
.comment_area .comment_list .list > li .box .text_box textarea {display: block; resize: none; padding: 10px; border: 1px solid #d9d9d9; font-family: "OmniGothic"; font-weight: 400; font-size: 16px; line-height: 24px; color: #222222;}
.comment_area .comment_list .list > li .box .text_box .date {margin: 5px 0 0; font-weight: 400; font-size: 12px; line-height: 20px; color: #999999;}
.comment_area .comment_list .list > li .box .comnt_btn {display: inline-block; width: 100px; margin: 10px 0 0; background-color: #1442a9; font-weight: 400; font-size: 14px; line-height: 30px; color: #ffffff; text-align: center;}
.comment_area .comment_list .list > li .box .cancel_btn {display: inline-block; width: 100px; margin: 10px 0 0; background-color: #858585; font-weight: 400; font-size: 14px; line-height: 30px; color: #ffffff; text-align: center;}


.review_pop_area {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 9999;}
.review_pop_area .pop_area {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 450px; background-color: #fff;}
.review_pop_area .pop_area .title_top {display: flex; justify-content: space-between; padding: 0 30px; background-color: #0033a5;}
.review_pop_area .pop_area .title_top .title {font-weight: 500; font-size: 22px; line-height: 55px; color: #fff;}
.review_pop_area .pop_area .title_top .pop_close {display: block;}
.review_pop_area .pop_area .title_top .pop_close img {}
.review_pop_area .pop_area .cont {padding: 30px;}
.review_pop_area .pop_area .cont .title_box {}
.review_pop_area .pop_area .cont .title_box .text { font-weight: 400; font-size: 18px; line-height: 24px; color: #222;}
.review_pop_area .pop_area .cont .info_box {margin: 10px 0 0;}
.review_pop_area .pop_area .cont .info_box .list {}
.review_pop_area .pop_area .cont .info_box .list li {}
.review_pop_area .pop_area .cont .info_box .list li .input_box {display: flex;	}
.review_pop_area .pop_area .cont .info_box .list li .input_box input {width: 100%; padding: 0 10px; border: 1px solid #ddd; font-weight: 400; font-size: 18px; line-height: 45px; color: #222;}
.review_pop_area .pop_area .cont .info_box .list li .input_box .btn {flex-shrink: 0; display: block; width: 80px; background-color: #0033a5; font-weight: 400; font-size: 18px; line-height: 45px; color: #fff;}
.review_pop_area .pop_area .cont .info_box .info_text {margin: 20px 0 0; font-weight: 400; font-size: 14px; line-height: 20px; color: #777;}
.review_pop_area .pop_area .cont .info_box .pw_btn {display: inline-block; margin: 15px 0 0; width: 140px; border: none; background-color: #1442a9; border: 1px solid #1442a9; font-weight: 400; font-size: 14px; line-height: 35px; color: #ffffff; text-align: center;}
.review_pop_area .pop_area .cont .info_box .pw_btn:hover, .review_pop_area .pop_area .cont .info_box .pw_btn:focus {background-color: #fff; color: #1442a9;}

.youtube_title {text-align: center;}

.shorts_list {}
.shorts_list .list {display: flex; justify-content: center; gap: 8px;}
.shorts_list .list li {width: calc(33.3333% - 5.3333px);}
.shorts_list .list li .com_video_area {}
.shorts_list .list li .com_video_area .video_box {padding: 0 0 178%;}

@media screen and (max-width: 1400px) {
	/* =========================================== */
	/* =============  서브페이지 기본틀 =============== */
	/* =========================================== */
	.sub_cont {padding: 30px 0 100px;}
	/* .sub_left {width: 17.5%; margin: 0 3% 0 0; top: 0;}*/
	.sub_left {width: 17.5%; margin: 0 3% 0 0; top: 115px;} 
	.sub_left_box .inner {padding: 60px 0 0;}
	.sub_left_box .inner .title_area .title {top: 21px;}
	.sub_left_box .inner .title_area .title .text { font-size: 20px; line-height: 24px;}
	.sub_left_box .inner .menu_list {padding: 15px;}
    .sub_left_box .inner .menu_list .list li {margin: 0 0 9px 0; padding: 0 0 9px 0;}
	.sub_right {width: 79.5%; padding: 30px 0 0;}
	.sub_top_area {margin: 0 0 30px;}
	.sub_top_area .title_area > a {font-size: 20px; }
	.sub_top_area .title_area > a img {top: -7px; width: 50px; height: auto;}
	.sub_top_area .title_area > a .sub_tit {font-size: 16px; line-height: 1.3;}
	.sub_top_area .sns_print_box > .list {column-gap: 5px;}
	.sub_top_area .sns_print_box > .list > li > a {width: 30px; height: 30px;}
	.sub_top_area .sns_print_box > .list > li.inquiry > a:hover {font-size: 12px; line-height: 30px;}
	.com_info_box {padding: 20px;}
	.com_info_box.icon02 {padding: 20px;}
	.com_info_box .title .tit {font-size: 16px;}
	.com_info_box .title .tel {padding: 0 0 0 25px; font-size: 16px;}
	.com_info_box .tell_box .tell_list .list li {font-size: 14px; line-height: 24px;}
	.com_info_box .com_info_btn_box {margin: 10px 0 0;}
	.com_info_box .tell_box {margin: 10px 0 0;}
	.com_info_box .detail {margin: 20px 0 0;}

	
	.mt40 {margin-top: 20px !important;}
	.mt50 {margin-top: 30px !important;}
	.mt60 {margin-top: 40px !important;}
	.mt70 {margin-top: 50px !important;}
	.mt80 {margin-top: 50px !important;}
	.mt90 {margin-top: 60px !important;}
	.mt100 {margin-top: 70px !important;}
	.pt40 {padding-top: 20px !important;}
	.pt50 {padding-top: 30px !important;}
	.pt60 {padding-top: 40px !important;}
	.pt70 {padding-top: 50px !important;}
	.pt80 {padding-top: 50px !important;}
	.pt90 {padding-top: 60px !important;}
	.pt100 {padding-top: 70px !important;}
	.cont100 {padding-top: 100px !important;}
	/* =========================================== */
	/* ============= // 서브페이지 기본틀 ============= */
	/* =========================================== */
	.com_board_view .title_area {padding: 10px 8px;}
	.com_board_view .title_area.answer {padding: 10px 8px;}
	.com_board_view .title_area .title {font-size: 18px; line-height: 24px;}
	.com_board_view .info_list {padding: 0 8px;}
	.com_board_view .info_list .list li {margin: 0 20px 0 0; font-size: 16px; line-height: 50px;}
	.com_board_view .file_area {padding: 10px 8px;}
	.com_board_view .board_view {padding: 10px 0 70px;}
	.com_board_view .board_view .text {padding: 0 8px;}
	.com_board_view .post_nav {margin: 15px 0 0;}
	.com_board_view .post_nav .list li .item_wrapper .tit {width: 120px;}
	
	.board_area {margin: 40px 0 0;} 
	.board_area .board_list tbody tr td {padding: 20px 0;}

	.inquiry_area .list li {margin: 20px 0 0;}
	.inquiry_area .list li .box .tit {margin: 0 0 6px; font-size: 18px; line-height: 24px;}
	.inquiry_area .list li .box .input_box input {padding: 10px 5px; font-size: 14px; line-height: 20px;}
	.inquiry_area .list li .box .input_box select {padding: 10px 5px; font-size: 14px; line-height: 20px;}
	.inquiry_area .list li .box .textarea textarea {height: 200px; padding: 10px 5px; font-size: 14px; line-height: 20px;}
	.inquiry_area .list li .box .policy_box {height: 200px; padding: 10px 5px; font-size: 14px; line-height: 20px;}
	.inquiry_area .list li .box .attach_box .box .attach_vinput {height: 42px;}
	.inquiry_area .list li .box .attach_box .box .attach_vbox {padding: 0 125px 0 0;}
	.inquiry_area .list li .box .attach_box .box .attach_vbox .att_btn_box .attach_btn {height: 42px; font-size: 16px; line-height: 42px;}
	.inquiry_area .list li .box .attach_box .box .attach_vbox .att_btn_box .delete_btn {height: 42px; font-size: 16px; line-height: 42px;}
	.inquiry_area .list li .box .check_area {margin: 10px 0 0;}
	.inq_btn {margin: 50px 0 0;}
	.inq_btn .btn {width: 170px; font-size: 18px; line-height: 40px;}
	
	.book_btn_area {gap: 5px;}
	.book_btn_area .btn {width: 160px;}
	.book_btn_area .btn .text {font-size: 14px; line-height: 35px;}

	.book_tab_list {margin: 60px 0 0;}
	.book_area > .list > li > .box .box_inner {column-gap: 30px;}
	.book_area > .list > li > .box .box_inner .img_wrap .img_box .img_inner img {width: 200px;}
	.book_area > .list > li > .box .box_inner .text_box .book_btn_area {margin: 20px 0 0;}
	.book_area > .list > li > .box .box_inner .text_box .title_area .text_list .list li {margin: 0 7px 0 0; padding: 0 7px 0 0; font-size: 14px; line-height: 18px;}
	.book_area > .list > li > .box .box_inner .text_box .title_area .text_list .list li:before {top: 2px; width: 1px; height: 12px;}
	.book_area > .list > li > .box .box_inner .text_box .info_list {margin: 10px 0 0; padding: 10px 0 0;}

	
	/* 제품 공통 설명*/
	.com_title_area .title .tit {padding: 0 25px 0 0; font-size: 22px; line-height: 22px;}
	.com_title_area .title .tit:before {top: 6px;}
	.sub_title_area .title {font-size: 18px; line-height: 22px;}
	.line_title_area .title {padding: 0 0 0 10px; font-size: 16px; line-height: 20px;}
	.line_title_area .title:before {top: 1px; width: 4px; height: 12px;}
	.com_text_list .list li { margin: 6px 0 0; padding: 0 0 0 6px; font-size: 14px; line-height: 20px;}
	.color_text_list .list li {margin: 6px 0 0; padding: 0 0 0 6px; font-size: 18px; line-height: 22px;}

	.info_text_list .list li {margin: 6px 0 0; padding: 0 0 0 6px; font-size: 14px; line-height: 22px;}
	.inline_text_list .list li {font-size: 16px; line-height: 18px;}
	.border_com_text .title {font-size: 18px; line-height: 24px;}
	.com_img_area > .list > li .box .txt_box {margin: 5px 0 0;}
	.com_img_area > .list > li .box .txt_box .text {font-size: 12px; line-height: 16px;}
	.com_table_area .table_area table thead tr td {font-size: 14px; line-height: 40px;}
	.com_table_area.sty2 .table_area table thead tr td .ft_s {font-size: 16px;}
	.com_table_area .table_area table tbody tr td {padding: 10px 5px; font-size: 14px;}
	.border_img_area {padding: 20px;}
	.com_img_area.end > .list {column-gap: 10px;}

	.triangle {font-size: 16px !important; line-height: 24px !important;}
	/* // 제품 공통 설명*/


	.company_top {height: 450px;}
	.company_top .inner {padding: 30px;}
	.company_top .inner .text_area .text_top .title_area {margin: 0 0 15px; padding: 0 0 10px;}
	.company_top .inner .text_area .text_top .title_area .title {font-size: 30px; line-height: 40px;}
	.company_top .inner .text_area .text_top .title_area .title .ft_s {font-size: 18px;}
	.company_top .inner .text_area .text_top .text {font-size: 20px; line-height: 30px;}
	.company_top .inner .text_area .text_btm .title {font-size: 16px; line-height: 30px;}
	.company_top .inner .text_area .text_btm .text {font-size: 16px; line-height: 30px;}


	.history_area > .list {gap: 25px;}
	.history_area > .list > li {width: calc(50% - 12.5px); padding: 0 0 20px;}
	.history_area > .list > li .box {column-gap: 15px;}
	.history_area > .list > li .box .year {font-size: 22px; line-height: 24px;}
	.history_area > .list > li .box .info_list > .list > li .date_box .month {font-size: 14px; line-height: 18px;}
	.history_area > .list > li .box .info_list > .list > li .date_box .text_box .text_list > li {font-size: 14px; line-height: 22px;}

	.member_area > .list > li {width: 100%;}
	.member_area > .list > li .box .text_box {width: 100%;}

	.map_area .map_box #map1 {height: 300px;}
	.map_area .map_info_box {margin: 30px 0 0;}
	.map_area .map_info_box .list {margin: 20px 0 0;}
	.map_area .map_info_box .list li .box .tit {font-size: 18px; line-height: 24px;}
	.map_area .map_info_box .list li .box .txt {font-size: 18px; line-height: 24px;}

	.brochure_area > .list > li {margin: 40px 0 0;}
	.brochure_area > .list > li .box .info_list > .list {gap: 20px;}
	.brochure_area > .list > li .box .info_list > .list li {width: calc(25% - 15px);}
	.more_btn {margin: 30px auto 0;}


	.com_slt_box {max-width: 240px; }
	.com_slt_box select {padding: 6px 8px; background-position: right 8px center; background-size: 12px auto; font-size: 14px; line-height: 20px}

	.review_title {padding: 0 0 0 10px;}
	.review_title .title {font-size: 24px; line-height: 30px;}
	.review_title .write_btn {padding: 0 15px;}
	.review_title .write_btn .txt {padding: 0 0 0 25px; background-size: 20px auto; font-size: 14px; line-height: 40px;}
	.review_area {margin: 10px 0 0;}
	.review_area .list li {padding: 10px;}
	.review_area .list li .box .info_box .name {font-size: 20px; line-height: 26px;}
	.review_area .list li .box .info_box .date {font-size: 12px; line-height: 26px;}
	.review_area .list li .box .text {margin: 15px 0 0; font-size: 14px; line-height: 24px;}
	.review_area .list li .box .plus_btn {margin: 15px 0 0; font-size: 12px; line-height: 24px;}

	.comment_area .comment_title {margin: 0 0 10px;}
	.comment_area .comment_box {padding: 10px; gap: 5px;}
	.comment_area .comment_box .input_top input {font-size: 12px; line-height: 35px;}
	.comment_area .comment_box .input_top input.email {max-width: 100%;}
	.comment_area .comment_box .input_btm textarea {height: 70px; font-size: 12px; } 
	.comment_area .comment_list {margin: 20px 0 0;}
	.comment_area .comment_list .no_comment {padding: 30px 10px; font-size: 16px; line-height: 30px;}

	
	.youtube_title img {width: 140px;}
}

@media screen and (max-width: 1280px) {
	/* =========================================== */
	/* =============  서브페이지 기본틀 =============== */
	/* =========================================== */
	.sub_left_box .inner .menu_list {padding: 10px;}
	.sub_left_box .inner .menu_list .list li .box .text {padding: 0 20px 0 0;}
	.sub_left_box .inner .menu_list .list li .box .text:before {top: 2px; width: 20px; height: 20px; background-size: cover;}
	.sub_left_box .inner .menu_list .list li.on .box .text {font-size: 16px;}
	.sub_left_box .inner .menu_list .list li.on .box .text:before {width: 20px; height: 20px; background-size: cover;}
	/* =========================================== */
	/* ============= // 서브페이지 기본틀 ============= */
	/* =========================================== */
}


@media screen and (max-width: 1080px) {
	/* =========================================== */
	/* =============  서브페이지 기본틀 =============== */
	/* =========================================== */
	.wrapper {overflow: hidden;}
	.quick_menu_area {display: none;}
	.sub_cont {flex-direction: column; padding: 20px 0 70px;}
	.sub_left {width: 100%; position: relative; top: inherit; left: inherit;}
	.sub_left_box {border-radius: 0; box-shadow: none; overflow: inherit;}
	.sub_left_box .inner {display: flex; align-items: start; padding: 0;}
	.sub_left_box .inner .home {display: block; height :24px;}
	.sub_left_box .inner .home img {vertical-align: middle;}
	.sub_left_box .inner .title_area {position: relative; left: inherit; top: inherit; width: auto; background: inherit; margin: 0 0 0 12px; padding: 0 0 0 12px;	}
	.sub_left_box .inner .title_area:before {display: block; content: ""; position: absolute; left: 0; top: 7px; width: 5px; height: 7px; background: url("/kor/images/sub/breadcrumb_icon.jpg") no-repeat 0 0;}
	.sub_left_box .inner .title_area .title {display: inline-block; position: inherit; left: inherit; top: inherit; transform: translateX(0);}
	.sub_left_box .inner .title_area .title .text {display: inline-block; position: relative; padding: 0 28px 0 0; font-weight: 300; font-size: 16px; line-height: 24px; color: #000;}
	.sub_left_box .inner .title_area .title .text:before {display: block; content: ""; position: absolute; right: 0; top: 0; width: 17px; height: 17px; border: 1px solid #dbdbdb; background: url("/kor/images/sub/breadcrumb_arrow.jpg") no-repeat center; transition: all 0.5s;}
	.sub_left_box .inner .title_area .title.on .text:before {border: 1px solid #000;}
	.sub_left_box .inner .title_area .title_list {display: none; position: absolute; left: 7px; top: calc(100% + 10px); width: 200px; border: 1px solid #222222; padding: 10px; background-color: #fff; z-index: 99;}
	.sub_left_box .inner .title_area .title_list .list {}
	.sub_left_box .inner .title_area .title_list .list li {margin: 0 0 4px;}
	.sub_left_box .inner .title_area .title_list .list li:last-child {margin: 0;}
	.sub_left_box .inner .title_area .title_list .list li a {font-weight: 400; font-size: 14px; line-height: 21px; color: #000; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all;}
	.sub_left_box .inner .title_area .title.on .text:before {transform: rotate(180deg)}
	.sub_left_box .inner .menu_list {position: relative; border: 0; border-radius: 0; margin: 0 0 0 12px; padding: 0 0 0 12px;}
	.sub_left_box .inner .menu_list:before {display: block; content: ""; position: absolute; left: 0; top: 7px; width: 5px; height: 7px; background: url("/kor/images/sub/breadcrumb_icon.jpg") no-repeat 0 0;}
    .sub_left_box .inner .menu_list .sub_title {display: inline-block; }
	.sub_left_box .inner .menu_list .sub_title .text {display: inline-block; position: relative; padding: 0 28px 0 0; font-weight: 500; font-size: 16px; line-height: 24px; color: #000; text-decoration: underline; text-underline-position: under;	}
	.sub_left_box .inner .menu_list .sub_title .text:before {display: block; content: ""; position: absolute; right: 0; top: 0; width: 17px; height: 17px; border: 1px solid #dbdbdb; background: url("/kor/images/sub/breadcrumb_arrow.jpg") no-repeat center; transition: all 0.5s;}
	.sub_left_box .inner .menu_list .sub_title.on .text:before {transform: rotate(180deg); border: 1px solid #000;}
	.sub_left_box .inner .menu_list .list {display: none; position: absolute; left: 7px; top: calc(100% + 10px); width: 200px; border: 1px solid #222222; padding: 10px; background-color: #fff; z-index: 999;}
	.sub_left_box .inner .menu_list .list li {border-bottom: none; margin: 0 0 4px; padding: 0;}
	.sub_left_box .inner .menu_list .list li.on {border-bottom: none; padding: 0;}
	.sub_left_box .inner .menu_list .list li .box .text {padding: 0; font-weight: 400; font-size: 14px; line-height: 18px; color: #000; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all;}
	.sub_left_box .inner .menu_list .list li.on .box .text {font-weight: 400; font-size: 14px; color: #000;}
	.sub_left_box .inner .menu_list .list li .box .num {display: none; margin: 0}
	.sub_left_box .inner .menu_list .list li.on .box .num {margin: 0; color: #000;}
	.sub_left_box .inner .menu_list .list li .box .text:before {display: none;}

	.sub_right {width: 100%; padding: 20px 0 0;}
	.sub_top_area {margin: 0 0 15px;}
	.sub_top_area .title_area > a {display: flex; justify-content: center; align-items: center; height: 42px; font-size: 18px; line-height: 21px; text-align: center;}
	.sub_top_area .title_area > .title {max-width: 300px}
	.sub_top_area .title_area > .title2 {padding: 0 20px;}
	.sub_top_area .title_area .text {font-size: 14px;}
	.sub_top_area .title_area > a img {margin: 0 5px 0 0;}
	.sub_top_area .title_area > a .sub_tit {font-size: 14px;}

	.sub_top_area .sns_print_box > .list > li.print {display: none;}
	.sub_top_area .sns_print_box > .list > li .sub_share_box {left: inherit; transform: translateX(0); right: 0; width: 89px;}
	.sub_top_area .sns_print_box > .list > li .sub_share_box li a {width: 20px; height: 20px;}
	.sub_top_area .sns_print_box > .list > li .sub_share_box li a i {line-height: 1;}
	.sub_top_area .sns_print_box > .list > li .sub_share_box li a svg {height: 20px;}
	.com_info_box {display: none; border-radius: 0; border: none; padding: 10px;}
	.com_info_box.icon01 {position: fixed; bottom: 68px; left: 0; width: 100%; margin: 0; z-index: 99;}
/* 	.com_info_box .tell_box {display: flex; justify-content: start;} */
	.com_info_box .tell_box .tell_list {margin: 0;}

	.m_fixed_menu {display: block;}
	.mt20 {margin-top: 10px !important;}
	.mt30 {margin-top: 15px !important;}
	.mt40 {margin-top: 20px !important;}
	.mt50 {margin-top: 20px !important;}
	.mt60 {margin-top: 30px !important;}
	.mt70 {margin-top: 30px !important;}
	.mt80 {margin-top: 40px !important;}
	.mt90 {margin-top: 50px !important;}
	.mt100 {margin-top: 50px !important;}
	.pt10 {padding-top: 10px !important;}
	.pt20 {padding-top: 10px !important;}
	.pt40 {padding-top: 20px !important;}
	.pt50 {padding-top: 20px !important;}
	.pt60 {padding-top: 30px !important;}
	.pt70 {padding-top: 30px !important;}
	.pt80 {padding-top: 40px !important;}
	.pt90 {padding-top: 50px !important;}
	.pt100 {padding-top: 50px !important;}
	.cont100 {padding-top: 85px !important;}
	.gap50 {column-gap: 20px !important;}

	
	.chk_inner {padding: 0 0 0 26px;}
	.chk_inner .inp_chk {top: 53%; width: 22px; height: 22px;}
	.chk_inner .inp_chk:checked:before {width: 16px; height: 16px;}
	.chk_inner label {font-size: 14px; line-height: 20px;}
	/* =========================================== */
	/* ============= // 서브페이지 기본틀 ============= */
	/* =========================================== */

	.event_area .list {gap: 20px 10px;}
	.event_area .list li {width: calc(33.3333% - 6.6666px);}
	.event_area .list li .box .box_inner .text_box {margin: 8px 0 0;}
	.event_area .list li .box .box_inner .text_box .title {font-size: 16px; line-height: 20px;}
	.event_area .list li .box .box_inner .text_box .date {margin: 2px 0 0; font-size: 12px; line-height: 18px;}

	.com_board_view .title_area .title {font-size: 16px; line-height: 20px;}
	.com_board_view .info_list .list li {margin: 0 10px 0 0; padding: 7.5px 0; font-size: 14px; line-height: 20px;}
	.com_board_view .info_list .list li .text {margin: 0 8px 0 0;}
	.com_board_view .file_area {padding: 5px 8px;}
	.com_board_view .file_area .list li .file .text {font-size: 12px;}
	.com_board_view .board_view {padding: 10px 0 45px;}
	.com_board_view .board_view .text {font-size: 16px;}

	.board_area {margin: 30px 0 0;}
	.board_area .board_list {text-align: left;border-spacing: 0;}
	/* .board_area .board_list, .board_area .board_list tbody, .board_area .board_list tr, .board_area .board_list td {display: block;} 
	.board_area .board_list thead {display: none;}
	.board_area .board_list tbody tr td {width: 100%; padding: 5px; font-size: 16px; line-height: 20px; text-align: left;}
	.board_area .board_list tbody tr td:before {display: inline-block; content: attr(data-th) ": ";	 width: auto; margin: 0 5px 0 0; color: #555555; vertical-align: top; font-weight: 400; font-size: 16px; line-height: 20px;}
	.board_area .board_list tbody tr td.tit {display: flex;} */
	.board_area .board_list thead tr th {padding: 10px 0; font-size: 16px; line-height: 20px; word-break: break-all;}
	.board_area .board_list tbody tr td {padding: 10px 0; font-size: 16px; line-height: 20px; word-break: break-all;}
	.board_area .board_list tbody tr td a {width: auto; height: 20px;}
	.board_area .board_list tbody tr td a .text {display: inline-block; height: 20px}

	.inquiry_area .list li {margin: 10px 0 0;}
	.inquiry_area .list li .box .tit {font-size: 16px; line-height: 20px;}
	.inquiry_area .list li .box .input_box {width: calc(50% - 5px); margin: 0 10px 0 0;}
	.inquiry_area .list li .box .input_box input {padding: 7px 5px;}
	.inquiry_area .list li .box .input_box select {padding: 7px 5px;}
	.inquiry_area .list li .box .textarea textarea {height: 200px; padding: 7px 5px;}
	.inquiry_area .list li .box .policy_box {height: 150px; padding: 7px 5px;}
	.inquiry_area .list li .box .attach_box .box .attach_vinput {height: 36px;}
	.inquiry_area .list li .box .attach_box .box .attach_vbox {padding: 0 85px 0 0;}
	.inquiry_area .list li .box .attach_box .box .attach_vbox .att_btn_box .attach_btn {width: 80px; height: 36px; font-size: 14px; line-height: 34px;}
	.inquiry_area .list li .box .attach_box .box .attach_vbox .att_btn_box .delete_btn {width: 80px; height: 36px; font-size: 14px; line-height: 34px;}
	.inquiry_area .list li .box .attach_box.list {gap: 5px;}
	.inquiry_area .list li .box .attach_box.list .box {width: calc(20% - 4px);}
	.inquiry_area .list li .box .attach_box.list .box .attach_vbox .att_btn_box {margin: 4px 0 0;}
	.inquiry_area .list li .box .attach_box.list .box .attach_vbox .att_btn_box .attach_btn {width: 70px; font-size: 12px; line-height: 30px; height: 30px;}


	.inq_btn {margin: 30px 0 0;}
	.inq_btn .btn {width: 120px; font-size: 16px; line-height: 36px;}
	
	.book_btn_area .btn {width: 140px;}
	.book_btn_area .btn .text {font-size: 12px; line-height: 31px;}

	.book_area > .list > li {margin: 30px 0 0;}
	.book_area > .list > li > .box .box_inner {column-gap: 15px;}
	.book_area > .list > li > .box .box_inner .text_box .title_area .title {font-size: 20px; line-height: 24px;}
	.book_area > .list > li > .box .box_inner .text_box .title_area .text_list {margin: 7px 0 0;}
	.book_area > .list > li > .box .box_inner .text_box .info_list .list li .info_box .tit {width: 55px; font-size: 14px; line-height: 18px;}
	.book_area > .list > li > .box .box_inner .text_box .info_list .list li .info_box .txt {font-size: 14px; line-height: 18px;}
	.book_area > .list > li > .box .box_inner .text_box .book_btn_area {margin: 10px 0 0;}
	.book_btn_area .gray_text {font-size: 12px; line-height: 18px;}
	.book_btn_area .btn.tell {display: block;}
	.book_btn_area .btn.blog.small {width: 140px;}
	.book_btn_area .btn.blog.small .text {padding: 0 10px 0 0; font-size: 12px; line-height: 28px;}
	.book_text {margin: 0 0 14px;}
	.book_tab_list {margin: 40px 0 0;}
	.book_tab_list .list li .btn {font-size: 12px; line-height: 35px;}
	.book_cont_area {margin: 20px 0 0;}
	.book_index_area > .title {margin: 0 0 8px; font-size: 18px; line-height: 20px;}
	.book_index_area .index_area .index_list > li {margin: 15px 0 0; padding: 15px 0 0;}
	.book_index_area .index_area .index_list > li .box .title {font-size: 14px; line-height: 18px;}
	.book_index_area .index_area .index_list > li .box .index_list2 > li {font-size: 12px; line-height: 24px;}
	.deliver_area .deliver_table {margin: 10px 0 0;}
	.deliver_area .deliver_table table tbody tr td {padding: 5px; font-size: 12px; line-height: 20px;}
	.deliver_area .text {font-size: 12px; line-height: 20px;}
	.recomm_area {font-size: 12px; line-height: 20px;}
	.headline_area {font-size: 12px; line-height: 20px;}

	/* 제품 공통 설명*/
	.com_title_area .title .tit {padding: 0 20px 0 0; font-size: 20px; line-height: 20px;}
	.sub_title_area .title {font-size: 16px; line-height: 20px;}
	.line_title_area .title {padding: 0 0 0 7px; font-size: 14px;}
	.line_title_area .title:before {top: 2px;}
	/* .com_text_list .list li { margin: 3px 0 0; font-size: 12px; line-height: 18px;} */
	.color_text_list .list li {margin: 3px 0 0; padding: 0 0 0 6px; font-size: 16px; line-height: 20px;}
	/* .info_text_list .list li {margin: 3px 0 0; font-size: 12px; line-height: 16px;} */
	.inline_text_list .list li {font-size: 14px; line-height: 16px;}
	.border_com_text .title {padding: 3.5px 12px; font-size: 16px; line-height: 24px;}
	.com_table_area .table_area table thead tr td {line-height: 35px;}
	.com_table_area .table_area table tbody tr td {padding: 5px;}
	.border_img_area {padding: 10px;}
	.border_img_area .text {font-size: 12px; line-height: 20px;}
	.com_img_area.w20 > .list {gap: 10px}
	.com_img_area.w20 > .list li {width: calc(20% - 8px);}
	.com_img_area.w25 > .list {gap: 10px;}
	.com_img_area.w25 > .list li {width: calc(33.3333% - 6.6666px);}
	.com_img_area.w25 > .list > li .box .img_box img {width: 100%;}
	.com_img_area.w33.gap70 > .list {gap: 10px;}
	.com_img_area.w33.gap70 > .list li {width: calc(33.3333% - 6.6666px);}
	.com_img_area.w33.gap70 > .list li img {width: 100%;}
	.com_img_area.w16 > .list li {width: calc(25% - 9px);}
	.com_img_area.w16 > .list > li .box .img_box img {width: 100%;}
	.com_img_area2 > .list {gap: 10px;}
	.com_img_area2 > .list > li {width: calc(50% - 5px);}
	.com_img_area > .list > li .box .text_box {margin: 10px 0 0;}
	.text_cont .title_area {gap: 5px 10px; flex-wrap: wrap;}
	.text_cont .title_area .title {font-size: 18px; line-height: 20px;}
	.text_cont .text {margin: 5px 0 0; font-size: 12px; line-height: 18px;}
	.text_cont .title_area .video_btn {width: 100px;}
	.text_cont .title_area .video_btn .video {height: 27px; padding: 0 18px 0 0; background-size: 14px 14px; font-size: 12px; line-height: 29px;}
	.text_cont .text_list {margin: 5px 0 0;}
	.text_cont .text_list .list li {font-size: 12px; line-height: 20px;}
	.bg_com_text {padding: 7px 5px;}
	.bg_com_text .text {font-size: 16px; line-height: 24px;}
	/* // 제품 공통 설명*/

	
	.company_top {height: 400px;}
	.company_top .inner {padding: 20px;}
	.company_top .inner .text_area .text_top .title_area {margin: 0 0 10px; padding: 0 0 6px;}
	.company_top .inner .text_area .text_top .title_area .title {font-size: 24px; line-height: 30px;}
	.company_top .inner .text_area .text_top .title_area .title .ft_s {font-size: 16px;}
	.company_top .inner .text_area .text_top .text {font-size: 18px; line-height: 24px;}
	.company_top .inner .text_area .text_btm .title {font-size: 14px; line-height: 24px;}
	.company_top .inner .text_area .text_btm .text {font-size: 14px; line-height: 24px;}

	
	.history_area > .list {gap: 15px;}
	.history_area > .list > li {width: calc(50% - 7.5px); padding: 0 0 10px;}
	.history_area > .list > li .box {gap: 10px; flex-direction: column; flex-wrap: wrap;}
	.history_area > .list > li .box .year {font-size: 18px; line-height: 20px;}
	.history_area > .list > li .box .info_list > .list > li {margin: 5px 0 0;}
	.history_area > .list > li .box .info_list > .list > li .date_box .month {width: 35px; font-size: 12px; line-height: 14px;}
	.history_area > .list > li .box .info_list > .list > li .date_box .text_box .text_list > li {margin: 5px 0 0; font-size: 12px; line-height: 14px;}
	

	.member_area > .list > li .box {column-gap: 10px;}
	.member_area > .list > li .box .img_wrap .img_box img {width: 240px;}
	.member_area > .list > li .box .text_box .name {font-size: 18px; line-height: 24px;}
	.member_area > .list > li .box .text_box .info_list {margin: 5px 0 0; padding: 5px 0 0;}

	.organ_area .organ_box .organ_top .box {width: 130px;}
	.organ_area .organ_box .organ_top .box .text {font-size: 20px; line-height: 130px;}
	.organ_area .organ_box .organ_mid {max-width: 500px; padding: 20px 0 30px;}
	.organ_area .organ_box .organ_mid .box {width: 120px;}
	.organ_area .organ_box .organ_mid .box .text {font-size: 16px; line-height: 38px;}
	.organ_area .organ_box .organ_mid .box .text:after {right: 120px;}
	.organ_area .organ_box .organ_btm .box .info_list > .list {column-gap: 15px;}
	.organ_area .organ_box .organ_btm .box .info_list > .list > li .title_area {padding: 20px 0 0;}
	.organ_area .organ_box .organ_btm .box .info_list > .list > li .title_area:before {height: 20px;}
	.organ_area .organ_box .organ_btm .box .info_list > .list > li .title_area .title {font-size: 16px; line-height: 38px;}
	.organ_area .organ_box .organ_btm .box .info_list > .list > li .info_box {min-height: 152px; padding: 10px 5px;}
	.organ_area .organ_box .organ_btm .box .info_list > .list > li .info_box .info_box_inner .list li {margin: 10px 0 0; font-size: 14px; line-height: 18px;}

	.map_area .map_info_box .list {flex-wrap: wrap; gap: 10px; margin: 10px 0 0;}
	.map_area .map_info_box .list li .box {column-gap: 10px;}
	.map_area .map_info_box .list li .box .tit {font-size: 16px; line-height: 20px;}
	.map_area .map_info_box .list li .box .tit:before {bottom: 5px;}
	.map_area .map_info_box .list li .box .txt {font-size: 16px; line-height: 20px;}

	.brochure_area > .list > li {margin: 30px 0 0;}
	
	.com_slt_box select {padding: 4px 5px; background-position: right 5px center; background-size: 10px auto; font-size: 12px; line-height: 18px}
	
	.review_title {padding: 0 0 0 5px;}
	.review_title .title {font-size: 20px; line-height: 24px;}
	.review_title .write_btn {padding: 0 10px;}
	.review_title .write_btn .txt {padding: 0 0 0 20px; background-size: 16px auto; font-size: 12px; line-height: 32px;}
	.review_area {margin: 6px 0 0;}
	.review_area .list li {padding: 10px 5px;}
	.review_area .list li .box .info_box {column-gap: 10px;}
	.review_area .list li .box .info_box .name {font-size: 16px; line-height: 22px;}
	.review_area .list li .box .info_box .date {font-size: 11px; line-height: 22px;}
	.review_area .list li .box .text {margin: 10px 0 0; font-size: 12px; line-height: 20px; -webkit-line-clamp: 2;}
	.review_area .list li .box .plus_btn {margin: 10px 0 0; line-height: 20px;}


	.com_board_view.review {margin: 10px 0 0;}

	.comment_area .comment_list .no_comment {padding: 20px 10px; font-size: 14px; line-height: 20px;}
	.comment_area .comment_box .input_top {display: flex; gap: 5px;}
	.comment_area .comment_box .input_top input {width: calc(50% - 2.5px);}
	.comment_area .comment_box .input_btm textarea {padding: 5px 10px;}
	.comment_area .comment_list .list > li {padding: 10px;}
	.comment_area .comment_list .list > li .box .name_box .name {font-size: 16px; line-height: 20px;}
	.comment_area .comment_list .list > li .box .name_box .btn_edit li {margin: 0 5px 0 0;}
	.comment_area .comment_list .list > li .box .name_box .btn_edit li .btn {font-size: 12px; line-height: 18px;}
	.comment_area .comment_list .list > li .box .text_box {margin: 5px 0 0;}
	.comment_area .comment_list .list > li .box .text_box .text {font-size: 14px; line-height: 22px;}
	.comment_area .comment_list .list > li .box .text_box textarea {padding: 5px;}
	.comment_area .comment_list .list > li .box .comnt_btn {display: inline-block; width: auto; margin: 5px 0 0; padding: 0 15px; font-size: 12px; line-height: 24px;}
	.comment_area .comment_list .list > li .box.reply1 {padding: 9px 0 0 25px;}
	.comment_area .comment_list .list > li .box.reply1:before {width: 15px; height: 14px;}
	.comment_area .comment_list .list > li .box.reply1.reply2 {padding: 11px 0 0 45px;}
	.comment_area .comment_list .list > li .box.reply1.reply2:before {left: 24px;}
	.comment_area .comment_box .btn {display: inline-block; width: auto; margin: 0 0 0 auto; padding: 0 15px; font-size: 12px; line-height: 24px;}
	.comment_area .comment_box .input_btm .num {font-size: 10px;}
	.comment_area .comment_list .list > li .box.reply1.reply2 .warning {margin: 15px 0 0; padding: 0 0 0 20px;}

	.review_pop_area .pop_area {max-width: 400px;}
	.review_pop_area .pop_area .title_top {padding: 0 20px;}
	.review_pop_area .pop_area .title_top .title {font-size: 18px; line-height: 45px;}
	.review_pop_area .pop_area .title_top .pop_close img {width: 22px;}
	.review_pop_area .pop_area .cont {padding: 20px;}
	.review_pop_area .pop_area .cont .title_box .text {font-size: 16px; line-height: 20px;}
	.review_pop_area .pop_area .cont .info_box .list li .input_box input {font-size: 16px; line-height: 40px;}
	.review_pop_area .pop_area .cont .info_box .list li .input_box .btn {width: 60px; font-size: 16px; line-height: 40px;}
	.review_pop_area .pop_area .cont .info_box .info_text {margin: 10px 0 0;}
	.review_pop_area .pop_area .cont .info_box .pw_btn {margin: 10px 0 0; font-size: 12px; line-height: 30px;}
	

	.youtube_title img {width: 100px;}
}

@media screen and (max-width: 767px) {
	/* =========================================== */
	/* =============  서브페이지 기본틀 =============== */
	/* =========================================== */
	.sub_top_area .title_area {gap: 3px;}
	.sub_top_area .title_area > a {font-size: 16px; line-height: 17px; height: 34px;}
	.sub_top_area .title_area > .title {padding: 0 5px; max-width: 255px;}
	.sub_top_area .title_area > .title2 {flex-shrink: 0; padding: 0 10px; }
	.sub_top_area .title_area .text {font-size: 12px;}

	.sub_top_area .title_area > a .sub_tit {font-size: 12px;}
	.sub_top_area .title_area > a img {width: 40px; margin: 0;}
	.com_info_box .title .tel {font-size: 14px;}
	.com_info_box .title .tit {font-size: 14px;}
	.mt10 {margin-top: 5px !important;}
	.mt60 {margin-top: 20px !important;}
	.mt70 {margin-top: 20px !important;}
	.mt80 {margin-top: 30px !important;}
	.mt90 {margin-top: 40px !important;}
	.mt100 {margin-top: 40px !important;}
	.pt60 {padding-top: 20px !important;}
	.pt70 {padding-top: 20px !important;}
	.pt80 {padding-top: 30px !important;}
	.pt90 {padding-top: 40px !important;}
	.pt100 {padding-top: 40px !important;}
	.cont100 {padding-top: 65px !important;}
	.com_info_box .tell_box .tell_list .list {gap: 7px;}
	.com_info_box .tell_box .tell_list .list li {width: calc(33.333% - 4.6666px)}
	/* =========================================== */
	/* ============= // 서브페이지 기본틀 ============= */
	/* =========================================== */
	.event_area .list {gap: 15px 10px;}
	.event_area .list li {width: calc(50% - 5px);}
	.event_area .list li .box .box_inner .text_box .title {font-size: 14px; line-height: 16px;}
	
    .com_board_view .post_nav .list li .item_wrapper .tit {width: 80px;}
    .com_board_view .post_nav .list li .item_wrapper .tit .icon {font-size: 14px; line-height: 40px;}
    .com_board_view .post_nav .list li .item_wrapper .post {padding: 0 0 0 10px; font-size: 14px; line-height: 21px;}
    .com_board_view .post_nav .list li .item_wrapper .post a {height: 21px}
	.board_area .board_list thead tr th {padding: 5px 1px; font-size: 14px;}
	.board_area .board_list tbody tr td {padding: 5px 1px; font-size: 14px;}
	.board_area .board_list tbody tr td:before {font-size: 14px;}

	.book_btn_area .btn {width: 125px;}

	.book_area > .list > li {margin: 20px 0 0;}
	.book_area > .list > li > .box .box_inner .img_wrap .img_box .img_inner img {width: 150px;}
	.book_area > .list > li > .box .box_inner .text_box .title_area .title {font-size: 16px; line-height: 20px;}
	.book_area > .list > li > .box .box_inner .text_box .title_area .text_list .list li {font-size: 12px; line-height: 18px;}
	.book_area > .list > li > .box .box_inner .text_box .info_list .list li {margin: 7px 0 0;}
	.book_area > .list > li > .box .box_inner .text_box .info_list .list li .info_box .tit {font-size: 12px; line-height: 16px;}
	.book_area > .list > li > .box .box_inner .text_box .info_list .list li .info_box .txt {font-size: 12px; line-height: 16px;}
	
	.book_tab_list {margin: 20px 0 0;}
/* 	
	.com_table_area .table_area {overflow-x: scroll; position: relative; z-index: 1; overflow-x: scroll; padding: 20px 0; background: url("/kor/images/sub/lr_arr_ico.png") 48% 0 no-repeat; background-size: 30px; animation: tblScrollAni 2s infinite;} 
	.com_table_area .table_area table {width: 767px;}
	 */
	.table_text_area {flex-wrap: wrap;}
	.table_text_area .left_text {font-size: 16px; line-height: 18px;}
	.table_text_area .right_text {font-size: 12px; line-height: 18px;}

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

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

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

	.com_img_area.w25 > .list {flex-wrap: wrap;}
	.com_img_area.w25 > .list > li {width: calc(50% - 5px)}
	.com_img_area.w25 > .list > li .box .img_box img {width: 100%;}
	.com_img_area.end > .list {flex-wrap: wrap; gap: 10px;}
	.com_img_area.end > .list li {width: 100%;}
	.com_img_area.end > .list > li .box .img_box img {width: 100%;}
	.com_img_area.sty2 > .list {flex-wrap: wrap;}
	.com_img_area.sty2 > .list > li {width: 100%;}
	.com_img_area.w16 > .list {gap: 10px;}
	.com_img_area.w16 > .list li {width: calc(33.3333% - 6.6666px);}
	.com_img_area.width50 > .list > li {width: 100%;}
	.com_img_area.width50 > .list > li .box .img_box img {width: 100%;}
	.text_cont .title_area .title {font-size: 16px;}
	.text_cont .text_list .list li {font-size: 12px; line-height: 16px;}
	.info_text_list .list li br {display: none;}
	.com_tab_list .list {gap: 5px;}
	.com_tab_list .list li .btn {width: 120px; font-size: 12px; line-height: 30px;}
	.bg_com_text {max-width: 100%;}
	.bg_com_text .text {font-size: 14px; line-height: 20px;}
	.com_img_area.w20 > .list li {width: calc(25% - 7.5px);}
	
	.com_img_wrap > .list {flex-direction: column; gap: 10px;}
	.com_img_wrap2 > .list {flex-direction: column; gap: 10px;}
	.com_img_wrap2.com_img_area.arrow > .list > li .img_box.arrow img {width: auto; transform: rotate(90deg);}
	

	.company_top {height: 300px;}
	.company_top .inner {padding: 15px;}
	.company_top .inner .text_area .text_top .title_area .title {font-size: 20px; line-height: 24px;}
	.company_top .inner .text_area .text_top .title_area .title .ft_s {font-size: 14px;}
	.company_top .inner .text_area .text_top .text {font-size: 16px; }
	.company_top .inner .text_area .text_btm .title {line-height: 21px;}
	.company_top .inner .text_area .text_btm .text {line-height: 21px;}
	
	.history_area > .list > li {width: 100%; padding: 0 0 10px;}
	.history_area > .list > li .box .year {font-size: 15px; line-height: 18px;}

	.member_area > .list {gap: 15px 20px;}
	.member_area > .list > li .box .img_wrap .img_box img {width: 200px;}
	.member_area > .list > li .box .text_box .info_list .list li {margin: 2px 0 0; font-size: 12px; line-height: 18px;}
	.member_area > .list > li .box .text_box .name {font-size: 16px; line-height: 20px;}
	.member_area > .list > li .box .text_box .name .position {margin: 0 0 0 5px; font-size: 12px;}

	.organ_area .organ_box .organ_top .box {width: 100px;}
	.organ_area .organ_box .organ_top .box .text {font-size: 18px; line-height: 100px;}
	.organ_area .organ_box .organ_mid {max-width: 465px;}
	.organ_area .organ_box .organ_mid .box .text {font-size: 14px; line-height: 33px;}
	.organ_area .organ_box .organ_mid .box .text:after {right: 120px; width: 110px;}
	.organ_area .organ_box .organ_btm .box .info_list > .list {flex-wrap: wrap; column-gap: 10px;}
	.organ_area .organ_box .organ_btm .box .info_list > .list > li {width: calc(33.3333% - 6.6666px);}
	.organ_area .organ_box .organ_btm .box .info_list > .list:before {width: 68%;}
	.organ_area .organ_box .organ_btm .box .info_list > .list > li .title_area .title {font-size: 14px; line-height: 33px;}
	.organ_area .organ_box .organ_btm .box .info_list > .list > li .info_box {min-height: 127px;}
	.organ_area .organ_box .organ_btm .box .info_list > .list > li .info_box .info_box_inner .list li {margin: 6px 0 0; font-size: 12px; line-height: 16px;}

	.map_area .map_box #map1 {height: 230px;}
	.map_area .map_box .name {padding: 10px 30px;}
	.map_area .map_info_box {margin: 15px 0 0;}
	.map_area .map_info_box .list li .box {column-gap: 5px;}
	.map_area .map_info_box .list li .box .tit {font-size: 14px; line-height: 18px;}
	.map_area .map_info_box .list li .box .tit:before {bottom: 4px;}
	.map_area .map_info_box .list li .box .txt {font-size: 14px; line-height: 18px;}
	.brochure_area > .list > li .box .com_title_area {margin: 0 0 15px;}
	.brochure_area > .list > li .box .info_list > .list {gap: 15px 10px;}
	.brochure_area > .list > li .box .info_list > .list li {width: calc(33.3333% - 6.6666px);}
	.brochure_area > .list > li .box .info_list > .list > li .brochure .text_box {margin: 5px 0 0;}
	.brochure_area > .list > li .box .info_list > .list > li .brochure .down_btn {width: 100px;}
	.brochure_area > .list > li .box .info_list > .list > li .brochure .down_btn .text {line-height: 22px;}
	.brochure_area > .list > li .box .info_list > .list > li .brochure .down_btn .text:before {top: 5px;}
	.more_btn {width: 100px; margin: 15px auto 0; font-size: 14px; line-height: 25px;}

	.review_img_list .list {flex-wrap: wrap;}
	.review_img_list .list li {width: calc(33.3333% - 3.3333px);}

}

@media screen and (max-width: 480px) {
	/* =========================================== */
	/* =============  서브페이지 기본틀 =============== */
	/* =========================================== */
	.sub_left_box .inner .menu_list {margin: 0 0 0 8px; padding: 0 0 0 8px;}
	.sub_left_box .inner .menu_list .list {width: 170px; top: calc(100%);}
	.sub_left_box .inner .menu_list .sub_title .text {font-size: 14px; line-height: 21px;}
	.sub_left_box .inner .title_area {margin: 0 0 0 8px; padding: 0 0 0 8px;}
	.sub_left_box .inner .title_area .title .text {font-size: 14px; line-height: 21px;}
	.sub_left_box .inner .title_area .title_list {width: 170px; top: calc(100%);}
	.com_info_box .tell_box {column-gap: 15px;}
	.m_fixed_menu .list li .box .text {font-size: 10px;}
	.sub_top_area {flex-direction: column; gap: 5px; align-items: end;}
	.sub_top_area .title_area {width: 100%; order: 2;}
	.sub_top_area .title_area > a img {top: -10px;}
	.sub_top_area .title_area > a.title {max-width: 100%; width: 70%;}
	.sub_top_area .title_area > a.title2 {width: 30%;}
	
	.com_info_box .tell_box .tell_list .list li {width: calc(50% - 3.5px)}
	/* =========================================== */
	/* ============= // 서브페이지 기본틀 ============= */
	/* =========================================== */

	.inquiry_area .list li .box .input_box {display: block; width: 100%; margin: 5px 0 0;}
	.inquiry_area .list li .box .input_box:last-child {margin: 10px 0 0;}

	.book_area > .list > li > .box .box_inner {flex-direction: column; align-items: center; gap: 10px;}

	.com_img_area > .list {gap: 10px;}
	.com_img_area.w16 > .list li {width: calc(50% - 5px);}
	.com_img_area.w20 > .list li {width: calc(50% - 5px);}
	.com_img_area.w33 > .list {flex-wrap: wrap;}
	.com_img_area.w33 > .list > li {width: 100%;}
	.com_img_area.w33 > .list > li .box .img_box img {width: 100%;}

	.com_img_area.arrow > .list {flex-wrap: wrap;}
	.com_img_area.arrow > .list > li {width: 100%;}
	.com_img_area.arrow > .list > li .img_box br {display: none;}
	.com_img_area.arrow > .list > li .mob_none {display: none;}
	.com_img_area.arrow > .list > li .img_box img {width: 100%;}
	.com_img_area.arrow > .list > li .img_box.arrow {text-align: center;}
	.com_img_area.arrow > .list > li .img_box.arrow img {width: auto; transform: rotate(90deg)}

	.com_img_area2 > .list {gap: 15px;}
	.com_img_area2 > .list > li {width: 100%;}

	
	.member_area > .list > li .box .img_wrap .img_box img {width: 150px;}
	
	.organ_area .organ_box .organ_mid {max-width: 100%; width: 50%; margin: 0 0 0 auto;padding: 14px 0;}
	.organ_area .organ_box .organ_mid:before {left: 0;}
	.organ_area .organ_box .organ_mid .box {position: relative; width: 100%;}
	.organ_area .organ_box .organ_mid .box:before {display: block; content: ""; position: absolute; left: 0; top: 25%; width: 100%; height: 1px; background-color: #e6e6e6;}
	.organ_area .organ_box .organ_mid .box:after {display: block; content: ""; position: absolute; left: 0; top: 75%;width: 100%; height: 1px; background-color: #e6e6e6;}
	.organ_area .organ_box .organ_mid .box .text {width: 100px; margin: 0 0 0 auto;}
	.organ_area .organ_box .organ_mid .box .text.sty2 {margin: 10px 0 0 auto; background-color: #fff; z-index: 9;}
	.organ_area .organ_box .organ_mid .box .text:after {display: none;}
	.organ_area .organ_box .organ_mid .box .text.sty2:before {display: none;}
	.organ_area .organ_box .organ_btm .box .info_list > .list:before {width: 51%;}
	.organ_area .organ_box .organ_btm .box .info_list > .list > li {width: calc(50% - 5px);}
	.organ_area .organ_box .organ_btm .box .info_list > .list > li .title_area {padding: 10px 0 0;}
	.organ_area .organ_box .organ_btm .box .info_list > .list > li .title_area:before {height: 10px;}
	.organ_area .organ_box .organ_btm .box .info_list > .list > li .info_box {margin: 5px 0 0;}

	.map_area .map_info_box .list li .box {flex-wrap: wrap;}
	
	.brochure_area > .list > li .box .info_list > .list {gap: 10px;}
	.brochure_area > .list > li .box .info_list > .list li {width: calc(50% - 5px);}

	.book_tab_list .list {flex-wrap: wrap;}
	.book_tab_list .list li {width: calc(50% - 0.5px);}

	
	.com_tab_list .list li {width: calc(33.3333% - 3.3333px);}
	.com_tab_list .list li .btn {width: 100%;}

	.deliver_area .deliver_table table tbody tr {display: block;}
	.deliver_area .deliver_table table tbody tr td {display: block; width: 100%;}

	.com_table_area .table_area table tbody tr td {font-size: 12px; line-height: 18px;}

	.board_area .board_list tbody tr td {font-size: 12px;}

	.inquiry_area .list li .box .attach_box.list {flex-wrap: wrap; gap: 8px 4px;}
	.inquiry_area .list li .box .attach_box.list .box {width: calc(33.3333% - 3.3333px);}

	.review_pop_area .pop_area {max-width: 100%; width: 95%;}
	.review_pop_area .pop_area .title_top {padding: 0 10px;}
	.review_pop_area .pop_area .cont {padding: 15px 10px;}

	.comment_area .comment_box .input_top {flex-wrap: wrap;}

	
	.shorts_list .list {flex-direction: column;}
	.shorts_list .list li {width: 100%;}
}


@media screen and (max-width: 400px) {
	.com_info_box .tell_box {width: 100%;}
	.com_info_box .tell_box .tell_list .list {gap: 2px 10px; width: 100%;}
	.com_info_box .tell_box .tell_list .list li {width: calc(50% - 5px);}

}