@charset "utf-8";
@import url("base.css"); 
@import url("swiper.css");


#wrap {position:relative;width:100%; }

#skip {position:relative;z-index:9999;width:100%;font-size:0;line-height:0;}
#skip ul li {position:absolute;top:0px;left:45%;}
#skip ul li a {position:absolute;top:0;left:45%;font-size:0;line-height:0;}
#skip ul li a:focus,
#skip ul li a.selected {position:absolute;top:0;left:45%;font-size:14px;color:#000000;background:#fff;border:2px solid #407CD5;padding:1em 0;width:300px;text-align:center;}

#header {position:relative; width:100%; border-bottom: 1px solid #d0cfcb;}
#header:after{clear: both; content: "";display: block;}
#header #topmenu{max-width:1500px;margin:0px auto; }
h1.logo { float:left; padding:35px 0 0 10px ; max-width:18.53%; width:267px;}

.pop_wrap {margin:20px 20px 20px 20px; width:595px;}


/*top_submenu*/
.util {float: right; width:50%; }
.util:after{clear: both; content: "";display: block;}
.util .right{float: right; margin: 0 10px 0 0; }
.util .right li{float:left; padding:10px 0px 6px 6px;}
.util .right li:before{content:"";display:inline-block;vertical-align:middle;margin:0 12px;width:1px;height:14px;background:#c4c6c6}
.util .right li:first-child:before {display:none}
.util {text-align:right}
.util .right li span {font-size:16px;color:inherit;}
.util .right li span:after {content:"";display:inline-block;width:13px;height:8px;margin-left:5px;background:url(/english/images/common/bg_lang.png) no-repeat 0 0;vertical-align:middle;}
.util .right li a[name="active"] span:after {margin-top:-4px;background-position:0 -8px;}
.util .right .lang {position:relative;}
.util .right .lang ul {display:none;position:absolute;top:42px;left:20px;width:120px;border:1px solid #c3c1c1;z-index:100;background:#fff}
.util .right .lang ul li{float:none; padding:0;}
.util .right .lang ul li:before{display:none;}
.util .right .lang ul li a {display:block;font-size:1rem;color:#555;height:2.5rem;line-height:2.5rem;text-align:center; }
.util .right .lang ul li:nth-child(2) a {border-top:1px dotted #c3c1c1;border-bottom:1px dotted #c3c1c1}
.util .right .kcc a:before{content:"";display:inline-block;vertical-align:middle;margin-right:5px;width:19px;height:18px;background:url(/english/images/common/ico_kcc.png) 0 0 no-repeat;}

.sns{display:none}
.m_menu_open{display:none;}
.topmenu {float:left;width:60%;overflow:hidden;padding:0; }

/* nav */
.nav {float:right; padding:20px 0; box-sizing: border-box;}
.nav > ul > li {float:left; padding:0 40px;}
.nav > ul > li > a {position:relative;padding:20px 0;color:#2d4264; font-size:22px; font-weight:500; }
.nav > ul > li > a:hover, .nav > ul > li > a.on {color:#1565b0;text-decoration:none}
.nav > ul > li:hover > a:after, .nav > ul > li > a.on:after{content:"";position:absolute;bottom:0;left:0;display:block;width:100%;height:4px;background:#4f6280;}


.submenu_bg {position:absolute;width:100%; top:110px;left:0;padding:15px 0;border-top:1px solid #9ba5b5;border-bottom:1px solid #9ba5b5;background:#e7f0f9; z-index:50; display:none;}
.submenu_bg ul{float: right; }
.submenu_bg ul li {float:left;position:relative;}
.submenu_bg ul li:before{content: ''; position: absolute; left: 0; top: 5px; width: 1px; height: 15px; display: inline-block; background-color: #bdc9d1;}
.submenu_bg ul li:first-child:before{display:none;}
.submenu_bg ul li a {padding:15px;color:#2d4264;}
.gnb_sub > li a.on {font-weight:bold;color:#f5ff9e}
.gnb_sub_01 {padding-right:50.4vw}
.gnb_sub_02 {padding-right:47.6vw}
.gnb_sub_03 {padding-right:28vw}
.gnb_sub_04 {padding-right:29.1vw}




/* 상단검색 */
.searchpart {float:right;display:inline-block;width:16.66%;max-width:270px;margin-top:20px;vertical-align:middle;overflow: hidden;}
.integrationsearch {width:100%;margin:0 auto;}
.integrationsearch form,
.integrationsearch fieldset {margin:0;padding:0;}
#integrationsearch li {float:left;}
#integrationsearch li.label {display:none;}
#integrationsearch li.label label {display:block;width:0px;height:0px;overflow:hidden;}
#integrationsearch li.input {width:calc(100% - 46px);height:36px;padding:0 5px;border-right:0 none;border-top-left-radius:18px;border-bottom-left-radius:18px;background:#58759a;line-height:28px;overflow:hidden;}
#integrationsearch li.input input {width:100%;height:30px; margin-top:3px; border:0;line-height:28px;background:none;color:#fff;}
#integrationsearch li.btn {position:relative;width:36px;height:36px;background:#58759a;border-left:0 none;border-top-right-radius:16px;border-bottom-right-radius:18px; margin-left:-1px;}
#integrationsearch li.btn .btn_search {width:36px;height:36px;margin-left:-5px;margin-top:0px;border:0 none;border-radius:50%;background:url(/english/images/common/btn_search_top.png) 0 0 no-repeat;background-size:contain;vertical-align:top;}
#integrationsearch li.btn .btn_search span {min-width:initial;padding:0;background:none;}



/* sitemap */
.top_sitemap {float:right; width:50px; margin:12px 10px 0 0;}
.top_sitemap a{display:inline-block; width:48px;height:48px; background:url(/english/images/common/sprite_img01.png) 0 -284px no-repeat;}




/* 퀵탑 */
.scroll_btn {position:fixed;right:15px;bottom:30px;z-index:500;opacity:0;}
.scroll_btn li a {position:relative;display:block;width:41px;height:0;padding-top:41px;border:1px solid #c4c4c4;overflow:hidden;}
.scroll_btn li a:before, .scroll_btn li a:after {content:"";display:block;position:absolute;z-index:1;}
.scroll_btn li a:before {top:0;left:0;width:100%;height:100%;background:#fff;opacity:0.9;filter:alpha(opacity=90);}
.scroll_btn li a:after {top:50%;left:50%;width:18px;height:14px;background:url(/english/images/common/icon_all.png) 0 -237px no-repeat;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);}
.scroll_btn li:nth-child(2) {padding-top:8px;}
.scroll_btn li:nth-child(2) a:after {height:10px;background:url(/english/images/common/icon_all.png) 0 -251px no-repeat;}

/* footer */
.footer {width:100%; padding:40px 0; }
.footer address {max-width:1500px; margin:0 auto; font-style:normal; line-height:1.6em; text-align:center;}
.footer address br:nth-of-type(1){display:none;}


@media all and (max-width:1500px) {
	.nav > ul > li {float:left; padding:0 35px;}

}


@media all and (max-width:1300px) {
	.nav > ul > li {float:left; padding:0 20px;}
}



@media all and (max-width:1200px) {
	body.reset {position:fixed;overflow-y:hidden; overflow:hidden;width:100%;height:100%}
	#wrap {width:100%;margin:0;clear:both}

	#header{height: 70px;}
	#header.on:before {content:"";display:block;width:100%;height:100%;position:fixed;top:0;left:0;background:#000;opacity:0.5;z-index:600}
	 h1.logo {position:absolute;top:50%;left:50%;float:none;width:198px;max-width:100%;height:42px;transform:translate(-50%, -50%);padding:0;margin:0;}
	 #header #topmenu{position:relative; height:70px;}
	 h1.logo img{width:100%;}
	.m_menu_open{position:absolute;top:-10px;left:10px; display:block; z-index:300; }
	.m_menu_open a{position:relative;display:block;width:30px;height:0;margin-top:32px;padding-top:20px;border-top:2px solid #125785;border-bottom:2px solid #125785;overflow:hidden;}
	.m_menu_open a:before {content:'';position:absolute;top:50%;left:0;display:block;width:100%;height:2px;margin-top:-1px;background:#125785;}

	.m_menu {position:fixed;top:0;left:-900px;width:70%;height:100%;background:#fff;z-index:700;transition:0.5s}
	.m_menu.on {left:0}
	.m_menu_close {position:absolute;top:0; right:-36px;}
	.m_menu_close.m{display:block !important;}

	#header .util{float:none; width:100%;position:relative; }
	.util .right{float:none; padding:3px 0;}
	.util .right .lang ul{top:39px;}
	
	.topmenu {display:block; width:100%;}
	.nav {padding:0;float:none; width:100%;border-top:1px solid #d1d1d1}
	.nav > ul > li {float:none; width:100%; padding:0;}
	.nav > ul > li > a {display:block;padding:10px;background:#2d6796;color:#fff;font-size:16px;border-bottom:1px solid #aeb9c3;font-weight:500; margin:0;}
	.nav > ul > li > a.on:after{content:"";position:absolute;bottom:0;left:0;display:block;width:100%;height:0px;background:#4f6280;}
	.nav > ul > li > a:hover, .nav > ul > li:hover > a, .nav > ul > li > a.on {background:#125785;color:#fff}
	.nav > ul > li.gnb_01 > a:hover, .nav > ul > li.gnb_01 > a.on, .nav > ul > li.gnb_01 > a:active {background:#125785;color:#fff}
	.gnb_sub_01, .gnb_sub_02, .gnb_sub_03{padding-right:0;}
	.nav:after{clear: both; content: "";display: block;}

	.submenu_bg {position:relative; top:inherit;left:inherit !important;display:block !important;width:100%;overflow:hidden;background:#cfdfee; border:none; padding:0; margin-bottom:0px !important;}
	.submenu_bg ul{float:none; width:100%;}
	.submenu_bg ul li {float:left; width:50%; text-align:center;  box-sizing:border-box; -webkit-box-sizing:border-box;}
	.submenu_bg ul.gnb_sub_04 li{width:100%;}
	.submenu_bg ul li:before{display:none;}
	.submenu_bg ul li:nth-child(2n-1) {border-right:1px solid #adbac3;}
	.submenu_bg ul li a {display:block; color:#555;background:#cfdfee; padding:13px 10px 0 10px; height:29px; border-bottom:1px solid #adbac3;}
	.submenu_bg ul li a.on {background:#b8cfe4;color:#555;}

	.searchpart {position:relative;top:16px;left:inherit;width:auto;max-width:initial;margin-top:0;margin-right:0;overflow:inherit;}
	.integrationsearch {float:right;padding:5px 10px 0;width:auto;}
	.m_search_open {display:block !important;}
    .m_search_open a {position:relative;width:25px;height:0;padding-top:30px;display:block;overflow:hidden;}
    .m_search_open a:before {content:"";display:block;position:absolute;top:2px;left:0;width:25px;height:25px;background:url(/english/images/common/sprite_img01.png) -280px -130px no-repeat;}

	.searchpart #integrationsearch {display:none;position:absolute;top:0;right:0;}
    .searchpart #integrationsearch.on {top:-9px;right:10px;display:block;width:calc(100vw - 20px);background-color:#fff; padding:10px 0; z-index:600;}
    .searchpart #integrationsearch.on .close_m_search {display:block !important;margin-left:4px;}
    .searchpart #integrationsearch .close_m_search a {position:relative;display:block;width:32px;height:0;padding-top:32px;overflow:hidden;background:#fff;border-left:0;box-sizing:border-box;-webkit-box-sizing:border-box;}
    .searchpart #integrationsearch .close_m_search a:before {content:"";display:block;width:32px;height:32px;position:absolute;top:0px;left:0;border-radius:50%;background:#cacaca url(/english/images/common/btn_search_close.png) 0 0 no-repeat;background-size:contain;}
	#integrationsearch li.input {width:calc(100% - 93px);height:36px;padding:0 5px;border-right:0 none;border-top-left-radius:18px;border-bottom-left-radius:18px;background:#58759a;line-height:28px;overflow:hidden;}
	

	.container {padding:0;}
	.container.on:before {content:"";display:block;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.4;z-index:200}
	.sidemenu {display:none;}
	.scroll_btn.on {display:block !important;opacity:1;transition:opacity 1s; -webkit-transition:opacity 1s}
	.footer address {width:100%; text-align:center; padding:0 10px; box-sizing: border-box; }
	.footer address br:nth-of-type(1){display:block;}
	
}

@media all and (max-width:768px) {

	.m_menu {right:-800px;width:80%;}
	.footer {padding:30px 0 40px;}
	
	
}

@media all and (max-width:480px) {
	
	.util .right li.kcc {width:100%; display:block; padding:5px 0;  }
	.util .right li.kcc:before{display:none;}
	.util .right li.kcc a{ padding:10px 20px 10px 0; display:block; border:1px solid #dcdcdc; width:195px; margin:0 auto;}
	/*.util .right .kcc {position:absolute; bottom:5px; }*/


}



/* 콘텐츠 */
#container {position:relative;width:100%;border-bottom:1px solid #d2d7dc;background:url(/english/images/common/page_navi_bg.png) repeat-x 0 0;overflow:hidden;}
#container.full {background:none;} /* 콘텐츠 */
#container.full:before {display:none;}
#contents {position:relative;width:100%;max-width:1500px;margin:0 auto; padding:0 0 20px 0;}
.subWrap {position:relative;width:100%;max-width:1200px;margin:0 auto;padding:50px 0;}

#subtop {position:relative;display:inline-block;width:100%;padding-top:54px;}
#subtop h3 {position:relative;margin-top:72px;padding-top:10px;color:#222;font-size:37px;font-weight:500;text-align:center;}
#subtop h3::before {content:"";position:absolute;top:0;left:50%;display:block;width:18px;height:1px;margin-left:-9px;background:#000;}

/* SNS 퍼가기 */
.snsWrap {width:100%;max-width:1200px;margin:0 auto;}
.snsWrap ul{float:right;}
.snsWrap li {float:left;padding-right:5px;}
.snsWrap li a {display:block;width:42px;height:0;padding-top:42px;overflow:hidden;background-repeat:no-repeat;background-position:0 0;background-size:contain;}
.snsWrap li:first-child a {background-image:url(/english/images/common/sns_twitter_box.png)}
.snsWrap li:nth-child(2) a {background-image:url(/english/images/common/sns_facebook_box.png)}
.snsWrap li:nth-child(3) a {background-image:url(/english/images/common/copy_url_box.png)}
.snsWrap li:nth-child(4) a {background-image:url(/english/images/common/print_box.png)}

.page_navi {position:absolute;top:0;left:0;display:inline-block;width:100%;border-left:1px solid #d0cfcb;}
.page_navi > li {position:relative;float:left;border-right:1px solid #d0cfcb;;font-weight:normal;line-height:53px;box-sizing:border-box;}
.page_navi > li:last-child a.depth_open{text-decoration:underline;}
.page_navi > li:not(:first-child) {width:302px;padding-left:18px;}
.page_navi > li:first-child a {position:relative;display:block;width:66px;height:0;padding-top:53px;overflow:hidden;}
.page_navi > li:first-child a:before {content:''; display:inline-block;position:absolute;top:50%;left:50%;width:21px;height:20px;margin-top:-10px;margin-left:-10px;background:url(/english/images/common/icon_all2.png) -218px 0 no-repeat;}
.page_navi > li a {display:block;color:#333;font-size:17px; font-weight:500;}
.page_navi > li a:hover, .page_navi > li a:active {text-decoration:none;}
#depthSwiper {display:none;} /* ����Ͽ����� ���� */

.depth_open {position:relative;}
.depth_open::after {content:'';position:absolute;left:calc(100% - 25px);top:50%;display:inline-block;width:10px;height:5px;background:url(/english/images/common/icon_all2.png) 0 -320px no-repeat;}
.depth_open.on::after {content:''; background:url(/english/images/common/icon_all2.png) -10px -320px no-repeat;}
.depth_open + .deph_menu {display:none;}
.depth_open.on + .deph_menu {display:block !important;}
.depth_open.no_opt {cursor:default;}
.depth_open.no_opt::after, .depth_open.on.no_opt::after {background:none;}

.deph_menu {position:absolute;top:53px;left:-1px;z-index:20;width:100%;border-left:1px solid #d0cfcb;border-right:1px solid #d0cfcb;background:#f7f7f7;box-shadow: 0px 5px 7px 0px rgba(0,0,0,0.12);-webkit-box-shadow: 0px 5px 7px 0px rgba(0,0,0,0.12);-moz-box-shadow: 0px 5px 7px 0px rgba(0,0,0,0.12);}
.deph_menu li {line-height:50px;border-bottom:1px solid #d0cfcb;font-weight:normal;letter-spacing:-1px;position:relative;}
.deph_menu li > a {display:block;padding:13px 18px 12px;line-height:1.4em !important;}
.deph_menu li a:hover {background-color:#dde1e7;}
.deph_menu li a.on {background-color:#4f6280;color:#fff;}
.deph_menu li a.on:after{content:"";display:block;width:5px;height:10px;position:absolute; top:19px; left:0; background:url(/english/images/common/icon_all.png) -248px -245px no-repeat;}
.deph_menu li a.new:after {content:"";display:inline-block;margin-left:10px;width:12px;height:12px;background:url(/english/images/common/ico_newwin.png) 0 0 no-repeat}

@media all and (max-width:1200px) {
	.subWrap, .snsWrap {width:calc(100% - 20px);margin:0 auto;box-sizing:border-box;}
	#subtop h3.depth3{margin-top:30px;}
    .page_navi > li:not(:first-child) {width:241px;padding-left:0;}
    .page_navi > li:not(:first-child) > a {padding:0 30px 0 18px;}
    .page_navi .depth_open.no_opt {padding-right:18px;}
	.page_navi > li:nth-child(3) .depth_open {text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
}

@media all and (max-width:768px) {
    #container {width:100%;margin:0;background-image:url(/english/images/common/page_navi_bg_m.png);}
    #content {float:none;width:100%;padding:0;min-height:500px}
    #content .page_navi {z-index:10;width:100%;height:40px;line-height:40px;}
    #content.pc {display:none;}

    .subWrap {width:100%;padding:0 10px 0;box-sizing:border-box;}
	.snsWrap li a {width:30px;padding-top:30px;overflow:hidden;}
    .popWrap .contentWrap {padding:0;}

    #subtop {padding:80px 0 30px;}
    #subtop h3 {float:none;padding:10px 0 25px;margin:0 10px 0;font-size:26px;line-height:1em;}
	#subtop .snsWrap{width:100%; padding:0 10px 15px 0;}
	

    .page_navi {border-left:none;}
    .page_navi > li {font-size:14px;line-height:40px;}
    .page_navi > li:before {display:none;}
    .page_navi > li::after {content:"";display:table;clear:both;}
    .page_navi > li:first-child a {margin:0;padding:0;width:40px;padding-top:40px;background:url(/kor/images/menu/m_home.png) 0 12px no-repeat;}
    .page_navi > li:last-child {width:100%;box-sizing:border-box;}
    .page_navi > li:nth-child(2), .page_navi > li:nth-child(3) {width:calc(50% - 21px);}
    .page_navi > li:nth-child(3) {border-right:none;}
    .page_navi > li:nth-child(4) > a {display:none;}
    .page_navi > li a {display:block;padding:12px 18px;font-size:14px;line-height:1em;}
    .page_navi > li .depth_open {padding-left:0;padding-right:38px;}
	.page_navi > li:not(:first-child) > a {padding:12px 28px 12px 18px;}

    
    .deph_menu {top:39px;border-color:#d0cfcb;}
    .page_navi > li:nth-child(4) .depth_open + .deph_menu {top:-1px;z-index:0;display:block;box-shadow:none;}
    #depthSwiper {display:block;padding:0 32px;}
    #depthSwiper > .swiper-wrapper li {display:inline-block;width:auto !important;border-bottom:none;line-height:40px;}
    #depthSwiper > .swiper-wrapper li a {padding:11px 15px;}
    #depthSwiper > .swiper-wrapper li a.on {background:transparent;color:#4f6280;}
	#depthSwiper > .swiper-wrapper li a.on:after{content:"";position:absolute;top:36px;left:16px;display:block;width:calc(100% - 31px);height:2px;background:#3f559c;}
    #depthSwiper a em {display:inline-block;width:12px;height:0;padding-top:12px;margin-left:5px;background:url(/kor/images/common/ico_newwin.png) no-repeat 0 0;overflow:hidden;}



    #depthSwiper .swiper-button-next, #depthSwiper .swiper-button-prev {display:block;width:30px;height:0;margin:-17px 0 0;padding:36px 0 0;background:#f7f7f7;}
    #depthSwiper .swiper-button-prev, #depthSwiper .swiper-container-rtl .swiper-button-next {left:0;}
    #depthSwiper .swiper-button-next, #depthSwiper .swiper-container-rtl .swiper-button-prev {right:0;}
    #depthSwiper .swiper-button-next:after, #depthSwiper .swiper-button-prev:after {content:"";display:block;position:absolute;top:13px;width:7px;height:7px;border-top:2px solid #646464;border-right:2px solid #646464;}
    #depthSwiper .swiper-button-next:after {left:7px;transform:rotate(45deg)}
    #depthSwiper .swiper-button-prev:after {left:13px;transform:rotate(-135deg)}
}

@media all and (max-width:280px) {
    .page_navi > li:not(:first-child) {padding-left:9px;}
    .page_navi > li:nth-child(2) {width:calc(50% - 28px);}
    .page_navi > li:nth-child(3) {width:calc(50% - 14px);}
    .page_navi > li a {padding:12px 9px;}
    .page_navi > li:not(:first-child) > a {padding-right:18px;letter-spacing:-1px;}
    .depth_open::after {left:calc(100% - 16px);}
}



/* 세부 아이템들 */

/* 제목 */
[class*="tab"] + [class*="tit"],
[class*="list"] + [class*="tit"],
[class*="tbl-responsive"] + [class*="tit"] {margin-top:30px;}
[class*="line"] + [class*="tit"] {margin-top:0;}
[class*="tit"] + [class*="tit"] {margin-top:10px;}

.tit00 {padding:0 0 20px;color:#333;font-size:25px;line-height:29px; font-weight:500;}
.tit01.line, .tit01_.line {padding:0 0 15px;margin-bottom:25px;border-bottom:1px solid #d1d1d1;font-weight:500;}
.tit01 {padding:0 0 20px;color:#333;font-size:23px;line-height:29px; font-weight:500;}
.tit01_ {padding:3px 0 20px;color:#0a6da6;font-size:20px;line-height:25px; font-weight:500;}
.tit01 em {margin-left:10px;padding-left:10px;border-left:1px solid #ccc;color:#555;font-size:16px;font-style:normal;line-height:21px;}
.tit01 .back {float:right;font-size:17px; margin-right:5px;}

/*202108*/.tit02 {position:relative;padding:0 0 10px 15px;margin:0 0 10px;font-size:18px; color:#333;}
.tit02:before {content:"";display:block;position:absolute;top:10px;left:0;width:7px;height:7px;background:#0a6da6}

.tit03 {position:relative;padding:0 0 10px 15px;margin:0 0 25px;font-size:18px; color:#000;border-bottom:1px solid #dcdcdc;}
.tit03:before {content:"";display:block;position:absolute;top:10px;left:0;width:7px;height:7px;background:#0a6da6}



/* 목록 */
[class*="list"] > li {line-height:25px;padding:0 0 10px;}

.list01 > li, p.list01 {position:relative;padding-left:20px}
.list01 > li:before, p.list01:before {content:"";display:block;position:absolute;top:15px;left:9px;vertical-align:middle;width:3px;height:3px;background:#bfbfbf}
.list01.type2 li:before, .list01.type2:before {background:#0a6da6}
p.list01:before {top:9px}
.list01.type2 > li {font-weight:500;}
.list01.type2.normal > li, .list01.type2 > li li {font-weight:normal}

.list02 > li, p.list02 {position:relative;padding-left:20px;}
.list02 > li:before, p.list02:before {content:"";display:block;position:absolute;top:21px;left:5px;width:2px;height:2px;background:#8f8f8f}
.list02 > li.blno:before{background:none;}
p.list02:before {top:8px;}
.list02.col3 {overflow:hidden;width:100%;}
.list02.col3 > li {width:33%;float:left;box-sizing:border-box; -webkit-box-sizing:border-box;}

.list01 > li {padding:5px 0 15px 20px}
.list02 > li {padding:10px 0 5px 14px}
.list03 > li, .box01 > .list03 > li, p.list03 {padding-bottom:8px;}
p.list03 {line-height:25px;}

/*202108*/.list04 > li {position:relative;padding:0 0 13px 13px;}
.list04 > li:before {content:"";display:block;width:5px;height:1px;background:#555;position:absolute;top:12px;left:0;}
.list04 > li > ul {padding:0 0 10px}
li .list04, li .list03  {padding-top:12px;}
.list04.mart7 > li{margin-top:7px;}

.tbl-type01.type01-1 td .list01 > li > ul {padding-top:5px;}

@media all and (max-width:1200px) {
    .list03 > li, .box01 > .list03 > li, .list03 {padding-bottom:0px;}
}

@media all and (max-width:768px) {
    [class*="list"] > li {line-height:29px;padding:0 0 10px;}

    [class*="tab"] + [class*="tit"],
    [class*="tit"] + [class*="tit"],
    [class*="list"] + [class*="tit"],
    [class*="tbl-responsive"] + [class*="tit"],
    [class*="box"] + [class*="tit"] {margin-top:20px;}
    [class*="list"] > li {line-height:23px;font-size:14px;}

    .tit01, .tit01_ {padding:0 0 10px;font-size:17px;}
    .tit01:before {width:5px;height:5px;}
    .tit01 em {font-size:13px;}

    .tit02 {padding:0 0 10px 16px;font-size:14px;line-height:20px;}
    p.list02:before {top:8px;left:4px;}
    .list02 > li:before {top:14px;left:4px;}
    .tit02.line {margin-bottom:10px;}
    .tit02 > li {font-size:14px;line-height:21px}
    .tit03 {font-size:14px;}
    .tit03.line {padding:0 0 10px 20px;margin-bottom:15px;}
    .tit03:before {top:6px;left:0;}
    .list01 > li, p.list01, .list02 > li, p.list02 {padding:5px 0 0 16px;}

    .list01 > li:before, p.list01:before {top:14px;left:4px;}
    .list03 > li, .box01 > .list03 > li, .list03 {padding-bottom:5px;}
    .list04 > li {padding:0 0 5px 13px;}
    .list04 > li:before {top:10px;}
    li .list04 {padding-top:5px;}
	.tit01 .back {font-size:14px; }
	mediaWrap.col2 li .list04, li .list03  {padding-top:0px;} /*20201228*/
	.tit03 > li:before {content:"";display:block;position:absolute;top:3px;left:1px;}/*20201230_�����ټ�*/
}

@media all and (max-width:480px) {
    .list02.col3 > li {width:50%;}
    .tit02.type2 em {font-size:13px}
}

/* 버튼 */
.btn {margin:0;padding:0;border:0;vertical-align:middle;background:none;display:inline-block;}
.btn span {display:block;padding:9px 16px;line-height:17px;color:#fff;text-align:center;}
.btn.gray span {background:#d5d4d4;color:#555;}
.btn.gray01 span {padding:9px 15px;background:#dcdcdc;color:#333;border:1px solid #d0cfcf;}
.btn.two span {padding:9px 16px 15px;line-height:20px;border-radius:3px;}
.btn.color01 span {background:#0e73ab;border-radius:3px;}
.btn.color02 span {background:#3a70c1;border-radius:3px;}
.btn.color03 span {background:#2e929a;border-radius:3px;}
.btn.color04 span {background:#3d5b8c;border-radius:0;}
.btn.color05 span {background:#877440;border-radius:3px;}
.btn.color06 span {background:#ae5905;border-radius:3px;}
.btn.color07 span {background:#b43919;border-radius:3px;}
.btn.color08 span {background:#689609;border-radius:3px;}
.btn.color09 span {background:#D5D4D4;border-radius:3px;color:#555;}
.btn.color10 span {background:#fff;border-radius:3px;color:#555;}
.btn.color11 span {background:#07376f;border-radius:3px;}
[class*="color"]:hover {text-decoration:none;}

.btn.color01.on:after{content:"";display:inline-block;margin:-17px 55px 0;width:13px;height:7px;vertical-align:middle;background:url(/english/images/common/icon_all.png) 0 -306px no-repeat;}

.btn.small span {padding:9px 16px 10px;line-height:1em;background:#f5f4f2;border:1px solid #d0cfcf;border-radius:0;color:#333;font-size:16px;}
.btn.small.blue span {border-color:#0e73ab;color:#fff;background:#0e73ab}
.btn.small.h25 span {padding:10px 16px;}
.btn.small.h25.gray span {background:#7c8383;color:#fff;border-color:#7c8383;}
.btn.small.list span {position:relative;width:106px;padding:11px 0;background:#fff;/*color:#124088;*/border-color:#afafaf;border-radius:2px;box-sizing:border-box;-webkit-box-sizing:border-box;}
.btn.small.h25 span.add {font-size:11px;padding:3px;border-radius:3px;}

.btn span.color01 {color:#1d4f99} /* 아이핀 인증 */
.btn span.color02 {color:#298430} /* 모바일실명인증 */

/* 버튼 + 아이콘 span 에 class 추가 */
.ico_down:before {content:"";display:inline-block;margin:-3px 4px 0 0;width:13px;height:12px;vertical-align:middle;background:url(/english/images/common/icon_all.png) 0 -23px no-repeat;}
.ico_down.white:before {background:url(/english/images/common/icon_all.png) 0 -45px no-repeat;}
.ico_down.white_:before {background:url(/english/images/common/icon_all.png) 0 -45px no-repeat;opacity:0.5; filter:alpha(opacity=50);}
.ico_ebook:before {content:"";display:inline-block;margin:-3px 4px 0 0;width:14px;height:15px;vertical-align:middle;background:url(/english/images/common/icon_all.png) 0 -60px no-repeat;}
.ico_graphic:before {content:"";display:inline-block;margin:-3px 4px 0 0;width:18px;height:18px;vertical-align:middle;background:url(/english/images/common/icon_all.png) 0 -78px no-repeat;}
.ico_docu:before {content:"";display:inline-block;margin:-2px 4px 0 0;width:11px;height:13px;vertical-align:middle;background:url(/english/images/common/icon_all.png) 0 -107px no-repeat;}
.ico_exel:before {content:"";display:inline-block;margin:-2px 4px 0 0;width:14px;height:14px;vertical-align:middle;background:url(/english/images/common/icon_all.png) 0 -122px no-repeat;}
.ico_rss:before {content:"";display:inline-block;margin:-3px 6px 0 0;width:14px;height:14px;vertical-align:middle;background:url(/english/images/common/icon_all.png) 0 -139px no-repeat;}
.ico_arrow:after {content:"";display:inline-block;vertical-align:middle;width:5px;height:5px;margin:-4px  0 0 5px;border-top:2px solid #fff;border-right:2px solid #fff;transform:rotate(45deg); -webkit-transform:rotate(45deg);}
/* .ico_arrow_top:after {content:"";display:inline-block;vertical-align:middle;width:5px;height:5px;margin-left:10px;border-top:2px solid #01759b;border-right:2px solid #01759b;transform:rotate(-45deg); -webkit-transform:rotate(-45deg);} */
/* .ico_arrow_down:after {content:"";display:inline-block;vertical-align:middle;width:5px;height:5px;margin:-5px 0 0 10px;border-top:2px solid #01759b;border-right:2px solid #01759b;transform:rotate(135deg); -webkit-transform:rotate(135deg);} */
.ico_pop.white:after {content:"";display:inline-block;margin:-3px 0 0 10px;width:12px;height:12px;vertical-align:middle; background:url(/english/images/common/icon_all.png) 0 -274px no-repeat;}
.ico_pop:after {content:"";display:inline-block;margin:-3px 0 0 6px;width:12px;height:12px;vertical-align:middle; background:url(/english/images/common/icon_all.png) -16px -274px no-repeat;}

.ico_arrow_top:after {content:"";display:inline-block;width:15px;height:9px;margin-left:17px;top:50%;/*left:calc(100% - 32px);*/margin-top:-4.5px;background:url(/english/images/common/icon_all2.png) no-repeat 0 -400px;}
.ico_arrow_down:after {content:"";display:inline-block;width:15px;height:9px;margin-left:7px;top:50%;left:calc(100% - 28px);margin-top:-4.5px;background:url(/english/images/common/icon_all2.png) no-repeat -15px -400px;}

.btn_group {width:100%;padding:30px 0 27px;overflow:hidden;text-align:center;}
.btn_group .btn {min-width:100px;}
.btn_group .btn {margin:0 3px 6px 0;}

.pop .btn:first-child span {background:#2b6499;color:#fff;border-color:#2b6499}
.pop .btn_group .btn {min-width:auto}
.pop .btn_group {padding:15px 0 0;}

@media all and (max-width:768px) {
    .btn span {padding:6px 10px;font-size:13px;}
    .btn.gray01 span {padding:4px 10px 5px}
    .btn_group {padding:15px 0 20px;}
    .btn.color01.on:after{margin-top:-25px;}

    .btn.small span {padding:5px 12px;font-size:14px; letter-spacing:-1px; }
    .btn.small.list span {padding:8px 0;}
}


/* 검색박스 및 폼태그 */
[class*="tab"] + .searchWrap, .hidden + .searchWrap  {position:relative;margin-top:30px;}
.searchWrap {position:relative;background:#f3f3f3;padding:20px;width:100%;line-height:34px;text-align:center;box-sizing:border-box;}
.searchWrap .row {width:100%;overflow:hidden;text-align:center;}
.searchWrap .row + .row {padding-top:10px;}

.searchWrap.wh {background:#fff;padding:0}
.searchWrap.wh .search_text {bottom:3px;}

.searchWrap select {padding:5px;min-width:120px;}
/* 20210108 �߰� */.searchWrap select.wide{width:150px;} 
.searchWrap select, input[type="text"], input[type="password"] {height:37px;line-height:1em;box-sizing:border-box;vertical-align:middle;border-color:#333;}

.searchWrap input[type="text"], .searchWrap input[type="password"] {padding:0 5px;min-width:210px;}
.searchWrap input[type="text"].date {min-width:auto;width:100px;text-align:center;}
.searchWrap input + label, .searchWrap select + label  {padding-left:12px;}
input[type="text"].num {width:60px;}
input.wide {width:320px;}
.searchWrap.info input.narrow[type="text"] {padding:0 5px;min-width:140px;}

.searchWrap .text {padding-right:10px;}
.searchWrap.info .text2{padding:0 4px 0 4px;}
.searchWrap .btn span {padding:10px 38px;}
.searchWrap .btn {background:#09558e;color:#fff;border-radius:4px;vertical-align:middle}
.searchWrap + .tab01, .searchWrap + .tab_contentsWrap {margin-top:40px;}

.m_row {display:inline;}

@media all and (max-width:768px) {
    [class*="tab"] + .searchWrap {position:relative;margin-top:20px;}
    .searchWrap {padding:10px;line-height:25px;}
    .searchWrap select, input[type="text"], input[type="password"] {height:28px;line-height:22px;}
    .searchWrap select {min-width:auto;padding:2px 28px 2px 8px;background-size:28px;background-position:100% 0;}
    .searchWrap select + label, .searchWrap input + label {padding-left:7px;}
    .searchWrap input[type="text"], .searchWrap input[type="password"] {min-width:auto;}

    .searchWrap.info input[type="text"] {width:60%;}
    .searchWrap.info input.date[type="text"] {width:25%;}
    .tbl-type02 td input[type="text"].num {width:60px;margin:0 !important;}
    
    .searchWrap .btn span {padding:5px 16px 6px;}
    /* 20210903 .searchWrap .text {display:none;}*/
}

@media all and (max-width:640px) {
    .m_row {display:block;padding-top:7px;} 
    .searchWrap input[type="text"] {min-width:auto;}
    .searchWrap.label_search label {display:block;margin-bottom:5px;line-height:1.4em;letter-spacing:-1px;}
    .searchWrap.label_search label + input {width:71%;max-width:100%;}
    .searchWrap.label_search input[type="text"] + .btn {margin-top:0;}
    .searchWrap.col4 input[type="text"], .searchWrap.col4 .btn {margin-top:5px;}
    .searchWrap.col9 .row:last-child input[type="text"] {min-width:160px;max-width:calc(100% - 246px);}
}

@media all and (max-width:440px) {
    .searchWrap.col3 input[type="text"] {max-width:calc(100% - 178px);}
	.searchWrap input[type="text"].date {max-width:100px;}

    .searchWrap.col3 select {max-width:85px;}
    .searchWrap.col3 input[type="text"] {max-width:calc(100% - 170px);}

    .searchWrap.col4 select {width:calc(50% - 5px);}
    .searchWrap.col4 input[type="text"], .searchWrap.col4 .btn {margin-top:5px;}

    .searchWrap.col5 select {max-width:calc(50% - 5px);}
    .searchWrap.col5 .m_row select {max-width:88px;}

    .searchWrap.col7 .m_row input[type="text"] {max-width:104px;}

    .searchWrap.col9 .row:last-child select {min-width:90px;width:30%;}
    .searchWrap.col9 .row:last-child input[type="text"],
    .searchWrap.col9 .row:last-child .btn {margin-top:5px;}
}

@media all and (max-width:360px) {
    .searchWrap.col5 .m_row input[type="text"], 
    .searchWrap.col6 .m_row input[type="text"]  {min-width:155px;max-width:calc(100% - 170px);}

    .searchWrap.visit .row:first-child select + input[type="text"] {max-width:calc(100% - 136px);}
    .searchWrap + .tab01, .searchWrap + .tab_contentsWrap {margin-top:30px;}
}

@media all and (max-width:320px) {
    .searchWrap {padding:10px 5px;}
    .searchWrap input[type="text"].date {max-width:88px;}
    .searchWrap input[type="text"] + .btn {margin-top:5px;}

    .searchWrap.search input[type="text"], 
    .searchWrap.col3 input[type="text"] {min-width:71%;margin-top:5px;}

    .searchWrap.infolist_top .label_form.radio {display:flex;justify-content:center;}
    .searchWrap.infolist_top .label_form.radio label > span {margin-right:3px;font-size:13px;}
    .searchWrap.infolist_top .label_form.radio label:last-child {margin-right:0;}
    
    .searchWrap.col4 input[type="text"] {margin-top:5px;}
    .searchWrap.col4 select {width:calc(50% - 5px);}
    .searchWrap.col5 .m_row select {width:60%;}
    .searchWrap.col7 .row:last-child select {float:left;width:calc(50% - 5px);margin:0 2px;}
    .searchWrap.col7 .row:last-child select:nth-child(3),
    .searchWrap.col7 .row:last-child .m_row select,
    .searchWrap.col7 .row:last-child .m_row input[type="text"] {margin-top:5px;}
    .searchWrap.col9 .row:last-child input[type="text"] {margin-top:5px;}

    .searchWrap.visit .row:first-child {display:flex;flex-wrap:wrap;justify-content:center;}
    .searchWrap.visit .row:first-child > label {display:inline-block;width:33%;margin-right:5px;text-align:right;}
    .searchWrap.visit .row:first-child label:first-child {margin-top:0;}
    .searchWrap.visit .row:first-child select {min-width:90px;}
    .searchWrap.visit .row:first-child select + label, 
    .searchWrap.visit .row:first-child select + label + select {margin-top:5px;}
    .searchWrap.visit .row:first-child select + input[type="text"] {margin-left:5px;margin-top:5px;}
    .searchWrap.visit .row:last-child label {display:none;}
}
@media all and (max-width:280px) {
    .searchWrap.visit .btn {margin-top:5px;}
}


/* 페이징 */
.paging {width:100%;overflow:hidden;text-align:center; padding-top:40px;}
.paging a {position:relative;display:inline-block;width:30px;height:30px;border:1px solid #38485f;color:#333;text-align:center;line-height:29px;vertical-align:middle;}
.paging a.on {border-color:#38485f;color:#fff;background:#38485f;}
.paging a.page_btn {height:0;padding-top:30px;overflow:hidden;letter-spacing:-1px;}
.paging a:before {content:"";position:absolute;top:0;left:0;line-height:24px;width:100%;text-align:center;font-size:10px;color:#686868;}

.paging a.first:before, .paging a.prev:before, .paging a.next:before, .paging a.last:before {content:"";position:absolute;top:50%;left:50%;display:block;background:url(/english/images/common/icon_all2.png) no-repeat;}
.paging a.first:before, .paging a.last:before {width:12px;height:12px;margin-top:-6px;margin-left:-6px;}
.paging a.prev:before, .paging a.next:before {width:7px;height:12px;margin-top:-6px;margin-left:-3px;}
.paging a.first:before {background-position:0 -430px;}
.paging a.prev:before {background-position:-15px -430px;}
.paging a.next:before {background-position:-30px -430px;}
.paging a.last:before {background-position:-45px -430px;}



@media all and (max-width:768px) {
    .paging a.pc {display:none;}
    .paging.m{padding-top:20px;}
	.paging.m a {width:26px;height:24px;font-size:14px;line-height:24px;}
    .paging.m .page_btn {height:0;padding-top:24px;}
}


/* 게시판 위 쪽수 표시 */
[class*="box"] + form .data_count {padding-top:10px;}
/* 2021080 */.data_count { padding:30px 0 10px;color:#38485f;text-align:left;}
/* 202108 */.tab_contentsWrap > .data_count {padding-top:0;}
.data_count span {font-size:inherit;}
.data_count.rssWrap {display:inline-block;width:100%;line-height:37px;padding:30px 0 5px}
.list_set {float:right}

@media all and (max-width:768px) {
	/* 20210903 */.data_count { padding:20px 0 10px;}
}

@media all and (max-width:480px) {
    .list_set {width:100%;display:block;float:none;overflow:hidden;}
    .data_count.rssWrap span {font-size:14px;letter-spacing:-1px}
    .data_count.rssWrap .btn.small span {font-size:12px;padding:7px 10px 6px}
}

@media all and (max-width:320px) {
    .data_count.rssWrap span {letter-spacing:-1px}
}

@media all and (max-width:280px) {
    .data_count.rssWrap .fr {float:none;}
}

/* 게시판 위 단위 표시 */
.data_unit {padding:0 0 10px;text-align:right;}

/* 게시판 목록 모바일 지원 */
.tablet_colgroup {display:none;}

@media all and (max-width:480px) {
    .tablet_none {display:none !important}
    .tablet_colgroup {display:table-column-group}
}


/* 테이블 */
tr.ac td, tr.ac th {text-align:center;}
tr.ar td {text-align:right;}
[class*="tbl-type"] td .view {display:inline-block;width:auto;max-width:95%; line-height:1.3em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; vertical-align: middle;}
[class*="tbl-type"] td .view + img {display:inline-block; vertical-align: middle;padding-left:2px;}
[class*="tbl-type"] td img.newicon {vertical-align: middle; padding-right:3px;}

.tbl-type01 {position:relative;width:100%;border-top:1px solid #5e6b83;}

.tbl-type01.type01-1 td {vertical-align:top;}
.box03 + .tbl-responsive .tbl-type01.type01-1 {border-top:0}
.tbl-type01.type01-2 {border-top:2px solid #5e48e8;}
.tbl-type01.type01-2 tr:last-child td {border-bottom:1px solid #5e48e8;}
.tbl-type01.type01-3 {border-top:2px solid #4f6280;}
.tbl-type01.type01-4 {border-top:2px solid #0083ca;}
.tbl-type01.type01-4 tr:last-child td {border-bottom:1px solid #0083ca;}
.tbl-type01.type01-5 {border-top:2px solid #96b71e;}
.tbl-type01.type01-5 tr:last-child td {border-bottom:1px solid #96b71e;}
.tbl-type01.type01-6 {border-top:2px solid #02afcb;}
.tbl-type01.type01-6 tr:last-child td {border-bottom:1px solid #02afcb;}
.tbl-type01.type01-7 {border-top:2px solid #e07e28;}
.tbl-type01.type01-7 tr:last-child td {border-bottom:1px solid #e07e28;}
.tbl-type01.type01-8 {border-top:2px solid #c65f42;}
.tbl-type01.type01-8 tr:last-child td {border-bottom:1px solid #c65f42;}


/* 202108 */.tbl-type01 thead tr th{background:#ecf2fd;}
/* 202108 */.tbl-type01 thead tr th span.circle{background:#2a8dc3;  display:inline-block; line-height:1.2rem; width:20px; height:20px;border-radius: 50%; color:#fff; font-size:15px; vertical-align:middle;}
/* 202108 */.tbl-type01 thead tr:nth-of-type(2) th{background:#e5ecf9;}

.tbl-type01 th {padding:20px 10px 19px;border-left:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;background:#f5f5f5;color:#333;text-align:center;line-height:1em;}
.tbl-type01 th.bgno{background:#fff;}

.tbl-type01 td {padding:17px 10px 16px;;border-bottom:1px solid #dcdcdc;border-left:1px solid #dcdcdc;}
.tbl-type01 th:last-child, .tbl-type01 td:last-child {border-right:1px solid #dcdcdc}
.tbl-type01 tr.bg01 td, .tbl-type01 tr.bg01 th {background:#e7f2f5;font-weight:500}
.tbl-type01 tr.bg02 td {background:#f5f5f5;font-weight:500}
.tbl-type01 tr.bg03 td {background:#e2f4ea;font-weight:500}
.tbl-type01 tr.bg04 td {background:#f5f8d8;}
.tbl-type01 a.link {color:#0a6da6;text-decoration:underline; word-break: break-all}
.tbl-type01.bl_none th, .tbl-type01.bl_none td {border-left:0;}
.tbl-type01.bl_none th:last-child, .tbl-type01.bl_none td:last-child {border-right:0;}
/* 202108 */.tbl-type01 td strong{font-weight:700;}

.tbl-type02 {position:relative;width:100%;border-top:1px solid #b5b5b5;}
.tbl-type02 th {background:#f5f5f5;font-weight:normal;text-align:left;}
.tbl-type02 th, .tbl-type02 td {padding:13px 20px;border:1px solid #dcdcdc;}
.tbl-type02 td {}
.tbl-type02 tr.bg01 td, .tbl-type02 tr.bg01 th {background:#e7f2f5;}
.tbl-type01 .line{border:1px solid #cbcbcb;}
table.budget td{padding-top:20px;}

@media all and (max-width:768px) {
    table td label {font-size:13px !important;}
    .tbl-type01 th, .tbl-type01 td {padding:12px 10px;letter-spacing:-0.6px;}
    .tbl-type01 .line{width:100%;}

    [class*="tbl-type"] td .view.line2 {max-width:100%;margin-top:3px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;max-height:2.4rem; line-height:20px; white-space: normal;}
	.tbl-responsive{width:100%;overflow:scroll !important; -webkit-overflow-scrolling:touch !important;}
    .tbl-responsive table {min-width:600px;overflow-x:scroll}
    .tbl-type02 th, .tbl-type02 td {padding:5px}
    
    .tbl-type02 td input[type="text"] + .btn,
    .tbl-type02 td input[type="text"] + .btn + .btn,
    .tbl-type02 td input[type="text"] + input[type="text"] {margin:5px 0 0}
}

@media all and (max-width:480px) {
	 /* 20210111 */[class*="tbl-type"] td .view{max-width: calc(95% - 21px);}
	 [class*="tbl-type"] td img.newicon {width:25px;}
    .tbl-type02 td input[type="text"] {width:100%;}
    .tbl-type02 th {font-size:13px;}
    .tbl-type01.type01-1 .ac td > img {width:100%;}
    .tbl-type01 .noline{width:100%;}

}

@media all and (max-width:768px) {
/* iframe */
    .responsive {width:100%;overflow:scroll !important; -webkit-overflow-scrolling:touch !important;}
}

/* 필수표시 */
sup {font-size:14px;color:#ce3912;}
.sup{margin:20px 0 10px 0;}

/* 게시판 상세 공통 */
.viewWarp img {}

.viewWarp dl {width:100%;margin:0;overflow:hidden;background:#f7f5f4;}
.viewWarp dl dt {width:29.71%;max-width:197px;font-weight:500;line-height:1.2em;} /* 20201209 JA */
.viewWarp dl dt.m_11 {letter-spacing:-1px}
/* 20210111 */.viewWarp dl dd {width:calc(50% - 197px);min-height:39px;box-sizing:border-box;background:#fff; line-height:1.2em;}
.viewWarp dl dd.full {width:calc(100% - 197px);padding:11px 20px; line-height:1.3em;}/* 20201217 */
.viewWarp dl dt, .viewWarp dl dd {vertical-align:top;padding:16px 20px;margin:0;border-top:1px solid #e5e5e5;text-align:left;word-break:break-all;float:left;min-height:54px;box-sizing:border-box; -webkit-box-sizing:border-box;}
.viewWarp dl dd.full > a {display:block;word-break:break-all}
.viewWarp dl dd.full > a + a {margin-top:5px;}
.viewWarp dl dd.full > .btn {display:inline-block;vertical-align:bottom}
.viewWarp dl dd.full .add_file {line-height:28px;width:100%;overflow:hidden;padding:0 0 5px}
.viewWarp dl dd.full .add_file a {line-height:20px}
.viewWarp dl dd.full .add_file .btn {margin:0 0 0 5px;line-height:15px}

.view_title {padding:18px;border-top:1px solid #5e6b83;color:#333;font-weight:500;font-size:20px}
.view_title.type2 {padding:15px 15px 15px 0;}
.view_con {padding:40px;border-bottom:1px solid #4f6280;border-top:1px solid #e5e5e5;line-height:25px;}
.view_synap { padding:42px 84px 48px 96px;border-bottom:1px solid #38485f;border-top:1px solid #e5e5e5; line-height:22px;}
.view_synap.color05 {border-bottom:1px solid #96b71e}
.view_con.type2 {padding:40px 0;}
.view_title.color04 {border-color:#e07e28}
.view_con.color04 {border-bottom:1px solid #e07e28}
.view_title.color05 {border-color:#96b71e}
.view_con.color05 {border-bottom:1px solid #96b71e}
.view_title.color06 {border-color:#5e48e8}
.viewbtnWrap {width:100%;overflow:hidden;padding:0 0 14px;} 
.viewbtnWrap.plan {padding:20px 0 0;}
.viewbtnWrap.plan .left_btn {float:left;}
.viewbtnWrap.plan .right_btn {float:right}
.view_con + .viewbtnWrap, .box01 + .viewbtnWrap, .view_synap + .viewbtnWrap,
.data_view + .viewbtnWrap /*�ڷᰣ ��*/ {padding:22px 0 0;text-align:right}


.pdf_down, .xlsx_down, .xls_down, .hw_down, .hwp_down, .eb_down, .doc_down, .etc_down, .jpg_down, .ppt_down, .zip_down  {text-decoration:underline}
.pdf_down:before {content:"";display:inline-block;margin:0 5px 0 0;width:16px;height:16px;vertical-align:middle;background:url(/english/images/sub/file_pdf.gif) 0 0 no-repeat;}
.xlsx_down:before {content:"";display:inline-block;margin:0 5px 0 0;width:16px;height:16px;vertical-align:middle;background:url(/english/images/sub/file_xls.gif) 0 0 no-repeat;}
.hw_down:before {content:"";display:inline-block;margin:0 5px 0 0;width:16px;height:16px;vertical-align:middle;background:url(/english/images/sub/file_hwp.gif) 0 0 no-repeat;}
.xls_down:before {content:"";display:inline-block;margin:0 5px 0 0;width:16px;height:16px;vertical-align:middle;background:url(/english/images/sub/file_xls.gif) 0 0 no-repeat;}
.hwp_down:before {content:"";display:inline-block;margin:0 5px 0 0;width:16px;height:16px;vertical-align:middle;background:url(/english/images/sub/file_hwp.gif) 0 0 no-repeat;}
.eb_down:before {content:"";display:inline-block;margin:0 5px 0 0;width:16px;height:16px;vertical-align:middle;background:url(/english/images/sub/file_ebook.gif) 0 0 no-repeat;}
.doc_down:before {content:"";display:inline-block;margin:0 5px 0 0;width:16px;height:16px;vertical-align:middle;background:url(/english/images/sub/file_doc.gif) 0 0 no-repeat;}
.etc_down:before {content:"";display:inline-block;margin:0 5px 0 0;width:16px;height:16px;vertical-align:middle;background:url(/english/images/sub/file_etc.gif) 0 0 no-repeat;}
.jpg_down:before {content:"";display:inline-block;margin:0 5px 0 0;width:16px;height:16px;vertical-align:middle;background:url(/english/images/sub/file_jpg.gif) 0 0 no-repeat;}
.ppt_down:before {content:"";display:inline-block;margin:0 5px 0 0;width:16px;height:16px;vertical-align:middle;background:url(/english/images/sub/file_ppt.gif) 0 0 no-repeat;}
.zip_down:before {content:"";display:inline-block;margin:0 5px 0 0;width:16px;height:16px;vertical-align:middle;background:url(/english/images/sub/file_zip.gif) 0 0 no-repeat;}

@media all and (max-width:1024px) {
    .viewWarp dl {display:flex;flex-wrap:wrap;}
    .view_synap {padding:14px 28px 16px 32px;}
}

@media all and (max-width:768px) {
	.view_title{padding:12px 8px;}
    .viewWarp dl {position:relative;background:#fff}
    .viewWarp dl:before {content:"";display:block;width:20%;position:absolute;top:0;left:0;height:100%;background:#f7f5f4;z-index:1}
    .viewWarp dl dt {width:20%;clear:left}
    .viewWarp dl dt.m_11 {font-size:14px;letter-spacing:inherit}
    .viewWarp dl dd, .viewWarp dl dd.full, .viewWarp dl dd {width:80%;clear:right;line-height:21px;}
    .viewWarp dl dt, .viewWarp dl dd {min-height:auto;padding:7px;box-sizing:border-box;position:relative;z-index:5;}
	.viewWarp dl dd.full > a {font-size:13px;}
	.viewWarp dl dd.full{padding:7px;}
    .viewWarp .view_con img {width:100% !important;height:auto !important} 
    .viewWarp .view_con img.tag {width:auto !important}
    .viewWarp .view_con p, .viewWarp .view_con span, .viewWarp .view_con th, .viewWarp .view_con td, .viewWarp .view_con li, .viewWarp .view_con div {font-size:14px !important;}
    .viewWarp .view_con table {table-layout:inherit;}

    .viewbtnWrap {padding:0;}
    .viewbtnWrap .btnWrap, .btnWrap_edit.top {display:none;}
    .btnWrap_edit.bottom {float:none;padding:0 0 10px}
    .viewbtnWrap.plan {padding:20px 0 0;text-align:right}
    .viewbtnWrap.plan .left_btn, .viewbtnWrap.plan .right_btn {padding:3px 0 0;float:none;display:inline-block;text-align:right}
    .view_con {padding:20px 0;width:100%;box-sizing:border-box; -webkit-box-sizing:border-box;}
	.view_con.type2 {padding:20px 0;}
	.view_synap {padding:14px 20px;}

    .pdf_down, .xlsx_down, .xls_down, .hw_down, .hwp_down, .eb_down, .doc_down, .etc_down, .jpg_down, .ppt_down, .zip_down  {font-size:13px;}
}

@media all and (max-width:640px) {
    .view_title {padding:10px 8px;font-size:14px;}
    .view_title.type2 {padding:10px 10px 13px 8px}
    .view_con.type2 {padding:20px 0;}
}

@media all and (max-width:480px) {
	.view_con {padding:20px 0;}
}

/* 이미지줌 */
.content_img {position:relative;text-align:center; margin:0 0 30px 0;}
.content_img.ment{margin:0 0 15px 0;}/* ���κ� */
.stat_tit {text-align:center; margin:0 0 40px 0;}
.content_img.line{border:1px solid #dcdcdc;}
.content_img img{width:auto; }
.content_img a.zoom {display:none}
.text1 + .content_img{margin:3rem 0 0 0;}

@media screen and (max-width: 1200px) {
	.content_img img{width:100%; margin:0 0 15px 0;}
	.content_img.ment img{margin:0 0 0 0;}/* ���κ� */
	.content_img a.zoom {position:absolute;bottom:0;right:0;width:30px;height:0;padding-top:30px;display:block;background:url(/english/images/common/ico_zoom.png) 0 0 no-repeat;overflow:hidden;cursor:pointer;z-index:1}
	.content_img .imgmap{display:none}
}

@media screen and (max-width: 768px) {
	.stat_tit { margin:0 0 30px 0;}
}

@media screen and (max-width: 420px) {
	.stat_tit { margin:0 0 20px 0;}
}


/* 박스 > 이미지 + 텍스트 */
.img_text {overflow:hidden; clear:both; }
.img_text:after {clear: both; content: "";display: block; }
.img_text.bg {background:#f8f8f8; padding:15px;}
.img_text .img, .img_text .text  {float:left;vertical-align:top;display:inline-block;}
.img_text .text {padding-left:20px;line-height:24px;}
.img_text .text span {color:#000;}
.img_text .text a {color:#000;font-weight:500;}
.img_text .text.img1 {width:calc(100% - 150px);}
.img_text .text.img2 {width:calc(100% - 150px);}
.img_text.bg .text.img1 {width:calc(100% - 150px);}

@media all and (max-width:768px) {
    .img_text .text {font-size:14px; line-height:22px;}
    .img_text .text p {font-size:inherit;}
    .img_text .text.img1, .img_text.bg .text.img1 {width:calc(100% - 165px);width:-webkit-calc(100% - 165px) }
}

@media all and (max-width:480px) {
    .img_text .img, .img_text .text  {float:none;display:block;}
    .img_text .text {padding:0;width:100% !important;}
    .img_text .img {width:100%;padding-bottom:5px;text-align:center;}
    .img_text .img img {width:auto;}
}


/* 박스 */
[class*="box"] {position:relative;margin-bottom:40px;}
[class*="box"] > p {line-height:29px;}
[class*="box"] > .box02 {margin:30px 0 0;padding:30px}
.box01 {padding:30px 35px;border:1px solid #d1d1d1;line-height:25px;}
.box01.type2 {border:1px solid #02b294;}
.box01.type3 {border:1px solid #e0bc8e;} 
.box01.type4 {border:1px solid #afcbde;} 
.box01.type4 {border:1px solid #e6aaaf;} 
.box01.type5 {border:1px solid #b0bcc6;}
.box01.type6 {padding:20px 25px;}
.box02 {padding:23px 20px;border:1px solid #c0cfca;background:#e9f0ed;line-height:25px;}
.box02.type2 {border:1px dotted #e7e7e6;background:#f8f8f8;}
.box02.type3 {/*border:1px dotted #d5dee3;*/border:0 none;background:#eaf0f3;line-height:25px;}
.box02.type3.pt {padding:15px 20px;}
.box02.type4 {border:1px dotted #dde5e8;background:#f7f8f9;}
.box02.type5 {padding:17px 20px 14px;border:1px solid #dde5e8;background:#f7f8f9;}
.box02.type6 {padding:17px 20px 14px;border:0;background:#2d8373;}
.box02.type6 li, .box02.type6 p, .box02.type6 span {color:#fff}
.box02.type6 li:before {background:#fff}
.box01.scroll {height:300px;margin-bottom:0;overflow:hidden}
.box01.scroll-y {height:200px;margin-bottom:0;overflow-y:scroll}
.box01.scroll iframe {width:100%;height:100%;position:relative;overflow-y:scroll;min-height:auto;}
.box01 .list > li {padding-bottom:15px;}
.box03 {border:1px solid #dcdcdc}
.box03 .tit {line-height:20px;background:#DAE4EF;padding:12px 10px;text-align:center;font-weight:500;border-bottom:1px solid #dcdcdc;}
.box03 .text {padding:15px 10px;}
.tit01 + .box03, .tbl-responsive + .box03 {margin-top:30px;}
.box03.pop {border-color:#028ad4}
.box03.pop .tit {padding:12px 15px;text-align:left;background:#0771aa;color:#fff;}
.box01 + .box01{margin-top:10px;}
.box01 + .tab01{margin-top:60px;}
/* 20201218 �ڽ��� ��ư */
[class*="box"] + .btn_group {padding-top:10px;}


@media all and (max-width:768px) {

	[class*="box"] > p {line-height:22px;}

    .box01, .box02.type5, .box02 {padding:15px;font-size:14px;}
    .box01.scroll {padding:10px;height:200px;}
    .box01 > p {font-size:14px;line-height:22px;}

    .box03 .tit {padding:7px 10px;font-size:13px;}
    .box03 .text {padding:10px}
    .box03 .text .tit02, .box03 .text .tit02 li, .box03 .tit02 li {font-size:13px;}

    .boxWrap .box {float:none;width:100% !important;}
    .boxWrap .box:first-child {margin:0 0 10px;}

    .box01.scroll {overflow:scroll !important; -webkit-overflow-scrolling:touch !important;}
}

/* 탭 */
.tab01 {position:relative;width:100%;}
.tab01:after {content:"";display:table;clear:both;}
.tab01:before {content:"";display:block;width:100%;height:1px;position:absolute;bottom:0;left:0;background:#334868;z-index:1}
.tab01 li {float:left;padding-right:3px; display:table; }
.tab01 li a {display:table-cell; vertical-align:middle;padding:0 18px;height:49px;font-size:18px;line-height:49px;border:1px solid #b1baca;background:#f1f1f1;color:#333;border-bottom:0; font-weight:500}
.tab01 li a.on {position:relative;border-color:#334868 !important;color:#fff;background:#334868;z-index:2}
.tab01 li a.on:after{content:""; display:block;width:0;height:0;margin:-7px auto 0;border-bottom:7px solid #fff;border-right:6px solid transparent;border-left:6px solid  transparent;transform:rotate(360deg);}
.tab01 .tab01_con {position:absolute;top:0;right:0;}
.tab01 .btn span {padding:7px 15px 10px}
.tab01 li a.on span.until_tablet{color:#fff;}

.tab01 + .tab_contentsWrap {padding-top: 40px;}

.tab04 {padding:25px 25px 19px;background:#eaf0f3; position:relative;}
.tab04 ul {display:inline-block;width:100%}
.tab04 ul li {float:left;padding:0 5px 5px 0; }
.tab04 ul li a {display:block;padding:5px 20px;height:27px;line-height:27px;border:1px solid #98a7b8;background:#fff;color:#185d86;position:relative;}
.tab04 ul li a.on{background:#2d6796;border-color:#2d6796;color:#fff;}
.tab04 ul li a.on:before{content:"";display:inline;width:5px;height:10px;position:absolute; top:50%; left:10px; margin-top:-5px;background:url(/english/images/common/icon_all.png) -248px -245px no-repeat; }


@media all and (max-width:768px) {
    .tab01:before {display:none}
    .tab01 ul {position:relative;width:100%;overflow:hidden;}
    .tab01 li {position:relative;width:50%;padding:0;}
	.tab01 li a.on:after{bottom:-1px;}
    .tab01 li a.line2 {padding:5px 0;line-height:20px;height:62px;} /* ���ٷ� �������� tab */
	.tab01 li a.line2:after {margin:3px auto -9px;}
    .tab01 li a {height:45px;padding:0;border:1px solid #bdbdbd;font-size:15px;line-height:45px;text-align:center;box-sizing:border-box;}
    .tab01 li:nth-child(3) a, .tab01 li:nth-child(4) a, .tab01 li:nth-child(5) a, .tab01 li:nth-child(6) a, .tab01 li:nth-child(7) a, .tab01 li:nth-child(8) a,
    .tab01 li:nth-child(9) a, .tab01 li:nth-child(10) a {border-top:0;}
    .tab01 li:nth-child(2n) a {border-left:0;}
    .tab01 li.m a.on:after{border-top:none;border-bottom:none;border-right:none;border-left:none;}
	.tab01 li.m a{display:block;}

    .tab01 .tab01_con {position:relative;padding:10px 0 0;top:inherit;right:inherit;line-height:28px;text-align:right}
    .tab01 .tab01_con .btn span {padding:5px 10px;font-size:12px;}
    .box01 + .tab01 {margin-top:20px;padding-top:0;}
	.tab03 li a {height:28px;line-height:28px;}

	.tab04 {padding:10px 10px 3px}
    .tab04 ul li a {font-size:13px;line-height:30px;height:30px;}
    .tab04.col3 ul{width:calc(100% + 4px);padding:0;margin:-2px -2px 0;}
	.tab04.col3 ul li {width:calc(32.5% - 4px);margin:2px;}
    .tab04 ul.col03 li a {padding:3px 20px 3px 20px;text-overflow:ellipsis; white-space:nowrap;word-wrap:normal;overflow:hidden;}
    .tab04 .btn_abright {position:relative;margin-top:8px;padding:10px 0 ;top:inherit;right:inherit;line-height:28px;text-align:center;width:100%; border-top:1px solid #bdc9ce;}

	.tab04 .col02{width:calc(100% + 6px);padding:0;margin:-3px -3px 0;}
	.tab04 .col02 li {width:calc(33.3% - 6px);margin:2px; padding:0;}
	.tab04 ul.col02 li a{padding:3px 0 3px 20px;text-overflow:ellipsis; white-space:nowrap;word-wrap:normal;overflow:hidden;}
}

@media all and (max-width:420px) {
	.tab01 + .tab_contentsWrap {padding-top: 30px;}
}

.certiWrap {width:100%;overflow:hidden;}
.certiWrap li {float:left;width:49%;padding:20px;border:1px solid #ddd;box-sizing:border-box; -webkit-box-sizing:border-box;}
.certiWrap li:nth-child(2) {float:right}
.certiWrap .list03 {height:100px}
.certiWrap:after{clear: both; content: "";display: block;}

@media all and (max-width:768px) {
    .certiWrap > li {float:none !important;width:100%;}
    .certiWrap > li:nth-child(2) {margin-top:10px;}
    .certiWrap .list03 {padding:0 0 15px;height:auto;}
}

.gourl {position:relative;padding:0 0 3px 20px;color:#173ead;border-bottom:1px solid #173ead; line-height:22px;}
.gourl:before {content:"";display:block;position:absolute;top:5px;left:0;width:12px;height:0;padding-top:12px;margin-bottom:0;overflow:hidden;background:url(/english/images/common/sprite_img01.png) -10px -50px no-repeat;}
.gourl:hover{text-decoration:none; }

.sub_copy {margin:3rem 0 0;padding:1.5rem 0 0;border-top:1px dotted #a9bbc9;text-align:right;}
.sub_copy span {font-size:15px;color:#444;border-right:1px solid #bdbcbc;padding:0 10px 0 0;}
.sub_copy img {width:auto; vertical-align:middle; margin: 0 0 0 10px; }