@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;600&display=swap');
*,a,html,body,div,object,iframe,h1,h2,h3,h4,h5,h6,p,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,canvas,details,figcaption,summary,time,mark,audio,video{font-family:'Noto Sans KR','Malgun Gothic','맑은고딕',sans-serif; color:#333; letter-spacing:-0.01em; box-sizing:border-box; /* word-wrap:break-word; word-break:keep-all; */}
/* .ir{overflow:hidden; display:block; margin:auto; text-indent:-5000px; font-size:0; line-height:0; width:0; height:0;}
.ir_ib{overflow:hidden; display:inline-block; margin:auto; text-indent:-5000px; font-size:0; line-height:0; width:0; height:0;} */

.wfont{font-weight:600;}
.wrap{width:100%; max-width:1400px; margin:auto;}

header{position:relative; padding-top:35px; padding-bottom:25px; background-color:#fff; z-index:500;}
header>.wrap{position:relative;}
header h1{position:relative; font-weight:400; padding-left:80px; font-size:1.85em;}
header .logo_icn{display:block; font-size:0.65em; font-weight:300; line-height:1em;}
header h1 img{position:absolute; left:0; top:0;}
header #lnb>li:hover>a, header #lnb>li.select>a{color:#7731be;}
header #lnb .tab{display:none;}
.submenu a[target=_blank] {padding-left:20px; background:url('/open_content/support/img/newwindow.gif') no-repeat left center;}

footer{padding:40px 0; text-align:center; background:#f5f5f5;}
footer .wrap{position: relative;}
footer ul.link li{position:relative; display:inline-block; padding-left:15px; margin-left:15px;}
footer ul.link li:after{content:''; position:absolute; left:0; top:7px; width:1px; height:8px; background-color:#ccc;}
footer ul.link li a{font-size:1.05em;}
footer ul.link li:first-child{padding-left:0; margin-left:0;}
footer ul.link li:first-child:after{display:none;}
footer ul.link li:first-child a{color:#2f5cbd; font-weight:600;}
footer address{margin-top:30px;}
footer address span{margin-left:30px;}
footer p{margin-top:5px; color:#6b6b6b; font-weight:300;}
footer #qrcode{display: flex; position: absolute; left: 0px; top: 50%; text-align: left; margin-top: -45px; max-width: 210px; height: 90px; font-size: 13px; line-height: 120%;}
footer #qrcode img{width: 80px; height: 80px;}
footer #qrcode span{display: none;}
footer #qrcode img + span{display: inline-block;}

.btn_goTop{position:fixed; right:-100%; bottom:3%; opacity:0; transition:.3s;}
.btn_goTop.on{opacity:1; right:3%; transition:.3s;}
.btn_goTop a{display:inline-block; position:relative; top:-60px; width:67px; height:67px; background:#2f5cbd; border-radius:200px; text-indent:-50000px; overflow:hidden}
.btn_goTop a:after,
.btn_goTop a:before{display:block; content:''; position:absolute; bottom:30px; left:15px; width:25px; height:5px; background:#fff; border-radius:3px; transition:all ease .2s; -webkit-transition:all ease .2s}
.btn_goTop a:after{margin-left:14px; transform:rotate(45deg); -webkit-transform:rotate(45deg)}
.btn_goTop a:before{transform:rotate(-45deg); -webkit-transform:rotate(-45deg)}
.btn_goTop a:hover:after,
.btn_goTop a:hover:before{bottom:35px}

/*pc*/
@media all and (min-width:801px){
	header{clear:both; height:125px;}
	header h1{float:left;}
	header #gnb{position:absolute; right:0; top:-15px;}
	header #gnb li{display:inline-block; font-size:1.05em; margin-left:44px;}
	header #gnb li a{padding-left:23px; padding-bottom:1px;}
	header #gnb li .seo{background:url('/open_content/support/img/gnb_seo.gif') left center no-repeat;}
	header #gnb li .login{background:url('/open_content/support/img/gnb_login.gif') left center no-repeat;}
	header nav.on{position:relative;}
	header nav.on:after{content:''; position:absolute; left:0; top:288px; width:100%; height:10px; box-shadow:0 10px 30px rgba(0,0,0,.3);}
	header nav h2 , header nav .mb_tit, header nav .close{display:none;}
	header #lnb{float:right; width:80%; margin-top:30px; z-index:301;}
	header #lnb>li{position:relative; float:left; text-align:right; width:19.5%;}
	header #lnb>li:nth-child(4){width:22%;}
	header #lnb>li>a{display:block; padding-right:5px; padding-bottom:38px; font-size:1.4em; font-weight:500;}
	header #lnb>li.select>a, header #lnb>li:hover>a{font-weight:600; text-decoration:none;}
	header #lnb>li:hover .submenu, header #lnb>li.select .submenu{margin-top:-2px; border-top:2px solid #7731be;}
	header #lnb .submenu{display:none; position:absolute; top:60px; right:0; height:200px; padding-right:5px; padding-top:20px; padding-bottom:10px; z-index:500;}
	header #lnb .submenu>ul>li>a{display:block; padding-top:8px; padding-bottom:8px;}
	header #lnb .submenu>ul>li>a:hover, header #lnb .submenu>ul>li.select>a{font-weight:600; color:#7731be;}
	header .navBg{display:none; position:absolute; left:0; top:125px; width:100%; height:208px; border-top:1px solid #ebebeb; background:#fff; z-index:300;}
}
@media screen and (max-width:1100px) and (min-width:801px){
	header{height:180px;}
	#lnb{width:100% !important;}
	header #lnb>li{text-align:center;}
	header #lnb .submenu{left:0;}
	header nav.on:after{top:343px;}
	header .navBg{top:180px;}
}

/*tablet~mobile*/
@media screen and (max-width:800px){
	body{overflow-x:hidden;}
	body.noScroll{position:fixed; top:0; width:100%; height:100%; overflow:hidden;}

	header{padding-top:20px; padding-bottom:20px;}
	header>.wrap{padding-left:3%; padding-right:3%;}f
	header h1{padding-left:60px; font-size:1.7em;}
	header h1 img{top:5px; width:50px;}
	header #gnb .seo{display:none;}
	header #gnb .login, header .mb_tit .login{position:absolute; right:3%; top:5px; margin-right:50px; display:block; width:35px; height:35px; font-size:0; background:url('/open_content/support/img/mb_login.png') bottom no-repeat; text-indent:-5000px;}
	header nav.on{position:fixed; right:-100%; top:0; width:100%; max-width:350px; height:100%; background-color:#f5f5f5; overflow-y:scroll; z-index:101;}
	header nav h2, header nav .mb_tit .close{position:absolute; right:3%; top:25px;}
	header nav h2 a, header nav .mb_tit .close{display:block; width:35px; height:35px; font-size:0; background:url('/open_content/support/img/mb_menu.png') bottom no-repeat; text-indent:-5000px;}

	header nav .mb_tit{display:none; padding:25px 30px; background:linear-gradient(to right, #2e5cbc, #7a65f9); z-index:98;}
	header nav.on .mb_tit{display:block;}
	header nav .mb_tit .logo{color:#fff; font-weight:300; font-size:1.25em;}
	header nav .mb_tit .logo span{color:#fff;}
	header nav .mb_tit .logo .wfont{font-weight:500;}
	header nav .mb_tit .login,
	header nav .mb_tit .close{background-position-y:top;}
	header nav .mb_tit .login{top:25px; right:35px;}
	header nav .mb_tit .close{right:30px;}

	header #lnb{display:none; padding:0 20px 30px 20px; overflow-y:scroll}
	header nav.on #lnb{display:block;}
	header #lnb>li{overflow:hidden; margin-top:20px; padding-top:20px; border-top:1px solid #dbdbdb;}
	header #lnb>li:first-child{margin-top:0; border-top:none;}
	header #lnb>li>a{display:block; float:left; padding-left:10px; padding-top:3px; min-width:135px; font-size:1.25em; font-weight:500; letter-spacing:-1px;}
	header #lnb .submenu{float:left; padding-left:10px;}
	header #lnb .submenu>ul>li>a{display:block; font-size:0.95em;}
	header #lnb .submenu>ul>li.select>a{font-weight:500;}
	.navBg{display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.8); z-index:100;}

	footer{padding-left:1%; padding-right:1%;}
	footer ul.link li a{font-size:1em;}
	footer address, footer p{font-size:0.95em;}
	footer address span{display:block;  margin-left:0;}
	footer #qrcode{display:none}

	.btn_goTop a{width:40px; height:40px;}
	.btn_goTop a:after,
	.btn_goTop a:before{bottom:20px; left:9px; width:15px;}
	.btn_goTop a:after{margin-left:8px;}
}

/*min-mobile*/
@media screen and (max-width:480px){
	header h1{padding-left:45px; font-size:1.3em;}
	header h1 img{top:3px; width:40px;}
	header #gnb .login{top:0;}
	header nav h2{top:20px;}
	footer ul.link li{padding-left:0; margin-left:0; margin-right:0; display:block;}
	footer ul.link li:after{display:none;}
}