@charset "utf-8";
@import url('/main/css/SCDream.css');
@import url('/share/css/PPlogy.css');

:root {
	--gra: linear-gradient(136deg, #00AE96 -2.22%, #0173BA 104.82%);
	--point01: #017498;
	--point02: #066E75;
	--newWrap : 1600px;
}

header, body.main, footer {font-family:'SCDream', 'Malgun Gothic', '맑은고딕', sans-serif;}
body.fUp{font-size:1.15em}
body.fDown{font-size:0.85em}
body.on{position:relative}
body.on:After{display:block; content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,.9); z-index:900}
.wrapper{margin:auto; max-width:1200px}
.wrapper:after{display:block; content:''; clear:both}
.wrapper-new {margin: auto; width: 92%; max-width: var(--newWrap);}
header{background:#fff; z-index:990; position:relative}
#gnb {background:#fff; padding: 9px 0; border-bottom: 1px solid #E4E4E4;}
#gnb a {font-size: 14px; color:#6B6B6B;}
#gnb .gnb-wrap {display: flex; justify-content: space-between;}
#gnb .gnb-wrap>ul {display: flex; gap: 24px;}
#gnb .gnb-wrap>ul>li {position: relative;}
#gnb .gnb-wrap>ul>li>a::before {content:''; position:absolute; top: 7px; left:calc(100% + 12px);	width:1px;	height:10px; background-color:#D9D9D9;}
#gnb .gnb-wrap>ul>li:last-child a::before {display: none;}
#gnb .gnb-link {display: none;}
#gnb .gnb-right li.lang {letter-spacing: 0;}
#gnb .gnb-right ul.size {display:flex; gap:12px; padding-top:4px;}
#gnb .lang_more,
#gnb .btn_gnb_link a{display:inline-block; position:relative; padding-right:15px}
#gnb .lang_view_more>ul {display: none; background: #fff; padding: 15px 20px; position: absolute; top: 38px;	left: -10px; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10); border-radius: 10px; z-index: 901;}
#gnb .lang_view_more>ul>li {text-align: center; padding:8px 0; border-bottom: 1px solid #eee;}
#gnb .lang_view_more>ul>li:last-child {border-bottom: 0;}
#gnb .lang_view_more>ul>li a {display: block; color: #6d6d6d;}
#gnb .lang_more:after,
#gnb .btn_gnb_link a:after {display:block; content:''; position:absolute; right:-2px; top:6px; width:0px; height:0px; border:5px solid transparent; border-top:8px solid #D9D9D9; border-radius:1px;}
#gnb .gnb-right ul.size li {position: relative;}
#gnb .gnb-right ul.size li a {display:block; width:18px; height:18px; text-indent:-5000px;}
#gnb .gnb-right ul.size li.fUp a,
#gnb .gnb-right ul.size li.fDown a { border:1px solid #6b6b6b; border-radius:50px;}
#gnb .gnb-right ul.size li a:before,
#gnb .gnb-right ul.size li a:after {display:block; content:''; position:absolute;}
#gnb .gnb-right ul.size li.fUp a::before,
#gnb .gnb-right ul.size li.fUp a::after,
#gnb .gnb-right ul.size li.fDown a::before {background-color: #6B6B6B; border-radius: 10px;}
#gnb .gnb-right ul.size li.fUp a::before {width: 7.5px; height: 1.5px; top:8px; left:5px;}
#gnb .gnb-right ul.size li.fUp a::after {width: 1.5px; height: 8px; top:5px; left:8px;}
#gnb .gnb-right ul.size li.fNormal a:before {content:'가';  width:18px; height:18px; top:-1px; left:0px; text-indent:0px; text-align:center; font-size:14px;}
#gnb .gnb-right ul.size li.fDown a::before {width: 7.5px; height: 1.5px; top:8px; left:5px;}

header #lnb {position:relative; padding:23px 0px 20px; height:100px; border-bottom: 1px solid #E4E4E4; z-index:900;}
header #lnb h1 {font-size: 22px; font-weight: 500;}
header #lnb h1 a {display:inline-block; padding-left:50px; color: #666666; background:url(/main/img/inc/logo.png) no-repeat left top/45px;}
header #lnb h1 span {display:block; margin:2px 0 0 4px; font-size:10px; color:#929292;}
header #lnb>div {display: flex; justify-content: space-between;}
header #lnb .search_btn a {display:block; position:relative; margin-top: 10px; width:30px; height:30px; text-indent:-5000px; background:url(/main/img/main/m2023/search_btn_ic.svg) no-repeat center/30px;}
header #lnb .top_search {display:none; position:absolute; left:0px; top:0px; width:100%; height:101%; background:var(--point02)}
header #lnb .top_search .wrapper-new {position:relative}
header #lnb .top_search div.top_searchBox{position:relative; margin:22px auto 0px; padding-right:60px; width:80%; max-width:500px; background:#fff; border-radius:8px; overflow:hidden}
header #lnb .top_search div.top_searchBox input[type=text]{padding:19px; width:100%; border:0px}
header #lnb .top_search div.top_searchBox input[type=submit]{position:absolute; right:0px; top:0px; width:60px; height:100%; background:none; border:0px; text-indent:-5000px; cursor:pointer; z-index:1}
header #lnb .top_search div.top_searchBox:After,
header #lnb .top_search div.top_searchBox:before{display:block; content:''; position:absolute; top:13px; z-index:0}
header #lnb .top_search div.top_searchBox:After{right:20px; width:16px; height:16px; border:3px solid #7ebf36; border-radius:60px}
header #lnb .top_search div.top_searchBox:before{right:16px; margin-top:20px; width:10px; height:3px; transform:rotate(45deg);
-webkit-transform:rotate(45deg); background:#7ebf36; border-radius:60px}
header #lnb .top_search p.search_close{position:absolute; right:0px; top:10px}
header #lnb .top_search p.search_close a{display:block;  width:40px; height:40px; text-indent:-5000px}
header #lnb .top_search p.search_close a:After,
header #lnb .top_search p.search_close a:before{display:block; content:''; position:absolute; right:3px; top:17px; width:34px; height:3px; border-radius:3px; background:#fff; }
header #lnb .top_search p.search_close a:After{transform:rotate(45deg); -webkit-transform:rotate(45deg)}
header #lnb .top_search p.search_close a:before{transform:rotate(-45deg); -webkit-transform:rotate(-45deg)}
.gnb-sns{display: flex; gap:2px}
.gnb-sns>li>a{display: block; width: 26px; aspect-ratio:1/1; background: url(/main/img/inc/sns2026.png) no-repeat left top / 100%; text-indent: -5000px; overflow: hidden; border-radius:38%}
.gnb-sns .sns01 a{background-position-y: 0px}
.gnb-sns .sns02 a{background-position-y: -26px}
.gnb-sns .sns03 a{background-position-y: -52px}
.gnb-sns .sns04 a{background-position-y: -78px}
.gnb-sns .sns05 a{background-position-y: -104px}

footer {background: #6A6A6A;}
footer #relation {background: #F7F7F7;}
footer #relation .wrapper-new {display: flex;}
footer #relation .relation-box {position: relative; width: 33.3%; z-index: 2;}
footer #relation .relation-box::after {content: ''; display: block; position: absolute; top: 20px; right:0; width: 1px; height: 20px; background: #d6d6d6;}
footer #relation .relation-box:first-child::before {content: ''; display: block; position: absolute; top: 20px; left:0; width: 1px; height: 20px; background: #d6d6d6;}
footer #relation .relation-box>a{text-align: center; position: relative; display: block; width: 100%; padding: 20px 0; font-size: 16px; font-weight: 500;}
footer #relation .relation-box>a>span {position: relative; }
footer #relation .relation-box>a>span.ir{display: inline-block; top: -2px; margin-left: 10px; width: 13px; height: 7px; background: url(/main/img/main/m2023/relation-arr.svg) no-repeat; transition: .3s; vertical-align: middle;}
footer #relation .relation-box>a.on>span.ir{transform: rotate(180deg); }
footer #relation .relation-box>ul{display: none; position: absolute; bottom: 63px; text-align: center; padding: 26px; width: 100%; border: 1px solid #ddd; border-bottom: 0; background: #fff;}
footer #relation .relation-box>ul>li{margin-top: 15px;}
footer #relation .relation-box>ul>li:first-child{margin-top: 0;}
footer #relation .relation-box>ul>li a{color: #717171; font-size: 15px;}
footer #relation .relation-box>ul>li a:hover {color: var(--point01);}

footer #ban {padding-top: 60px;}
footer #ban .wrapper-new {display: flex; align-items: center; position: relative; padding: 10px 0; border: 1px solid #888888; border-left: 0; border-right: 0;}
footer #ban .ban-tit {flex: 0 0 auto; display: flex; gap: 12px; align-items: center; width: 10%;}
footer #ban .ban-tit>h3 {color: #fff; font-size: 16px; font-weight: 500;}
footer #ban .ban-tit .ban-control {display: flex; gap: 8px;}
footer #ban .ban-tit .ban-control a {position: relative; display: block; width: 24px; height: 24px; font-size: 0; text-indent: -5000px; border: 1px solid #d2d2d2; border-radius: 8px; background: #fff;}
footer #ban .ban-tit .ban-control a::after {content: ''; display: block; position: absolute; top: 0; left:0; width: 23px; height: 24px; background: url(/main/img/main/m2023/banner-ic.svg) no-repeat; background-position: -1px -1px;}
footer #ban .ban-tit .ban-control a.ici-ban-play::after {background-position: -25px 0px;}
footer #ban .ban-more {position: relative; margin-left: 13px;}
footer #ban .ban-more a {display: block; padding: 3px 18px; border: 1px solid #d2d2d2; border-radius: 8px; background: #fff;}
footer #ban .list-wrap {position: relative; width: 82%;}
footer #ban .ban-list {overflow: hidden; margin: 0 40px;}
footer #ban .ban-list ul {position: relative; display: flex; white-space: nowrap; padding:2px 0;}
footer #ban .ban-list li {display: block; margin-right: 50px;}
footer #ban .ban-list li>a {color: #fff;}
footer #ban .btn_banr {display: flex; justify-content: space-between; width: 100%; position: absolute; top: 0; left: 0;}
footer #ban .btn_banr li a {position: relative; display: block; width: 20px; height: 20px; font-size: 0; text-indent: -5000px;}
footer #ban .btn_banr li a::after {content: ''; display: block; position: absolute; top: 0; left:0; width: 20px; height: 20px; background: url(/main/img/main/m2023/banner-ic.svg) no-repeat; background-position: -50px 0px;}
footer #ban .btn_banr li a.ici-ban-next::after {transform:rotate(180deg);}

footer #footer {display: flex; justify-content: space-between; margin-top: 28px; padding-bottom: 60px;}
footer #footer .footer-left p {font-size: 22px; font-weight: 500; display:inline-block; padding-left:50px; color: #D0D0D0; background:url(/main/img/inc/foot-logo.png) no-repeat left top/45px;}
footer #footer .footer-left p span {display:block; margin:2px 0 0 4px; font-size:10px;}
footer #footer .footer-center * {color: #fff;}
footer #footer .footer-center {text-align: center;}
footer #footer .footer-center ul {display: flex; justify-content: center; margin-bottom: 20px;}
footer #footer .footer-center ul.btm_sns {gap: 10px;}
footer #footer .footer-center ul.btm_sns li>a {display: block; width: 40px; height: 40px; background: #fff url(/main/img/inc/sns-ic.svg?v2); font-size: 0; text-indent: -5000px; border-radius: 16px;}
footer #footer .footer-center ul.btm_sns li.sns02>a {background-position: -40px 0;}
footer #footer .footer-center ul.btm_sns li.sns03>a {background-position: -80px 0;}
footer #footer .footer-center ul.btm_sns li.sns04>a {background-position: -120px 0;}
footer #footer .footer-center ul.btm_sns li.sns05>a {background-position: -160px 0;}
footer #footer .footer-center ul.btm_sns li.sns06>a {background-position: -200px 0;}
footer #footer .footer-center ul.foot-list {gap: 60px; }
footer #footer .footer-center ul.foot-list>li>a {position: relative; color: #fff;}
footer #footer .footer-center ul.foot-list>li>a::after {content: ''; display: block; position: absolute; top: 6px; right: -30px; width: 1px; height: 12px; background:#939393;}
footer #footer .footer-center ul.foot-list>li:last-child>a::after {display: none;}
footer #footer .footer-center ul.foot-list>li:first-child>a {color: #EED65A; font-weight: 500;}
footer #footer .footer-center address>span {position: relative; padding-right: 20px;}
footer #footer .footer-center address>span::after {content: '';	display: block;	position: absolute;	top: 6px;	right: 7px;	width: 1px;	height: 12px;	background: #939393;}

/*****************************************************************************************************************************************/


@media screen and (min-width:801px){
	.dp_mb{display:none !important}
	.pc_block{display:block}
	.pc_inline{display:inline-block}
	.pc_hidden { display:block !important; position:fixed !important; top:-500000px !important; margin:0px !important; padding:0px !important; width:0px !important; height:0px !important; text-indent:-50000px !important; font-size:0px !important; line-height:0px !important; border:0px !important; }
	header #lnb nav {display: flex; width: calc(100% - 230px);max-width: 1090px;}
	header #lnb nav .submenu{display:none}
	header #lnb nav>ul{display: flex; justify-content: space-between; align-items: center; width: 100%;}
	header #lnb nav>ul>li {font-size: 21px; font-weight: 500; color: #333;}
	header #lnb nav>ul>li:hover>a {color: #009CA5;}
	header #lnb .submenu {position:absolute; left:0px; top:100px; text-align:left; width:100%; background:#fff; border-top: 1px solid #F1F1F1; z-index:901}
	header #lnb .submenu .wrapper-new {display: flex; gap: 50px; position: relative;}
	header #lnb .submenu .wrapper-new::before {display: block; content: ''; position: absolute; right: calc(100% - 188px); width: 100%; height: 100%; border-radius: 0 100px 0 0; background: #F1FAF9 url(/main/img/main/m2023/submenu-bg.png?v.1) no-repeat right top -27px / 380px; z-index: -1;}
	header #lnb .submenu .wrapper-new>p {width: 220px; margin-top: 52px; font-size:25px; font-weight:600;}
	header #lnb .submenu .wrapper-new>p span {background: var(--gra); background-clip: text;-webkit-background-clip: text; -webkit-text-fill-color: transparent;}
	header #lnb .submenu .wrapper-new>ul {display: flex; flex-wrap: wrap; gap: 25px; padding: 35px 0 45px; width: 100%;}
	header #lnb .submenu .wrapper-new>ul>li {width: calc(25% - 75px / 4);}
	header #lnb .submenu .wrapper-new>ul>li>a {display: block; position: relative; padding: 17px 20px; font-size: 16px; font-weight: 500; color: var(--point02); border: 1px solid #CBE8DA; border-radius: 6px; background: #FCFFFD;}

	header #lnb .submenu .wrapper-new>ul>li>a::after {content: ''; position: absolute; top: calc(50% - 5px); right: 20px; width: 6px; height: 10px; background: url(/main/img/main/m2023/submenu-arr.svg) no-repeat;}
	header #lnb .submenu .wrapper-new>ul>li:hover>a {background: var(--point02); color: #fff;}
	header #lnb .submenu .wrapper-new>ul>li:hover>a::after {background-position: -6px 0;}
	header #lnb .submenu .wrapper-new>ul>li>ul {margin-top: 16px; padding-left: 10px;}
	header #lnb .submenu .wrapper-new>ul>li>ul>li {margin-bottom: 8px;}
	header #lnb .submenu .wrapper-new>ul>li>ul>li a {position: relative; display: block; padding-left: 10px; font-size: 15px; font-weight: normal; word-break: keep-all;}
	header #lnb .submenu .wrapper-new>ul>li>ul>li a::before {content: ''; position: absolute; top: 10px; left: 0; width: 3px; height: 3px; background: var(--point01);}
	header #lnb nav>ul>li .tab {display:none}
	header #lnb li.menu3 .researchMenu>ul>li {display:none;}
	header #lnb li.menu3 .researchMenu>ul>li:first-child {display:block;}

}

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

	#gnb .gnb-link {display: block; position: relative;}
	#gnb .gnb-link::after {display: block; content: ''; position: absolute; right: -16px; top: 7px; width: 0px; height: 0px; border: 5px solid transparent; border-top: 8px solid #D9D9D9; border-radius: 1px;}
	#gnb .gnb-wrap>ul.gnb-left {display: none;  position: absolute; top: 56px; left: 30px; padding: 20px 20px 10px 20px; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10); border-radius: 10px; z-index: 901;}
	#gnb .gnb-left>li {padding-bottom: 10px; }
	#gnb .gnb-left>li>a {display: block; padding-bottom: 10px; border-bottom: 1px solid #eee;}
	#gnb .gnb-left>li:last-child>a {padding-bottom: 0; border-bottom: 0;}
	#gnb .gnb-wrap>ul>li>a::before {display: none;}

	header #lnb .submenu .wrapper-new::before {right:calc(100% - 165px);}
	header #lnb .submenu .wrapper-new>p {width: 170px; font-size: 22px;}
	header #lnb .submenu .wrapper-new>ul {gap: 20px;}
	header #lnb .submenu .wrapper-new>ul>li>a {padding: 12px 15px; font-size: 14px;}
	header #lnb .submenu .wrapper-new>ul>li>ul>li a {font-size: 12px;}
	footer #ban {display: none;}
	footer #footer {flex-direction: column; align-items: center; gap: 10px; padding-bottom: 40px;}
	#footer .footer-left {display: none;}

}

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

	header #lnb{height:auto}
	header #lnb>div {flex-direction: column; align-items: center;}
	header #lnb h1{text-align:center;}
	header #lnb nav{margin-top:30px; width:100%}
	header #lnb nav>ul{text-align:center; justify-content: space-around;}
	header #lnb nav>ul>li{font-size:18px}
	header #lnb nav>ul>li .submenu{top:149px}
	header #lnb .search_btn{float:none; position:absolute; top: 22px; right: 40px;}
	header #lnb .top_search p.search_close a {width: 24px; height: 24px; text-indent: -5000px;}
	header #lnb .top_search p.search_close a:After,
	header #lnb .top_search p.search_close a:before {right: 0; top: 14px; width: 24px;}
	header #lnb .top_search div.top_searchBox {margin: 18px auto 0;}
	header #lnb .top_search div.top_searchBox:After,
	header #lnb .top_search div.top_searchBox:before {top: 8px;}
	header #lnb .top_search div.top_searchBox input[type=text] {height: 45px;}
}

@media all and (max-width:800px){
	.mb_block{display:block !important}
	.mb_inline{display:inline}
	.mb_fix{position:fixed; width:100%}
	.mb_hidden { display:block !important; position:fixed !important; top:-500000px !important; margin:0px !important; padding:0px !important; width:0px !important; height:0px !important; text-indent:-50000px !important; font-size:0px !important; line-height:0px !important; border:0px !important; }

	body{overflow-x:auto !important}
	.wrap{min-width:340px; overflow-x:hidden}

	#gnb {padding: 12px 0;}
	#gnb a {font-size: 12px;}
	#gnb .gnb-wrap>ul {gap: 14px;}
	#gnb .gnb-wrap>ul.gnb-left {top: 46px; left: 12px;}
	#gnb .lang_view_more>ul {top: 34px;}

	header {width:100%}
	header #lnb {padding: 20px 0px 18px; background: #fff; border-bottom: 1px solid #ddd;}
	header #lnb h1 {font-size: 18px;}
	header #lnb h1 span {font-size: 9px;}
	header #lnb h1 a {padding-left: 40px; background: url(/main/img/inc/logo.png) no-repeat left top/36px;}
	header #lnb .search_btn{top:15px; right: 4%;}
	header #lnb .search_btn a {width: 24px; height: 24px; background: url(/main/img/main/m2023/search_btn_ic.svg) no-repeat center/24px;}
	header #lnb h2 {position:absolute; left: 4%; top:30px;}
	header #lnb h2 a {display: block; width: 20px; height: 20px; text-indent: -5000px; background: url(/main/img/main/m2023/gnb-more-ic.svg) no-repeat center; transition: .3s;}
	header #lnb h2 a.btn_close {transform: rotate(180deg); transition: .3s;}
	header #lnb h1{line-height:90%}
	header #lnb h1 a{padding-top:3px; padding-bottom:3px; background-position:left top}
	header #lnb nav {position: fixed; left: -100%; top: 92px; display: block !important; height: 100%; background: #f1f1f1; transition: 0.5s; border-top: 1px solid #878787; }
	header #lnb nav.on {left: 0;}
	header #lnb nav>ul{text-align:left}
	header #lnb nav>ul>li a {display:block; position:relative; text-decoration:none; z-index:2}
	header #lnb nav>ul>li>a {text-align:center; padding:20px 0; width:32%; color:#878787; font-size:15px;}
	header #lnb nav>ul>li.on>a{background:var(--gra); color:#fff;}
	header #lnb nav>ul>li .submenu {display:none; position:absolute; right:0px; top:0px; padding-bottom:200px; width:68%; height:100%;  background:#fff; overflow-y:scroll; z-index:1}
	header #lnb nav>ul>li .submenu .wrapper-new>p {display: none;}
	header #lnb nav>ul>li .submenu .wrapper-new>ul {padding:20px 10px 0 10px}
	header #lnb nav>ul>li .submenu .wrapper-new>ul>li {margin-bottom: 10px;}
	header #lnb nav>ul>li .submenu .wrapper-new>ul>li>a {position: relative; padding: 12px 30px 12px 10px; font-size: 14px; font-weight: 500; border-bottom: 1px dashed #ddd;}
	header #lnb nav>ul>li .submenu .wrapper-new>ul>li>a::after {content: ''; position: absolute; right: 10px; top: calc(50% - 9px); width: 18px; height: 18px; background: url(/main/img/main/m2023/mb-submenu-arr.svg) no-repeat;}
	header #lnb nav>ul>li .submenu .wrapper-new>ul>li>ul {display: none; margin-top: 10px; padding: 15px; border-radius: 8px; background: #f7f7f7;}
	header #lnb nav>ul>li .submenu .wrapper-new>ul>li>ul>li {margin-bottom: 15px;}
	header #lnb nav>ul>li .submenu .wrapper-new>ul>li>ul>li:last-child {margin-bottom: 0;}
	header #lnb nav>ul>li .submenu .wrapper-new>ul>li>ul>li>a {position: relative; display: block; padding-left: 8px; font-size: 13px;}
	header #lnb nav>ul>li .submenu .wrapper-new>ul>li>ul>li>div.tab {display: none;}
	header #lnb nav>ul>li .submenu .wrapper-new>ul>li>ul>li>a::before {content: ''; position: absolute; left: 0; top: 8px; width: 3px; height: 3px; background: var(--point01);}

	footer #footer {padding-bottom: 30px;}
	footer .btm_menu ul{display:none}
	footer .btm_menu .btm_sns{float:none}
	footer .btm_menu .btm_sns ul{display:block; float:none; padding:0px 20px}
	footer .btm_menu .btm_sns ul li.btn_gotop{float:right}
	footer .btm_info{PADDING:25px 7%}
	footer .btm_info .btm_copy{margin-top:5px; width:45%}
	footer .btm_info>div>p.webpolicy{max-width:80px}
	footer .btm_info>div{width:50%}
	footer .btm_info>div>p.copyright{margin-top:20px; font-size:.95em; line-height:150%}

	footer #relation .wrapper-new {flex-direction: column; width: 100%;}
	footer #relation .relation-box {width: 100%;}
	footer #relation .relation-box:first-child::before,
	footer #relation .relation-box::after {display: none;}
	footer #relation .relation-box>a {padding: 12px 0; font-size: 14px; border-bottom: 1px solid #ddd;}
	footer #relation .relation-box>a>span {padding-left: 20px;}
	footer #relation .relation-box>ul {bottom: 43px; max-height: 340px; padding: 16px 0; overflow-y: scroll;}
	footer #relation .relation-box>ul>li a {font-size: 13px;}
	footer #footer .footer-center ul.foot-list {display: none;}
	footer address {font-size: 14px;}
	footer .copyright {margin-top: 10px; font-size: 12px;}
	footer #footer .footer-center address>span {padding-right: 0px;}
	footer #footer .footer-center address>span::after {display:none;}

}