@charset 'UTF-8';

/********* common_layout *********/
html, body {height:100%;}
body {line-height:1.3; color:#333; font-family: 'Noto Sans KR', 'sans-serif'; font-size: 16px; letter-spacing: -0.5px;}
body.scroll_fixed {position: fixed !important; width: 100% !important;}
.wrapper {position:relative; z-index:1; min-height:100%;}
.container {position:relative; z-index:1; width:1200px; margin:0 auto;}

/* skip navi */
.skip_navi {position:absolute; z-index:999999; width:100%; left:0; top:0; text-align:center;}
.skip_navi a {display:block; position:absolute; left:0; top:-9999px; z-index:1; width:100%; height:40px; line-height:40px; background-color:#333; color:#fff; font-size:20px; font-weight:700;}
.skip_navi a:hover, .skip_navi a:focus {top:0;}

/* header */
.header {position:relative; z-index:9999; background-color:#FFF;}
.header > .container {z-index: 9997; height: 90px; padding-top: 34px; background-color: #fff;}
.head_logo {position:absolute; left:0; top:50%; z-index:1; width: 136px; margin-top:-20px;}
.head_sch_box {position: absolute; left: 175px; top: 42px; }
.head_sch_box input {width: 210px; height: 30px; padding:0 42px 0 17px; border: 1px solid #ddd; border-radius: 15px; font-size: 13px;}
.head_sch_box button {position: absolute; right: 8px; top: 0; width: 30px; height: 30px; background: url('../images/common/head_sch_ico.png') center/18px no-repeat;}
.gnb {float:right; padding-right: 45px;}
.gnb > li {position:relative; z-index:1; float:left;}
.gnb > li:first-child {margin-left:0;}
.gnb > li > a {position:relative; display:block; height:54px; line-height:54px; padding: 0 25px; font-family: "NanumSquare"; font-size:18px; font-weight:700;}
.gnb > li > a:after {display:none; content:""; position:absolute; left:-16%; bottom:0; z-index:1; width:180px; height:4px; margin-left:-15px; transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#5cd6c1+0,2989d8+100 */
background: #5cd6c1; /* Old browsers */
background: -moz-linear-gradient(left,  #5cd6c1 0%, #2989d8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #5cd6c1 0%,#2989d8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #5cd6c1 0%,#2989d8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5cd6c1', endColorstr='#2989d8',GradientType=1 ); /* IE6-9 */}
.gnb > li.active > a {color: #0095c2;}
.gnb > li.active > a:after {display: block;}
.gnb > li:nth-child(2).active > a:after {width:180px; left: 0;}
.gnb > li:nth-child(3).active > a:after {width:250px; left: -65px;}
.sub_gnb {display:none; position:absolute; left:50%; top:54px; z-index:1; width:180px; margin-left: -90px; padding: 15px 20px; background-color:#FFF; box-shadow: 0 0 10px #ddd;}
.gnb > li:nth-child(3) .sub_gnb {width: 250px; margin-left:-129px;} /* 회원사메뉴용 예외처리 */
.sub_gnb > li:last-child {border-bottom-width:0}
.sub_gnb > li > a {display:block; padding: 10px 0; color: #444; text-align:center;}
.sub_gnb > li > a:hover, .sub_gnb > li > a:focus {color:#2b82c5;}
.sub2_gnb {display: none;}

/* login_check */
.login_check {display:inline-block; padding-top:2px; color:#575757; font-size:13px; font-family:'Noto Sans KR', 'sans-serif'; vertical-align: middle; margin-right:20px;}
.login_check li {position:relative; float:left; margin-right:18px; font-weight:400;}
.login_check li:first-child:after {content: '|'; position: absolute; right: -9px; top: 1px; color: #ccc; font-size: 10px;}
.login_check li:last-child {margin-right:0;}

/* all_menu */
.all_menu_box_wrap {position: fixed; left: 0; top: 111px; z-index: 9996; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); opacity: 0;}
.all_menu_box {position: absolute; left: 0; top: 0; width: 100%; background-color: #fff;}
.all_menu_box .container {padding: 40px;}
.all_menu {overflow: hidden;}
.all_menu > li {float: left; width: 23%; margin-right: 2.66%;}
.all_menu > li:last-child {margin-right: 0;}
.all_menu > li > a {display: block; height: 50px; line-height: 50px; margin-bottom: 12px; border-bottom: 2px solid #000; font-family: "NanumSquare"; font-size: 20px; font-weight: 700; text-align: center;}
.all_menu > li:hover > a {color: #2b82c5;}
.all_sub_gnb {padding: 20px 23px; border: 1px solid #ddd;}
.all_sub_gnb > li {position: relative; margin-bottom: 10px; padding-left: 9px;}
.all_sub_gnb > li:last-child {margin-bottom: 0;}
.all_sub_gnb > li > a {display: inline-block; border-bottom: 1px solid transparent; color: #444;}
.all_sub_gnb > li > a:before {content: ''; display: block; position: absolute; left: 0; top: 8px; width: 3px; height: 3px; background-color: #aaa;}
.all_sub_gnb > li > a:hover {border-color: #0095c2; color: #2b82c5;}
.all_sub_gnb > li > a:hover:before {background-color: #2b82c5;}
.all_sub2_gnb {display: none;}

.sitemap_btn, .m_gnb_btn, .m_sch_btn {position:absolute; right:0; top:44px; z-index:1; width:35px; height:32px; border: 1px solid #ddd; border-radius: 3px;}
.sitemap_btn span, .m_gnb_btn span {display:block; position:absolute; left:50%; top:8px; z-index:1; width:16px; height:2px; margin-left: -8px; background-color:#0872bc; transition: all 0.3s;}
.sitemap_btn span.mid {top:50%; margin-top:-1px; width: 11px;}
.sitemap_btn span.btm {top:auto; bottom:8px;}
.sitemap_btn.active span.top {top: 50%; margin-top: -1px; transform: rotate(45deg);}
.sitemap_btn.active span.mid {opacity: 0;}
.sitemap_btn.active span.btm {top: 50%; margin-top: -1px; transform: rotate(-45deg);}
.m_sch_btn {display: none; right: 60px; top: 50%; margin-top: -16px; background: url('../images/common/head_sch_ico.png') center/17px no-repeat;}
.m_gnb_btn {display: none; right: 15px; top: 50%; margin-top: -16px; background-color: #fff; border: 1px solid #ccc;}
.m_gnb_btn span {top: 9px; background-color: #0872bc;}
.m_gnb_btn span.mid {top:50%; width:11px; margin-top:-1px;}
.m_gnb_btn span.btm {top:auto; bottom:9px;}

/* site_layer_bg */
.site_layer_bg {display: none; position: fixed; left: 0px; right: 0px; top: 0px; bottom:0px;  padding: 180px 0px; overflow:auto; background-color: rgba(0, 0, 0, 0.5); z-index:10000; text-align:center;}
.site_map_box {position:relative; width: 940px; display: inline-block;  padding: 50px; background-color: #fff;}
.site_map_box > a {position: absolute; right: 0; top: -55px; width: 39px; height: 39px; background: url(../images/sub/layer_close_ico.png);}
.all_site_map > li {position: relative; padding: 20px 10px; border-top: 1px solid #ddd;}
.all_site_map > li:after {content:""; display:block; width:0; height:0; font-size:0; clear:both;}
.all_site_map > li > h4 {float: left; width: 20%; font-weight: 500; font-size: 1.375em; text-align: left;}
.all_site_map > li > h4:before {content: ""; display: block; position: absolute; top: -2px; left: 0; width: 20%; height: 3px; background: #0095c2;}
.all_site_map .all_site_dep1 {float: left; width: 80%; text-align: left;}
.all_site_map .all_site_dep1 > li {width:calc(33.33% - 17px); display: inline-block; margin-right: 14px; margin-bottom: 30px; vertical-align: top;}
.all_site_map .all_site_dep1 > li > a:hover {background-color: #0095c2; color: #fff;}
.all_site_map .all_site_dep1 > li:last-child {margin-right: 0;}
.all_site_map .all_site_dep1 > li > a {display: block; padding: 15px 5px; border: 1px solid #ddd; font-size: 1.1em; font-weight: 500; text-align: center;}
.all_site_map .all_site_dep2 {padding: 10px;}
.all_site_map .all_site_dep2 > li > a {position: relative; display: block; padding: 5px 0 5px 10px; text-align:left; color:#333; }
.all_site_map .all_site_dep2 > li > a:hover {color: #2b82c5;}
.all_site_map .all_site_dep2 > li > a:before {content: ""; position: absolute; top: 14px; left: 0; width: 3px; height: 3px; background: #aaa;}
.all_site_map > li .all_site_dep1 > li.dep_type1 {width:calc(100% - 17px);}
.all_site_map > li .all_site_dep1 > li.dep_type1 .all_site_dep2 {text-align: left;}
.all_site_map > li .all_site_dep1 > li.dep_type1 .all_site_dep2 li {display: inline-block; width:24%; padding-bottom: 20px; vertical-align: top;}
.all_site_map > li .all_site_dep1 > li .all_site_dep2 .all_site_dep3 li {width:100%; padding-bottom:0px;}
.all_site_map > li .all_site_dep1 > li .all_site_dep2 .all_site_dep3 li a {display: block; position: relative; padding: 5px 5px 5px 20px;  font-size: 14px; color: #666; text-align: left; font-family: "Nanum Gothic";}
.all_site_map > li .all_site_dep1 > li .all_site_dep2 .all_site_dep3 li a:before {content: "└"; display: block; position: absolute; top: 5px; left: 0px; color: rgb(102, 102, 102);}

/* m_gnb */
.m_gnb_wrap {display:none; position:fixed; left:-480px; top:0; z-index:9999; overflow-y: auto; width: 100%; max-width: 300px; height:100%; background-color:#fff;}
.m_gnb_top {padding: 25px 0 20px; background-color: #0095c2; border-bottom:1px solid #e5e5e5; text-align:center;}
.m_logo {display: inline-block; width: 140px; margin-bottom: 10px; vertical-align: middle;}
.m_login_btn {display: block; width: 65px; line-height:24px; margin: 0 auto; background-color: rgba(0,0,0,0.2); color: #fff; font-size: 13px; font-weight: 300;}
.m_lang_menu {overflow: hidden; border-bottom: 1px solid #ddd;}
.m_lang_menu li {float: left; width: 50%; border-right: 1px solid #ddd;}
.m_lang_menu li:last-child {border-right-width: 0;}
.m_lang_menu li a {display: block; line-height: 30px; color: #bbb; font-size: 14px; text-align: center;}
.m_lang_menu li a.active {color: #2b82c5;}
.m_gnb > li > a {display:block; position:relative; line-height:45px; padding: 0 17% 0 15px; background: url('../images/common/m_gnb_dep1_down.png') 92% center/11px no-repeat; border-bottom:1px solid #ddd; color:#222;}
.m_gnb > li > a.active {background-color:#525756; background-image: url('../images/common/m_gnb_dep1_up.png'); color:#fff;}
.m_sub_gnb {display:none; padding: 15px; border-bottom: 1px solid #ddd;}
.m_sub_gnb > li {margin-bottom: 13px;}
.m_sub_gnb > li:last-child {margin-bottom: 0;}
.m_sub_gnb > li > a {display:block; width:100%; padding-left: 10px; background: url('../images/common/m_gnb_dep2.png') 0 5px/6px no-repeat; color:#222; font-size:14px; font-weight: 500;}
.m_sub2_gnb {margin-top: 12px; padding: 10px; border: 1px solid #ddd; border-radius: 5px;}
.m_sub2_gnb li a {display:block; position: relative; padding:5px 0 5px 9px; color:#666; font-size: 14px;}
.m_sub2_gnb li a:before {content:""; display: block; position: absolute; left: 0; top: 12px; width: 3px; height: 3px; background-color: #666;}
.m_gnb_close {display:block; position:absolute; left:15px; top:15px; z-index:1; width:20px; height:20px; background: url('../images/common/m_gnb_close.png') center/20px no-repeat;}
.m_gnb_bg, .head_sch_bg {display:none; position:fixed; left:0; top:0; z-index:9998; width:100%; height:100%; background-color:#000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0;}
.head_sch_bg {z-index: 9996;}

.util_hd_menu_box {position: absolute; right: 0; top: 5px;}
.util_lang_menu {display: inline-block; overflow: hidden; margin-right: 26px; vertical-align: middle;}
.util_lang_menu li {position: relative; float: left; padding: 0 10px;}
.util_lang_menu li:first-child {padding-left: 0;}
.util_lang_menu li:last-child {padding-right: 0;}
.util_lang_menu li:after {content: '|'; position: absolute; right: -1px; top: 2px; color: #ccc; font-size: 10px;}
.util_lang_menu li:last-child:after {display: none;}
.util_lang_menu li a {color: #585858;}
.util_lang_menu li a.active {color: #2b82c5;}

.util_hd_menu {display: inline-block; margin-right: 14px; vertical-align: middle;}
.util_hd_menu li {float: left; margin-right: 18px;}
.util_hd_menu li:last-child {margin-right: 0;}
.util_hd_menu li > a {padding-left: 20px; background-repeat: no-repeat; background-position: 0 center; color: #575757; font-size: 13px;}
.util_hd_menu li.login a{background-image: url('../images/common/head_log_ico.png'); }
.util_hd_menu li.sitemap a {background-image: url('../images/common/head_sitemap_ico.png');}


.util_hd_menu li.login a:hover, .util_hd_menu li.login a:focus {background-image: url('../images/common/head_log_ico_on.png'); color: #005fa9;}
.util_hd_menu li.sitemap a:hover, .util_hd_menu li.sitemap a:focus {background-image: url('../images/common/head_sitemap_ico_on.png'); color: #005fa9;}
.util_hd_menu li.util_sup_btn a{padding: 9px 0px 7px 36px; background:url('../images/common/head_com_ico.png') left center no-repeat; color: #575757; font-size: 13px; vertical-align: middle;  font-weight: 400;}



.contents {padding-bottom:214px;}
.contents > .container {position: static;}
.container:after {content: ""; display: block; width: 0; height: 0; font-size: 0; clear: both;}



/* footer */
.footer {position:absolute; bottom:0; z-index:4; width: 100%; height: 214px; min-width: 1200px; background-color: #fff; border-top: 1px solid #eee;}
.footer_top {border-bottom: 1px solid #eee;}
.footer_top .footer_nav {float: left; margin-left: 140px;}
.footer_top .footer_nav li {position: relative; float: left; margin-right: 32px;}
.footer_top .footer_nav li:last-child {margin-right: 0px;}
.footer_top .footer_nav li:after {content: ""; position: absolute; top: 50%; right: -16px;;   width: 3px; height: 3px; border-radius: 2px; background-color: #111;   }
.footer_top .footer_nav li:last-child:after {content: none;}
.footer_top .footer_nav li a {display: block; line-height: 44px; color: #242424; font-size: 14px; font-weight: 400; }
.footer_top .footer_nav li a.footer_fc_red {color: #dc0000;}

/* main_sns_box  */
.main_sns_box {float: right; padding-top: 7px; background-color:rgba(255,255,255,0.55); text-align:center;;}
.main_sns_box:after {content:""; display:block; width:0; height:0; font-size:0; clear:both;}
.main_sns_box > div {display:inline-block;}
.main_sns_box .main_sns_tit {position:relative; float:left; margin-right:14px; line-height:20px; font-family:'Nanum Square', sans-serif; color:#222; font-size:24px; font-weight:500; text-align:left;}
.main_sns_box .main_sns_tit:before {content:""; position:absolute; bottom:0px; right:10px; width:81px; height:2px; background-color:#0c1862;}
.main_sns_box .main_sns_tit span { display:block; font-size:17px; font-weight:700;}
.main_sns_box ul {float:left;}
.main_sns_box ul li {float:left; margin-right:10px;}
.main_sns_box ul li:last-child {margin-right: 0;}
.main_sns_box ul li a {display:block; width:30px; height:30px;}

.footer_bottom {padding-top: 30px;}
.footer_bottom .container {padding-left: 140px; background: url(../../common/images/common/footer_logo.png) no-repeat left 15px top 4px;}
.foot_txt_box {float: left; color: #575757; font-size: 13px;}
.btn_per {display: inline-block; margin-left: 18px; font-weight: 500; color: #0089cf;}
.foot_txt_box .txt1 {margin-bottom: 5px;}
.foot_txt_box .txt2 {margin-bottom: 15px;}
.foot_txt_box .txt2 .each {position: relative; display: inline-block; margin-right: 42px;}
.foot_txt_box .txt2 .each:after {content:""; position: absolute; top: 50%; right: -22px; margin-top: -6px; width: 1px; height: 12px; background-color: #8f8f8f;}
.foot_txt_box .txt2 .each:last-child {margin-right: 0;}
.foot_txt_box .txt2 .each:last-child:after {content: none;}
.foot_txt_box .txt3 {font-size: 12px;}

.foot_family_box {position: relative; float: right; width: 200px; line-height: 48px;  padding-left: 12px; border: 1px solid #9c9c9c; color: #54565b; box-sizing: border-box; cursor: pointer; background:url(../../common/images/common/family_site_arr.jpg) right 20px center no-repeat;}
.foot_family_box > ul {display: none; position: absolute; width: 200px; left: -1px; top: -288px;  border-bottom: none; z-index: 500;}
.foot_family_box > ul.show {display: block;}
.foot_family_box > ul li a {display: block; line-height: 40px; border-bottom: 1px solid #9c9c9c; border-right: 1px solid #9c9c9c; border-left:1px solid #9c9c9c; padding-left: 12px; background-color: #fff;  font-size: 14px; font-weight: 400; color: #54565b;}
.foot_family_box > ul li a:hover {background-color: #0095c2; color: #fff; font-weight:500;}
.foot_family_box > ul li:first-child a {border-top:1px solid #9c9c9c;}
.foot_family_box > ul li:last-child a {border-bottom: none;}

.comm_quick_box {position: fixed; right:0; top: 130px; z-index: 1; width: 94px; box-shadow:5px 0px 20px rgba(3, 0, 0, 0.1)}
.comm_quick_box .tit {height: 50px; padding: 10px 0; background: url('../images/common/quick_tit_bg.png') center no-repeat; color: #fff; font-size: 13px; text-align: center; border-top-left-radius: 5px;}
.comm_quick_menu li {border-bottom: 1px solid #dddddd;}
.comm_quick_menu li:last-child {border-bottom-width: 0;}
.comm_quick_menu li a {display: block; padding-top: 59px; padding-bottom: 10px; background: #fff url('../images/common/quick_bd.png') center 16px no-repeat; color: #444; font-size: 13px; font-weight: 300; text-align: center;}
.comm_quick_menu li.metabus a {background-image: url('../images/common/quick_metabus.png'); background-size: contain; height: 110px;}
.comm_quick_menu li.info a {background-image: url('../images/common/quick_info.png');}
.comm_quick_menu li.faq a {background-image: url('../images/common/quick_faq.png');}
.comm_quick_menu li.contact a {background-image: url('../images/common/quick_map.png');}
.comm_quick_box .top_btn {display: block; width: 100%; height: 38px; padding-top: 9px; background: #616161 url('../images/common/quick_arr.png') center 9px no-repeat; border-bottom-left-radius: 6px; color: #fff; font-size: 13px; text-align: center;}

/********** 영문 **********/

/* header */
.main_wrapper.en_wrapper {position: relative; min-height: 100%;}
.main_wrapper.en_wrapper .header {position: relative; height: 80px; border-bottom: 1px solid #dddff0;}
.main_wrapper.en_wrapper .header .container:after {content: ""; display: block; overflow: hidden; position: absolute; top: 0; right: 74px; z-index: -1; width: 100%; height: 80px; background: url(../images/main/main_bg_en1.png) top right 74px no-repeat;}
.en_wrapper .header > .container {z-index: 9997; height: 80px; padding: 0; background: none;}
.en_wrapper .head_logo {position: absolute; top:59%; z-index:1; width: 135px; margin-top:-25px;}
.en_wrapper .head_logo img {width: 100%;}
.en_wrapper .head_sch_box {float: right; position: relative; top: 0; left: 0; width: 360px; height: 80px; padding: 0 65px; border-left: 1px solid #dddff0; border-right: 1px solid #dddff0; line-height: 80px;}
.en_wrapper .head_sch_box input {width: 100%; padding: 5px; border: none;}
.en_wrapper .head_sch_box input[placeholder] {font-size: 16px; font-weight: 500; color: #5b667b;}
.en_wrapper .head_sch_box:before {content: ""; display: block; position: absolute; top: 50%; left: 25px; width: 36px; height: 36px; margin-top: -18px; background: url(../images/main/select1.png) no-repeat;}
.en_wrapper .head_sch_box button {position: absolute; top: 50%; right: 35px; width: 30px; height: 30px; margin-top: -15px; background: url(../images/main/arr_down1.png) no-repeat center center;}

/* sub_header 공통 */
.en_sub_wrapper .header > .container {height: 90px; padding-top: 34px;}
.en_sub_wrapper .util_lang_menu {margin-right: 0;}
.en_sub_wrapper .sub_gnb {width: 260px; margin-left: -130px;}
.en_sub_wrapper .gnb > li > a {padding:0 36px;}
.en_sub_wrapper .gnb > li:hover > a:after, .gnb > li:focus > a:after {width:260px; left:50%; margin-left:-130px;}
.en_sub_wrapper .all_site_map .all_site_dep1 > li {margin-bottom:15px;}
.en_sub_wrapper .all_site_map > li > h4 {width:20%;}
.en_sub_wrapper .all_site_map > li > h4:before {width:20%;}
.en_sub_wrapper .all_site_map .all_site_dep1 {width:80%;}
.en_sub_wrapper .all_site_map .all_site_dep1 > li {width:calc(50% - 22px); margin-right:20px;}
.en_sub_wrapper .all_site_map > li:nth-of-type(2) > .all_site_dep1 > li:nth-of-type(1) {width:calc(50% - 22px);}
.en_sub_wrapper .all_site_map:nth-of-type(1) .all_site_dep1 > li:nth-of-type(2n) {margin-right:0px;}
.en_sub_wrapper .m_logo a {display:block;}
/* footer */
.en_wrapper .footer {position: absolute; width: 100%; height: 145px; bottom: 0;}
.en_wrapper .foot_logo {float: left; position: static; width: 148px; margin-right: 40px;}
.en_wrapper .foot_txt_box .txt1 {margin-bottom: 5px; color: #575757; font-size: 13px;}
.en_wrapper .foot_txt_box .txt2 {margin-bottom: 10px; color: #575757; font-size: 13px;}
.en_wrapper .foot_txt_box .txt3 {color: #575757; font-size: 13px;}
.en_wrapper .foot_family_box {line-height: 40px;}
.en_wrapper .foot_family_slt {width: 200px; height: 46px; margin-right: 0; padding-left: 20px; border: 1px solid #9c9c9c; font-size: 14px; color: #54565b;}
.en_wrapper .footer_bottom .container {background: none;}

@media screen and (max-width:1400px){
    .comm_quick_box {display: none;}
}


.knowledge-info.faq_list.sort_in .faq_q_tit {
		padding: 20px;
	}

.knowledge-info .title-h4{
    font-family: "NanumSquare";
    font-size: 24px;
    font-weight: 700;
    padding-top: 0px;
    padding-left: 10px;
    vertical-align: top;
    background: url(../images/sub/sub_tit1_ico.png) 0 22px/22px no-repeat;
	}

	.knowledge-info .faq_a_txt_box{
		border-right: solid 1px #dddddd;
		border-left: solid 1px #dddddd;
		background-color: white;
		padding: 0;
	}
	.knowledge-info .depth2{
		border-top: solid 1px #ddd;
	}
	.knowledge-info .depth2:first-child{
		border-top: none;
	}
	.knowledge-info .depth2 .depth2--con{
		display: none;
		background: #f6f6f6;
		border-top: solid 1px #ddd;
		padding: 20px;
	}
	.knowledge-info .depth2.on .depth2--con{
		display: block;
	}
	.knowledge-info--imgTit{
		display: flex;
	}
	.knowledge-info--imgWrap{
		margin-right: 20px;
		width: 230px;
	}
	.knowledge-info--img{
		margin-right: 20px;
	}
	.knowledge-info--desc{
		width: calc(100% - 250px);
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.knowledge-info--btnWrap{
		text-align: right;
	}
	.knowledge-info .depth2	.knowledge-info--btn{
		background: #0095c2;
		color: white;
		width: 121px;
		height: 34px;
		line-height: 32px;
		text-align: center;
		display: inline-block;
		font-size: 14px;
		border-radius: 3px;
		border: solid 1px #0095c2;
	}
	.knowledge-info .depth2	.knowledge-info--btn::before{
		content: '교육 자세히 보기';
	}
	.knowledge-info .depth2.on .knowledge-info--btn{
		background: white;
		color: #3882c5;
		border-color: #0095c2;
	}
	.knowledge-info .depth2.on .knowledge-info--btn::before{
		content: '자세히 보기 닫기';
	}
	.knowledge-info--d3{
		display: flex;
		justify-content: space-between;
		border: solid 1px #ddd;
		background: white;
		padding: 15px 20px;
		margin-top: 5px;
	}
	.knowledge-info--d3:first-child{
		margin-top: 0;
	}
	.knowledge-info--d3btnWrap{
		width: 30%;
		display: flex;
		justify-content: end;
		align-items: center;
	}
	.knowledge-info--d3Tit{
		margin-bottom: 8px;
	}
	.knowledge-info--d3desc{
		font-size: 15px;
		padding-left: 6px;
	}
	.knowledge-info--btnPlay{
		background: #686868;
		color: white;
		width: 110px;
		height: 34px;
		line-height: 30px;
		text-align: center;
		font-size: 14px;
		border-radius: 3px;
		border: solid 1px #686868;
	}
	.knowledge-info--down{
		background: white;
		color: #222;
		width: 110px;
		height: 34px;
		line-height: 30px;
		text-align: center;
		font-size: 14px;
		border-radius: 3px;
		border: solid 1px #aaa;
		margin-left: 8px;
	}
	.knowledge-info--down::after{
		content: url(../images/sub/ico_down.png);
		margin-left: 5px;
	}