@charset "utf-8";

@font-face { font-family: 'SCDream'; src: url('/share/css/fonts/S-CoreDream-2ExtraLight.woff') format('woff'); font-weight: 200; }
@font-face { font-family: 'SCDream'; src: url('/share/css/fonts/S-CoreDream-4Regular.woff') format('woff'); font-weight: 400; }
@font-face { font-family: 'SCDream'; src: url('/share/css/fonts/S-CoreDream-5Medium.woff') format('woff'); font-weight: 500; }
@font-face { font-family: 'SCDream'; src: url('/share/css/fonts/S-CoreDream-6Bold.woff') format('woff'); font-weight: 600; }
@font-face { font-family: 'SCDream'; src: url('/share/css/fonts/S-CoreDream-7ExtraBold.woff') format('woff'); font-weight: 700; }

.wrap {margin:auto;}
header {font-family:'SCDream';}
header h1 a{display:block; width:175px; height:38px; margin:0px auto 17px; font-size:0; text-indent:-1000; background:url('/main/img/inc2020/logo.png') no-repeat left -38px;}
header #lang {position:absolute; left:0; top:6px;}
header #lang>a{display:block; padding:0 25px 0px 30px; font-size:1.4rem; letter-spacing:0px; line-height:1.7;}
header #lang>a:after{display:block; content:""; position:absolute; left:0; top:1px; width:24px; height:24px; background:url('/main/img/inc2020/gnb.png') no-repeat left -24px;}
header #lang>a:before{display:block; content:""; position:absolute; right:0; top:9px; width:14px; height:8px; background:url('/main/img/inc2020/arrow.png') no-repeat left -8px ; transform:scale(.9)}
header #lang>ul {display:none; position:absolute; left:0; margin-top:6px; padding:7px 15px 9px; width:100%; border-radius:3px; background:#333; z-index:100;}
header #lang>ul>li a {font-size:1.4rem; color:#fff;}

header #gnb {position:absolute; right:0; top:8px;}
header #gnb li {float:left; margin-left:30px;}
header #gnb li>a{display:block; width:24px; height:24px; font-size:0; background:url('/main/img/inc2020/gnb.png') no-repeat left -24px;}
header #gnb li>a.loginBtn{background-position-x:-24px;}
header #gnb li>a.logoutBtn{background-position-x:-96px;}
header #gnb li>a.search_btn{background-position-x:-48px;}
header #gnb li>a.mypageBtn{background-position-x:-24px;}
header #gnb li>a.allmenu{background-position-x:-72px;}
header #gnb li>a.search_btn.close {background:none;}
header #gnb li>a.search_btn.close:before,
header #gnb li>a.search_btn.close:after{display:block; content:''; position:absolute; top:50%; width:28px; height:2px; background:#333;}
header #gnb li>a.search_btn.close:before{transform:rotate(-45deg)}
header #gnb li>a.search_btn.close:after{transform:rotate(45deg)}
/* header #gnb li>a:active {outline:none;} */

header #gnb li.topSearch>a.close {display:none; background:none;}
header #gnb li.topSearch.on>a.close {display:block;}
header #gnb li.topSearch.on>a.close:before,
header #gnb li.topSearch.on>a.close:after{display:block; content:''; position:absolute; top:50%; width:28px; height:2px; background:#333;}
header #gnb li.topSearch.on>a.close:before{transform:rotate(-45deg)}
header #gnb li.topSearch.on>a.close:after{transform:rotate(45deg)}
header #gnb li.topSearch.on>a.search_btn {display:none;}



/*header .top_search{display:none; position:absolute; right:0; width:100%; height:70px; background-color:#fff; z-index:100;}*/
header .top_search{display:none; position:fixed; left:50%; width:100%; height:70px; max-width:1280px; background-color:#fff; transform:translateX(-50%); z-index:100;}
header .top_search .wrapper{position:relative;}
header .top_search input[type=text]{height:60px; padding:5px 20px; margin:5px; line-height:60px; border:0px; font-size:1.6rem; background-color:#fff;}
header .top_search input[type=submit]{position:absolute; right:0px; top:0px; height:100%; border:0px; background:#0277e0; color:#fff; font-size:1.8rem; cursor:pointer}
header .top_search input::-webkit-input-placeholder{color:#555}
header .top_search input::-ms-input-placeholder{color:#555}
header .top_search .close{position:absolute; right:40px; font-size:0; line-height:0; text-indent:-5000px;}
/* header .top_search .close:before,
header .top_search .close:after{display:block; content:''; position:absolute; left:25%; top:50%; width:50%; height:2px; background:#333;}
header .top_search .close:before{transform:rotate(-45deg)}
header .top_search .close:after{transform:rotate(45deg)} */

header nav .logoTit, header nav .submenu, header nav .close {display:none;}
header nav a[target=_blank] {padding-right:18px; background:url('/main/img/contents/golink.gif') right 4px no-repeat;}

footer{padding-bottom:50px; font-family:'SCDream','Malgun Gothic','맑은고딕',sans-serif;}
footer .link {height:70px; color:#fff; font-size:1.5rem; background:#555555;}
footer .menu {position:absolute; left:0; top:0; }
footer .menu li {display:inline-block; padding-left:10px;}
footer .menu li:first-child {padding-left:0;}
footer .menu li:first-child a{color:#ffd400;}
footer .menu li a {line-height:70px;}

footer ul.relation {float:right; font-size:1.6rem;}
footer li.relationSite {position:relative; z-index:20; float:left; width:200px;}
footer li.relationSite>a {position:relative; display:block; height:70px; padding-left:20px; line-height:70px; border-left:1px solid rgba(0,0,0,.2)}
footer li.relationSite>a:before {display:block; content:""; position:absolute; right:20px; top:23px; width:26px; height:26px; border-radius:13px; background:rgba(0,0,0,.4);}
footer li.relationSite>a:after {display:block; content:""; position:absolute; right:26px; top:31px; width:14px; height:8px; background:url('../img/main2020/arrow-top.png');}
body:not(.main2022) footer li.relationSite:last-child>a {border-right:1px solid rgba(0,0,0,.2)}
footer li.relationSite>ul {display:none; position:absolute; bottom:70px; width:200px; padding:5px 0 10px; line-height:28px; color:#fff; background:#555;}
footer li.relationSite>ul li:hover {background:#333;}
footer li.relationSite>ul li a {display:block; padding:8px 20px;}

footer .adress {margin-top:50px; font-size:1.5rem;}
footer .adress span {margin-left:17px; font-weight:500; color:#005bcb;}
footer .e-mail {margin:30px 0 0px; font-size:1.4rem; line-height:25px; letter-spacing:.5px;}
footer .wa_mark {position:absolute; right:0; top:10px;}

/* 실명인증 */
#loginForm {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.7); z-index:600;}
#loginForm>div {position:relative; width:90%; max-width:970px; margin:15% auto; padding:50px; background:#fff;}
#loginForm>div .close {position:absolute; right:0; top:-50px; display:block; padding-left:40px; color:#fff; font-weight:700; font-size:2rem; line-height:29px;}
#loginForm>div .close:before {display:block; content:""; position:absolute; left:0; top:0; width:30px; height:28px; border-radius:50%; border:2px solid #fff;}
#loginForm>div .close:after {display:block; content:"Ｘ"; position:absolute; left:7px; top:1px; font-weight:700; font-size:2rem; color:#fff;}

.realname{overflow:hidden;}
.realname li{float:left; margin:.5% !important; width:49%; border-top:3px solid #333}
.realname li button{text-align:left; width:100%; padding:8% 3%; padding-left:33%; border:1px solid #ccc; border-top:none; background-color:#fff; background-repeat:no-repeat; background-position:12% center; word-break:keep-all }
.realname li button:hover{border-color:#333}
.realname li.ic01 button{background-image:url(/share/images/program/ic_realname01.gif);}
.realname li.ic02 button{background-image:url(/share/images/program/ic_realname02.gif);}
.realname li button .tit{display:block; font-size:2.3rem; color:#333}
.realname li button .txt{display:block; margin-top:15px; padding-left:2px; line-height:150%; color:#484848; letter-spacing:-1px}

/* .mediaPage {display:none !important;} */

/*pc*/
@media all and (min-width:1280px){
	.wrap {position:relative; max-width:1280px;}
	nav h2 {display:none;}
	header {position:relative; padding-top:14px;}

	header {position:relative;}
	header .top_search{top:70px;}
	header .top_search .close{right:40px; top:-71px; width:50px; height:100%;}
	header .top_search input[type=text]{width:90%;}
	header .top_search input[type=submit]{width:10%;}

	header nav {border-top:1px solid rgba(0,0,0,.2); border-bottom:1px solid rgba(0,0,0,.2);}
	header nav#lnb .close {display:none !Important;}
	header nav#lnb>div {position:relative; margin:auto;}
	header nav#lnb .mn>ul {display:flex; justify-content: space-between}
	header nav#lnb .mn>ul>li {}
	header nav#lnb .mn>ul>li>a {position:relative; display:block; font-size:1.95rem; font-weight:500; line-height:70px; letter-spacing:0;}
	header nav#lnb .mn>ul>li>a.on {font-weight:500;}

	header nav#lnb .submenu {display:none; position:absolute; left:0; text-align:left; width:100%; min-height:305px; overflow:hidden; z-index:350;}
	header nav#lnb .submenu>p {position:absolute; width:20%; height:100%; text-align:center; padding-top:200px; font-size:35px; color:#333; font-weight:bold;}
	header nav#lnb .submenu>p:before {display:block; content:""; position:absolute; left:50%; top:60px; width:150px; height:120px; margin-left:-75px; background-image:url('/main/img/inc2020/ic_submenu.png'); background-repeat:no-repeat;}
	header nav#lnb .mn>ul>li.m1 .submenu>p:before {background-position:0 0;}
	header nav#lnb .mn>ul>li.m2 .submenu>p:before {background-position:-300px 0;}
	header nav#lnb .mn>ul>li.m3 .submenu>p:before {background-position:-150px 0;}
	header nav#lnb .mn>ul>li.m4 .submenu>p:before {background-position:-450px 0;}
	header nav#lnb .mn>ul>li.m5 .submenu>p:before {background-position:-600px 0;}
	header nav#lnb .mn>ul>li.m6 .submenu>p:before {background-position:-750px 0;}
	header nav#lnb .mn>ul>li.m7 .submenu>p:before {background-position:-900px 0;}
	header nav#lnb .mn>ul>li.m8 .submenu>p:before {background-position:-1050px 0;}

	header nav#lnb .submenu>ul {margin-left:30%; font-size:0; line-height:0;}
	header nav#lnb .submenu>ul>li {display:inline-block; vertical-align:top; width:25%; margin-top:30px; font-size:1.4rem; line-height:1.3em;}
	header nav#lnb .submenu>ul>li>a {display:inline-block; margin:10px 0 0; font-weight:500; font-size:2rem; color:#333;}
	header nav#lnb .submenu>ul>li>ul>li {margin-top:5px;}
	header nav#lnb .submenu>ul>li>ul>li a {color:#333;}
	header nav#lnb .submenu>ul>li>ul>li:first-child {margin-top:20px;}


	header .navBg {display:none; position:absolute; left:0; top:140px; width:100%; height:305px; background:#f9f9f9; box-shadow:0 10px 10px rgba(0,0,0,.3); z-index:200;}
	header .navBg.m1 {height:550px;}
	header .navBg.m4 {height:600px;}
	header .navBg.m5 {height:340px;}
	header .navBg.m7 {height:480px;}
	header .navBg.m8 {height:700px;}
	/* header .navBg:before {display:block; content:""; position:absolute; left:0; top:0; width:30%; height:100%; background:#10a2ab;}
	header .navBg.m1:before {background:#10a2ab;}
	header .navBg.m2:before {background:#ee6700;}
	header .navBg.m3:before {background:#0d72ef;}
	header .navBg.m4:before {background:#ef5555;}
	header .navBg.m5:before {background:#04a659;}
	header .navBg.m6:before {background:#6e6ddd;}
	header .navBg.m7:before {background:#b26ddd;}
	header .navBg.m8:before {background:#1d93df;} */

	footer .wa_mark .mb {display:none;}
}


@media all and (max-width:1279px){
	header #lang>a {font-size:0;}
	header #lang>a:before{display:none;}
	header #lang>ul {width:86px; margin-top:13px;}
	/* header #gnb li {margin-left: 20px;} */
	/*header #gnb li.login,*/
	header #gnb li.logout, header #gnb li.mypage {display:none;}

	header #gnb li.allmenu a{overflow:hidden; height:0; width:0; font-size:0; text-indent:-5000px; background:none;}
	header #gnb li.allmenu a:focus {font-size:15px; color:#fff; height:auto; width:auto; background:rgba(0,0,0,.7); text-indent:0;}/*웹접근성으로 추가*/

	header #gnb li>a.loginBtn, header #gnb li>a.logoutBtn, header #gnb li>a.mypageBtn, header #gnb li>a.allmenuBtn {display:none;}
	header #gnb li.login {margin-left:0;}


	header nav h2 {position:absolute; right:30px; top:37px;}
	header nav h2 a.ir {width:25px; height:18px;}
	header nav#lnb {position:absolute; right:0; top:2px;}
	header nav#lnb h2 a span, header nav#lnb h2 a:before, header nav#lnb h2 a:after {display:block; content:""; position:absolute; left:0; width:24px; height:2px;}
	header nav#lnb h2 a:before {top:0;}
	header nav#lnb h2 a span {top:8px;}
	header nav#lnb h2 a:after {bottom:0px;}
	header nav#lnb .logoTit {display:block; padding:33px 20px; background:#f5f5f5}
	header nav#lnb .logoTit a {position:relative; padding:3px 0 0 32px; margin-left:10px; font-size:1.4rem; color:#333;}
	header nav#lnb .logoTit a:after {display:block; content:""; position:absolute; left:0; top:0; width:24px; height:24px; background:url('/main/img/inc2020/gnb.png') no-repeat -24px -24px}

	header nav#lnb .logoTit a.logoutBtn:after {background:url('/main/img/inc2020/gnb.png') no-repeat -96px -24px}
	header nav#lnb .logoTit a.mypageBtn:after {background:url('/main/img/inc2020/gnb.png') no-repeat -24px -24px}

	header nav#lnb .mn {position:fixed; right:-100%; top:0; width:100%; height:100%; background:#fff; z-index:400; transition:.5s;}
	header nav#lnb .mn-open {right:0;}
	header nav#lnb .mn>ul {display:block !important; position:relative; width:100%; margin-top:0;}
	header nav#lnb .mn>ul:before {display:block; content:""; position:absolute; left:0; top:0; bottom:0; width:30%; height:100%; min-height:500px; background:#0a3fc1;}
	header nav#lnb .mn>ul>li {height:75px;}
	header nav#lnb .mn>ul>li>a {position:absolute; display:block; text-align:center; width:30%; height:50px; padding:15px 10px; font-size:1.5rem !Important; line-height:1.4em; color:#fff; border-bottom:1px solid rgba(0,0,0,.2); }
	header nav#lnb .mn>ul>li>a span {display:block;}
	header nav#lnb .mn>ul>li.on>a {color:#fff; background:rgba(0,0,0,.2);}
	header nav#lnb .mn>ul>li:nth-child(1)>a {top:0;}
	header nav#lnb .mn>ul>li:nth-child(2)>a {top:50px;}
	header nav#lnb .mn>ul>li:nth-child(3)>a {top:100px;}
	header nav#lnb .mn>ul>li:nth-child(4)>a {top:150px;}
	header nav#lnb .mn>ul>li:nth-child(5)>a {top:200px;}
	header nav#lnb .mn>ul>li:nth-child(6)>a {top:250px;}
	header nav#lnb .mn>ul>li:nth-child(7)>a {top:300px;}
	header nav#lnb .mn>ul>li:nth-child(8)>a {top:350px;}
	header nav#lnb .mn>ul>li:nth-child(9)>a {top:400px;}
	header nav#lnb .mn>ul>li:nth-child(10)>a {top:450px;}

	header nav#lnb div.submenu {display:none; position:absolute; right:0; top:0; width:70%; height:auto; padding:10px; visibility:visible;}
	header nav#lnb .on div.submenu {display:block;}
	header nav#lnb div.submenu>p {padding:10px 20px 20px; font-size:2.2rem; font-weight:500; color:#0a3fc1;}
	header nav#lnb div.submenu>ul>li.smenu {position:relative;}
	header nav#lnb div.submenu>ul>li.smenu:before {content:""; position:absolute; right:20px; top:12px; width:6px; height:6px; border-right:2px solid #3c5eca; border-bottom:2px solid #3c5eca; transform:rotate(45deg);}
	header nav#lnb div.submenu>ul>li.smenu.on {border:2px solid #3c5eca;}
	header nav#lnb div.submenu>ul>li.on:before {border-color:#fff;}
	header nav#lnb div.submenu>ul>li>a {display:block; padding:10px 20px; color:#333; font-size:1.5rem; border-bottom:1px solid #dfdfdf;}
	header nav#lnb div.submenu>ul>li.on>a {color:#fff; border-top:0; background:#3c5eca;}
	header nav#lnb div.submenu>ul>li>ul {display:none; padding:10px 10px 10px 13px;}
	header nav#lnb div.submenu>ul>li>ul>li>a {display:block; position:relative; padding:8px 0 8px 8px; font-size:1.4rem; color:#333;}
	header nav#lnb div.submenu>ul>li>ul>li.on>a {font-weight:500; color:#3c5eca;}
	header nav a[target=_blank] {background-position:right 10px center;}

	header nav#lnb .close {position:absolute; right:27px; top:25px; width:30px; height:30px; z-index:1000;}
	header nav#lnb .close:before, header nav#lnb .close:after {display:block; content:""; position:absolute; left:0; top:48%; width:28px; height:2px; background:#333;}
	header nav#lnb .close:before {transform:rotate(45deg);}
	header nav#lnb .close:after {transform:rotate(-45deg);}

	footer {position:relative; background:#333; padding-bottom:30px;}
	footer .link {height:auto;}
	footer .menu {position:static; width:100%; padding-left:20px; border-bottom: 1px solid rgba(0,0,0,.2);}
	footer ul.relation {float:none; width:100%; font-size:1.3rem; /* padding-top:70px; */}
	footer ul.relation:after {display:block; content:""; clear:both;}
	footer li.relationSite {width:33.3%; background:#555;}
	footer li.relationSite>a:before {display:none;}
	footer li.relationSite>a:after {right:16px;}
	footer li.relationSite>ul {right:0; width:200px; line-height:20px; }
	footer li.relationSite>ul.m-left { right:auto; left:0;}
	footer .adress {padding:0 30px; margin-top:30px; color:#fff;}
	footer .adress span {display:block; margin-left:0; margin-top:5px;}
	footer .e-mail {padding:0 30px; line-height:20px; color:#7a7a7a;}
	footer .e-mail span {display:block;}
	footer .wa_mark {top:220px; right:30px;}
	footer .wa_mark .pc {display:none;}
}
@media all and (max-width:630px){
	footer .wa_mark{display:none;}
}
@media all and (max-width:320px){ /*갤럭시 폴드, 아이폰 SE*/
	footer .menu, footer .menu li {padding-left:10px;}
	footer .adress {word-break:keep-all;}
}

/*포커스링*/
*:focus-visible{outline:2px dashed #df002c; box-shadow:-4px -4px 0 #fff, 4px 4px 0 #fff, -4px 4px 0 #ffff, 4px -4px 0 #fff, 0 -4px 0 #fff, 0 4px 0 #fff, 4px 0 0 #fff, -4px 0 0 #fff; z-index:999999999;}
input[type=text]:focus-visible,
textarea:focus-visible{outline:2px solid #df002c !important;}