@charset "utf-8";

@font-face { font-family: 'SCDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff'); font-weight: 200; }
@font-face { font-family: 'SCDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff'); font-weight: 400; }
@font-face { font-family: 'SCDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff'); font-weight: 500; }
@font-face { font-family: 'SCDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff'); font-weight: 600; }
@font-face { font-family: 'SCDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff'); font-weight: 700; }


.wrapper {max-width:1200px; margin:0px auto;}
.wrapper:after {display:block; content:''; clear:both;}
input[type=submit] { -webkit-appearance:none; }

/***** 전체메뉴 *****/
body.allmenu-on {overflow: hidden;}
body.allmenu-on header {position: relative; z-index: 113;}
#allmenu {position: fixed; height: 100%; overflow-y: auto;}
#allmenu div.allmenuBox ul.category li.select a {border-color:#1A65E2; color:#1A65E2;}
#allmenu div.allmenuBox ul.category li.select.array_menu a:after, #allmenu div.allmenuBox ul.category li.select.array_abc a:after {background-color:#1A65E2;}
#allmenu div.allmenuBox div#array_menu>ul>li {overflow:hidden; padding:40px 20px 0px; border-top:1px solid #ccc;}
#allmenu div.allmenuBox div#array_menu>ul>li:first-child {border-top:0px;}
#allmenu div.allmenuBox div#array_menu>ul>li>span {display:block; float:left; padding-bottom:120px; margin-bottom:30px; width:18%; font-size:23px; font-weight:bold; text-align:center;}
#allmenu div.allmenuBox div#array_menu>ul>li.menu1>span { background:url(/lll/images/inc/allmenu_ic01.gif) no-repeat center bottom; }
#allmenu div.allmenuBox div#array_menu>ul>li.menu2>span { background:url(/lll/images/inc/allmenu_ic02.gif) no-repeat center bottom; }
#allmenu div.allmenuBox div#array_menu>ul>li.menu3>span { background:url(/lll/images/inc/allmenu_ic03.gif) no-repeat center bottom; }
#allmenu div.allmenuBox div#array_menu>ul>li.menu4>span { background:url(/lll/images/inc/allmenu_ic04.gif) no-repeat center bottom; }
#allmenu div.allmenuBox div#array_menu>ul>li.menu5>span { background:url(/lll/images/inc/allmenu_ic05.gif) no-repeat center bottom; }
#allmenu div.allmenuBox div#array_menu>ul>li.menu6>span { background:url(/lll/images/inc/allmenu_ic06.gif) no-repeat center bottom; }
#allmenu div.allmenuBox div#array_menu>ul>li>ul {overflow:hidden; float:right; width:80%;}
#allmenu div.allmenuBox div#array_menu>ul>li>ul>li {float:left; width:25%; margin-bottom:50px;}
#allmenu div.allmenuBox div#array_menu>ul>li>ul>li>a {position:relative; display:block; margin-bottom:15px; padding-left:10px; font-weight:bold; font-size:18px; color:#3767B5;}
#allmenu div.allmenuBox div#array_menu>ul>li>ul>li>ul>li>a {position:relative; margin-left:5px; padding-left:8px; font-size:14px;}
#allmenu div.allmenuBox div#array_menu>ul>li>ul>li>ul>li>ul {margin:4px 13px; padding:5px 14px; background:#ffeec1;}
#allmenu div.allmenuBox div#array_menu>ul>li>ul>li>ul>li>ul>li>a {position:relative; line-height:1.5; padding-left:8px; font-size:13px;}
#allmenu div.allmenuBox div#array_menu>ul>li>ul>li>ul>li>ul>li>a:before {content:''; display:block; position:absolute; top:7px; left:0; width:4px; height:1px; background:#484848;}

#allmenu div.allmenuBox div#array_abc>ul>li>div>ul>li>a {position:relative; padding-left:8px; font-size:14px;}
#allmenu div.allmenuBox div#array_abc>ul>li>div>ul>li>a:after, #allmenu div.allmenuBox div#array_abc>ul>li>div>ul>li>a::after  {position:absolute; left:0; top:9px; width:2px; height:2px; background:#aab5cd; content:"";}

#gnb ul.family li a, #gnb ul.gnb_menu>li>a>span {font-family:'SCDream', 'Malgun Gothic', '맑은고딕', sans-serif; font-weight:500;}
#gnb ul.gnb_menu li.login a {color:#484848;}

#gnb .lang {display:none;}
#gnb_sns {position:relative;}
#gnb_sns .youtube {position:absolute; right:230px; background:url(/lll/images/inc/gnb_youtube.png) center 11px no-repeat;}
#gnb_sns .facebook {position:absolute; right:270px; background:url(/lll/images/inc/gnb_facebook.png) center 10px no-repeat;}
#gnb_sns.login_sns .youtube {right:415px;}
#gnb_sns.login_sns .facebook {right:455px;}
#gnb_sns>div:after {display:block; content:''; position:absolute; right:0px; top:15px; height:13px; width:1px; background:#aaa}
#gnb_sns>div a {display:block; width:40px; height:40px;}
#top {border-bottom:1px solid #bbb;}
#top .wrapper:after{display: none;}
#top h1 img {max-width:100%;}
#lnb>li {position: relative; width:20%; color:#222; text-align:center;}
#lnb a, #lnb span {font-family:'SCDream', 'Malgun Gothic', '맑은고딕', sans-serif;}
#lnb>li>a {display:block; font-size:20px;}
#lnb>li.on>a, #lnb>li.select>a, #lnb>li>a:hover {font-weight:bold; font-size:22px; color:#1a65e2; text-decoration:none;}
#lnb li.select .submenu {background:#f3f6fb;}
#lnb .submenu {display:none; z-index:99; background:#fff;}
#lnb .submenu a {display:block; padding-left:13px; background:url(/lll/images/inc/ic_submenu_off.gif) left 7px no-repeat; font-size:14px;}
#lnb .submenu a:hover, #lnb .submenu a:active {color:#1a65e2; background-image:url(/lll/images/inc/ic_submenu_on.gif); font-size:16px; font-weight:bold;}

footer {padding-top: 4rem; padding-bottom: 4rem; background: #f5f5f5;}
footer * {font-family:'SCDream', 'Malgun Gothic', '맑은고딕', sans-serif;}
footer .btm_menu {display: flex; gap: 3.2rem; margin-bottom: 2.4rem; padding-bottom: 2.4rem; border-bottom: 1px solid #CCC;}
footer .btm_menu a {position: relative; color: #444; font-size: 1.6rem; font-weight: 500; line-height: 130%;}
footer .btm_menu a::before {content: ''; position: absolute; left: -1.7rem; top: 0.7rem; width: 0.2rem; height: 0.9rem; background: #C9C9C9;}
footer .btm_menu li:first-child a {color: #01A5A1;}
footer .btm_menu li:first-child a::before {display: none;}
footer .btm_info {display: flex; gap: 8rem; position: relative;}
footer .btm_info .copy address,
footer .btm_info .copy span,
footer .btm_info .info p {color: #444; font-size: 1.4rem; font-weight: 500; line-height: 200%;}
footer .btm_info .copy>div:first-child {margin-bottom: 1.2rem;}
footer .btm_info .copy span{display: inline-block; position: relative;}
footer .btm_info .copy span:first-child {margin-right: 3.4rem;}
footer .btm_info .copy span:first-child::before {content: ''; position: absolute; right: -1.7rem; top: 0.9rem; width: 0.2rem; height: 0.9rem; background: #C9C9C9;}
footer .btm_info .btm_select {position: absolute; right: 0; bottom: 0;}
footer .btm_info .btm_select p>a {position: relative; display: block; padding: 1.8rem 4.7rem 1.7rem 2.3rem; height: 5.6rem; color: #444; font-size: 1.6re,; font-weight: 500; line-height: 130%; border-radius: 1.2rem; background: #FFF; box-sizing: border-box;}
footer .btm_info .btm_select p>a::before {content: ''; position: absolute; right: 2.3rem; top: 2.1rem; width:0; height:0; border-bottom:1rem solid #999; border-right:0.6rem solid transparent; border-left:0.6rem solid transparent;}
footer .btm_info .btm_select ul {position: absolute; width: 100%; bottom: 5rem; padding: 1.8rem; border-radius: 1.2rem 1.2rem 0 0;  background: #fff; box-sizing: border-box;}
footer .btm_info .btm_select ul a{display: block; margin-top: 1rem; font-size: 1.4rem;}
footer .btm_info .btm_select ul li:first-child a{margin-top: 0;}

@media all and (max-width:1300px) {
	#allmenu div.allmenuBox .btn_close {right:0; background:url(/share/images/inc/allmenu_mb_close.png) no-repeat center center;}
}

@media all and (min-width:1025px) {
	html {font-size: 62.5% !important;}
}

@media all and (max-width:1024px) {
	html {font-size: 50% !important;}

	#gnb_sns {padding-left: 0; padding-right: 0;}
	#gnb .wrapper{padding-left: 0; padding-right: 0;}
	#gnb ul.family{display: none;}

	footer .wrapper {padding-left: 3%; padding-right: 3%;}	
	footer .btm_menu{flex-direction: column; gap: 8px !important;}
	footer .btm_info{flex-direction: column; gap: 12px !important;}
	footer .btm_menu a::before {display: none;}
	footer .btm_info .copy span{display: block;}
	footer .btm_info .copy span:first-child {margin-right: 0 !important;}
	footer .btm_info .copy span:first-child::before {display: none !important;}
	footer .btm_info .btm_select{position: static;}
}

@media screen and (min-width:981px){
	#top h1{width: 17%; text-align:center;}
	#lnb {width: 81%;}
	#lnb>li>a {padding-top:40px; padding-bottom:40px;}
	#lnb>li>a>span {color: #000; font-weight: 600;}
	#top .submenu_bg {top:145px;}

	#lnb .submenu {position:absolute; width: 100%; height:240px; margin-top:1px;padding: 10px 12px; border-left:1px solid #bbb; z-index:9999;}
}

@media screen and (max-width:980px){
	header{height: auto !important;}
	#top>.wrapper {flex-direction: column; padding-left: 0; padding-right: 0;}
	#top h1{width:100%; text-align:center; margin-top: 35px;}
	#lnb {width:100%;}
	#lnb>li>a {padding-top:20px; padding-bottom:20px;}
	#top .submenu_bg {top:210px;}
	#lnb .submenu {position:absolute; width:100%; height:265px; padding:10px 15px; border-left:1px solid #bbb; z-index:9999;}
}

@media all and (min-width:768px) {
	.dp_mb { display:none; }
	.pc_block { display: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;}
	
	#top h1 {flex: 0 0 auto; max-width: 238px;}
	#top>.wrapper {position:relative; display: flex; gap: 20px; align-items: center;}
	nav {width: 100%;}
	#lnb {display: flex; width: 100%;}
	#lnb>li.select>a>span, #lnb>li.on>a>span {margin-top:-5px; padding-bottom:8px; border-bottom:3px solid #1a65e2;}
	#lnb .submenu a {margin-top:8px; margin-bottom:8px; text-align:left; font-weight: 400;}
	#top .submenu_bg {position:absolute; left:0px; display:none; width:100%; height:260px; border-top:1px solid #bbb; border-bottom:3px solid #1a65e2; background:#fff; z-index:999;}
}

@media screen and (max-width:767px)  {
	.dp_pc { display:none; }
	.mb_block { display:block; }
	.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;}
	#allmenu div.allmenuBox div#array_menu>ul>li>span {width:100%;}
	#allmenu div.allmenuBox div#array_menu>ul>li>ul {width:100%;}
	#allmenu div.allmenuBox div#array_menu>ul>li>ul>li {width:50%;}
	#top {padding: 13px 0;}
	#top h1 {text-align: right; margin-top: 0;}
	#top h1 a{display: inline-block; margin-right: 3%; max-width: 180px;}
	#top h2 {position:absolute; left:3%; top: 53px; width:40px; height:40px; border-radius:55px; background:#1a65e2;}	
	#top h2 a {display:block; width:40px; height:40px; background:url(/lll/images/inc/mb_nav.gif) no-repeat center; background-size:20px; text-indent:-5000px;}
	#lnb {position:absolute; width:100%; margin-top:13px; border-bottom:2px solid #1a65e2; background:#fff; z-index:999;}
	#lnb>li {width:100%; border-top:1px solid #bbb; text-align:left;}
	#lnb>li>a {padding:10px 15px;}
	#lnb .submenu {position:relative; width:100%; height:auto; padding:10px 15px; border-top:1px solid #bbb; background:#f3f6fb;}
	#lnb .submenu.submenu01, #lnb .submenu.submenu02, #lnb .submenu.submenu03, #lnb .submenu.submenu04, #lnb .submenu.submenu05, #lnb .submenu.submenu06 {left:0; border-left:none;}
}


@media screen and (max-width:600px){
	#gnb_sns .youtube {right:121px;}
	#gnb_sns .facebook {right:160px;}
}
@media screen and (max-width:480px){
	.wrap{min-width:300px}
	#allmenu div.allmenuBox div#array_menu>ul>li>ul>li {width:100%;}
}