@charset "utf-8";
@import url(//cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);

/* header *, footer *, .customMenu * {box-sizing:border-box; font-family:'Noto Sans KR','MalgunGothic','맑은고딕' !important; font-weight:500; letter-spacing:-.5px; box-sizing:border-box; word-wrap:break-word; word-break:keep-all;}  */
* {box-sizing:border-box;}
body{overflow-x:hidden}
body.hidden-y {overflow:hidden;}
.main_is {position:relative;}
.main_is:before {display:block; content:""; position:absolute; background-image:url('/open_content/main/img2023/main_is.png?v1'); background-repeat:no-repeat;}

/*z-index*/
.allmenu_toggle {z-index:1;}
.allmenu_list {z-index:120;}
.direction_tag.top_btn {z-index:101;}
.direction_tag.scroll {z-index:102;}
.footer {z-index:100;}

.allmenu_close:before, .allmenu_close:after {content:''; position:absolute; left:10px; top:0; width:2px; height:15px; border-radius:3px; background:#fff !Important;}
.allmenu_close:before {transform:rotate(45deg);}
.allmenu_close:after {transform:rotate(-45deg);}


#nuri-txt{background: #f5f5f5}
#nuri-txt>div{padding: 9px 8px 9px 35px;  background:url(/open_content/main/img2023/header_flag.png) no-repeat left center / 28px; font-size: 13px;}
header {background:#0056e0;}
header h1 a{display: block; width:200px; height:38px; margin-right: 10px; background:url('/open_content/main/img2023/logo.png') no-repeat center center / contain; font-size: 0px;}
#main header {background:#fff;}
#main header h1 a{width: 250px; height: 40px; background-image:url('/open_content/main/img2023/logo_bk.png')}
.gnb {position:relative; height:40px}
.gnb:before{content: '';position: absolute; bottom: 0px; left: -100%; width: 300%; height: 100%; /* background:#fafafa; */ background:#fff;}
.gnb>ul>li>a {display:block; line-height:39px; color:#484848;}
.gnb>ul>li>a:hover {color:#333;}
.gnb a {font-size:14px;}
#main .gnb:before{border-bottom:1px solid #f2f2f2}
#main .gnb a {font-size:13px;}
.gnb:after, .gnb>ul:after {display:block; content:""; clear:both;}
.gnb-left {float:left; z-index: 1; position: relative;}
.gnb-left>li {margin-right:1em}
.gnb_toggle {position:relative; display:block; padding-right:20px;}
.gnb_toggle:after {display:block; content:""; position:absolute; right:2px; top:13px; width:6px; height:6px; border-right:2px solid #666; border-bottom:2px solid #666; transform:rotate(45deg);}
.lang .gnb_toggle {padding-left:23px;}
.lang .gnb_toggle:before {left:0; top:10px; width:20px; height:20px; background-position:-240px -60px;}
.lang{position: relative; margin-left:13px; padding-left:15px}
.lang:before{display: block; content: ''; position: absolute; left:0px; top: 13px; width: 1px; height: 13px; background:rgba(0,0,0,.3)}
.gnb-right {float:right;}
.gnb>ul>li {display:inline-block; vertical-align:top;}
.gnb_toggle_list {display:none; position:absolute; top:39px; border-radius:0 0 25px 0; background:#003180; z-index:100;}
.gnb_toggle_list li {text-align:center; padding:6px 20px; border-top:1px solid #1a468d;}
.gnb_toggle_list li:first-child {border-top:0;}
.gnb_toggle_list a {color:#fff;}

.sub_search_toggle:before, .sub_search_toggle:after  {display:block; content:""; position: absolute; box-sizing:border-box;}
.sub_search_toggle:before {left:50%; top:50%; margin-top:-12px; margin-left:-12px; width:21px; height:21px; border:2px solid #fff; border-radius:50%; z-index:1;}
.sub_search_toggle:after {left:54%; top:54%; margin-top: 5px; width:12px; height:2px; border-radius:2px; background:#fff; transform:rotate(45deg); z-index:0;}
.sub_search_toggle.close:before,
.sub_search_toggle.close:after{left: 50%; top: 50%; margin:0px; margin-left:-13px; ;width:26px; height:3px;  border-radius:2px; border:0; background:#fff}
.sub_search_toggle.close:before {transform:rotate(-45deg);}
.sub_search_form {display:none; position:absolute;}
.allmenu_toggle:before, .allmenu_toggle:after  {display:block; content:""; position: absolute; left:50%; width:24px; margin-left:-12px; box-sizing:border-box; transition:.4s;}
.allmenu_toggle:before {top:50%; margin-top:-9px; height:18px; border-top:2px solid #fff; border-bottom:2px solid #fff;}
.allmenu_toggle:after {top:50%; margin-top:-1px; height:2px; background:#fff;}
.allmenu_toggle:hover:before, .allmenu_toggle:hover:after {opacity:.7;}

#main .sub_search_toggle:before {border-width:3px}
#main .allmenu_toggle:before{height: 19px; border-top-width:3px; border-bottom-width:3px}
#main .allmenu_toggle{border-top-width:3px}
#main .sub_search_toggle:not(.close):after ,
#main .allmenu_toggle:after{height: 3px;}


/*footer*/
footer {margin-top: 4em;}
#main footer{margin-top:0px}
.footer_select {background:#F5F5F5;}
.footer_select .wrapper{display: flex; }
.footer_select .wrapper>div{position: relative; flex:0 0 26%; }
.footer_select .wrapper>div:where(:first-child, :last-child){flex-basis:24%}
.footer_select .wrapper>div+div{border-left:1px solid #e2e2e2;}
.footer_select_toggle {position:relative; display:block; padding:17px 25px; font-weight: 500;}
.footer_select .wrapper>div:first-child .footer_select_toggle{padding-left: 0px;}
.footer_select .wrapper>div:last-child .footer_select_toggle{padding-right: 0px;}
.footer_select_toggle:after {display:block; content:""; position:absolute; right:25px; top:27px; width:7px; height:7px; border-top:1px solid #222; border-right:1px solid #222; transform:rotate(-45deg); transition:.5s;}
.footer_select_toggle.close:after {top:22px; transform:rotate(135deg);}
.footer_select_list {display:none; position:absolute; left:-1px; right:-1px; bottom:100%; padding:15px 0px; max-height:490px; border:1px solid #dbdbdb; border-bottom:0px; background:#fff; overflow-y:auto}
.footer_select_list a {display:block; padding:2.5% 20px; color:#666; font-size:.93em;}
.footer_select_list a:hover {text-decoration:none; background:#ededf0;}
.footer_select_list a:focus{margin:0px 4px -5px}
.footer{padding:3em 0px; letter-spacing: -.5px; }
.footer .footer_logo img{max-width: 200px;}
.footer .footer_box01{display: flex; justify-content: space-between; padding: 1em 0px}
.footer_sns {font-size: 0px}
.footer_sns li {display: inline-block;}
.footer_sns li+li{margin-left: 2px;}
.footer_sns li:not(.footer_flag) a {display:block; text-align:center; width:35px; height:35px; font-size: 0px; border-radius:50%; background:url('/open_content/main/img2023/footer_ic_sns.png') no-repeat left center / auto 35px}
.footer_sns li.sns02 a{background-position-x:-35px}
.footer_sns li.sns03 a{background-position-x:-70px}
.footer_sns li.sns04 a{background-position-x:-105px}
.footer_sns li.footer_flag{display: flex; gap:10px; justify-content:flex-end; margin-bottom: .5em;}
.footer_sns li.footer_flag img{width: 30px; vertical-align: middle; margin-right: 3px;}
.footer_sns li.footer_flag span{font-size:.8rem; line-height: 50%; color: #666;}
.footer .footer_box02{position: relative; padding-right: 5rem; padding-top: 1em; border-top:1px solid #ddd}
.footer_link:After {display: block; content: ''; clear: both;}
.footer_link li {float:left; position: relative; padding:0px 10px;}
.footer_link li:first-child{padding-left: 0px;}
.footer_link a {color: #666; font-weight: 500;}
.footer_link a.point {color:#003b99}
.footer_copy {color:#888; letter-spacing: 0px; margin-top: .5em;}
.footer_gotop{position: absolute; top: .5em; right: 0px;}
.footer_gotop a{display: inline-block; position: relative; width: 4.8rem; height: 2.14rem; background: #333; font-size: 0px; border-radius:100px}
.footer_gotop a:before{content: ''; position: absolute; left: 50%; top: 45%; margin-left:-4.5px; width: 9px; height: 9px; border:2px solid #fff; border-width:2px 2px 0px 0px; transform:rotate(-45deg)}
#main footer :where(.footer_link a, address, .footer_copy) {font-size:.93em}

/*pc*/
@media all and (min-width:1101px){
	.pc_hidden {display:none;}
	.pc_block {display:block;}
	.main_is_pc {position:relative;}
	.customMenu {display:none;}
	header .wrapper{position: relative; z-index: 2;}

	.main_is_pc:before{display: block; content: "";  position: absolute; background-image: url(/open_content/main/img2023/main_is.png?v1); background-repeat: no-repeat}
	.gnb .main_is_pc {padding-left:23px;}
	.gnb .main_is_pc:before {left:0; top:10px; width:20px; height:20px;}
	.gnb_login:before {background-position:-300px -60px;}
	.gnb_join:before {display: none; background-position:-360px -60px;}
	.gnb_logout:before {background-position:-420px -60px;}
	.gnb_mypage:before {display: none; top:3px; background-position:-480px -60px;}

	header .nav{display:flex; align-items: center; padding-right: 160px; width: 100%;}
	.lnb {flex-grow:1; height:80px}
	.lnb:after {display:block;	content:"";	clear:both;}
	.lnb>ul{display: flex; justify-content: space-evenly}
	.lnb_main {position:relative; display:block; padding: 28px 0px; font-size:21px; color:#fff}
	.lnb_main:hover {text-decoration:none;}
	.lnb_main-on:before {display:block; content:""; position:absolute; left:0%; bottom:0; width:100%; height:3px; background:#fff}
	.lnb_sub {display:none; position:absolute; min-width:185px; padding:20px; border:1px solid #003b99; background:#fff; box-shadow:3px 3px 5px rgba(0,0,0,.1); z-index:50;; border-radius:0px 0px 10px 10px}
	.lnb_sub li {margin:7px 0;}
	.lnb_sub a {position:relative; display:block; padding-left:8px; color:#333; font-weight: 500;}
	.lnb_sub a:before {display:block; content:""; position:absolute; left:0; top:9px; width:2px; height:2px; background:#5d5d5d;}
	.lnb_sub a:hover {color:#003b99; font-weight:800;}
	.lnb_sub a:hover:before {background:#003b99;}
	.sub_search_toggle {position:absolute; right:80px; top:40px; width:80px; height:80px; background:#0048bc;}
	.sub_search_form {right:50%; top:40px; margin-right:-350px; text-align:center; width:650px; height:calc(100% - 40px); padding-top:16px; background:#0056e0; z-index:51;}
	.sub_search_form #query {padding:15px; border:0; width:340px;}
	.sub_search_submit {position:absolute; margin-left:-38px; margin-top:13px;}
	#main h1{flex-grow:1}
	#main .lnb {flex-grow:4; height:auto; margin: auto; max-width: 800px;}
	#main .lnb>ul>li {padding:25px 0px;}
	#main .lnb_main{color: #333;}
	#main .lnb_sub a{font-size:.93em;}
	#main :where(.sub_search_toggle, .allmenu_toggle){margin-top: 35px; border-radius:60px}
	#main .sub_search_toggle {right:65px; width:60px; height:60px}
	#main .sub_search_form{padding-top: 39px;}
	#main .allmenu_toggle{width: 60px; height: 60px;}

	.allmenu_toggle {position:absolute; right:0; top:40px; width:80px; height:80px; background:#003b99;}
	.allmenu_familysite {position:absolute; right:150px; top:20px;}
	.allmenu_familysite:after {display:block; content:""; position:absolute; right:-25px; top:5px; width:1px; height:13px; background:rgba(0,0,0,.4);}
	.allmenu_familysite_toggle {position:relative; display:inline-block; padding-right:25px; font-size:0.9rem; color:#fff;}
	.allmenu_familysite_toggle:after {display:block; content:""; position:absolute; right:0; top:5px; width:5px; height:5px; border-left:2px solid #fff; border-bottom:2px solid #fff; transform:rotate(-45deg);}
	.allmenu_familysite_list {display:none; position:absolute; width:110%; padding:15px; margin-top:5px; border:1px solid #eaeaea; background:#fff; z-index:100;}
	.allmenu_familysite_list a {color:#333; font-size:0.85rem;}
	.allmenu_familysite_list .allview a:after{display:inline-block; content:'+'; margin-left:3px; font-size:14px}
	.allmenu_list {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5); display:none; overflow-y:scroll;}
	.allmenu_list_box {position:relative; width:80%; max-width:1200px; margin:110px auto; background:#fff;}
	.allmenu_list_ttl {padding:20px 55px; font-size:18px; color:#fff; background:#003b99;}
	.allmenu_list_ttl:before {left:20px; top:23px; width:22px; height:22px;}
	.allmenu_close {position:absolute; right:20px; top:10px; width:80px; height:40px; font-size:13px; line-height:40px; text-indent:0; color:#fff;}
	.allmenu_close:before, .allmenu_close:after {left:auto; right:10px; top:12px;}
	.allmenu_con {position:relative; padding-left:20%; border-bottom:1px solid #b8b8b8; min-height:270px;}
	.allmenu_con a {color:#333;}
	.allmenu_con>a {position:absolute; left:0; width:20%; height:100%; padding-top:110px; padding-left:30px; font-size:32px; font-weight:700; color:#003b99; border-right:1px solid #e5e5e5; background:#f3f3f3; line-height:1.3;}
	.allmenu_con>a:hover {text-decoration:none;}
	.allmenu_con>a:before {display:block; content:""; position:absolute; left:35px; top:35px; width:60px; height:52px; background:url('/open_content/main/img2020/inc/main_is.png') no-repeat;}
	.allmenu_con:nth-of-type(2)>a:before {background-position:-60px 0;}
	.allmenu_con:nth-of-type(3)>a:before {background-position:-120px 0;}
	.allmenu_con:nth-of-type(4)>a:before {background-position:-180px 0;}
	.allmenu_con:nth-of-type(5)>a:before {background-position:-240px 0;}
	.allmenu_con:nth-of-type(6)>a:before {background-position:-300px 0;}
	.allmenu_con:nth-of-type(7)>a:before {left:27px; width:120px; background-position:-360px 0;}
	.allmenu_con:nth-of-type(8)>a:before {background-position:-480px 0;}
	.allmenu_sub>ul>li {display:table; width:100%; border-top:1px solid #e5e5e5;}
	.allmenu_sub>ul>li:first-child {border-top:0;}
	.allmenu_sub_depth2>li>a, .allmenu_sub_depth3 {display:table-cell; vertical-align:middle; padding:20px;}
	.allmenu_sub_depth2>li>a {width:20%; font-weight:800; font-size:16px; border-right:1px solid #e5e5e5;}
	#main .allmenu_sub_depth2>li>a {font-weight:bold; font-size:15.5px; letter-spacing: -.5px;}
	.allmenu_sub_depth2>li>a:hover {color:#003b99;}
	.allmenu_sub_depth3 {width:80%;}
	.allmenu_sub_depth3 li {float:left; margin-right:15px;}
	.allmenu_sub_depth3 li:before {display:inline-block; vertical-align:middle; content:""; width:2px; height:2px; margin-right:3px; background:#333;}
	.allmenu_sub_depth3 a {font-size:14px;}
	.gnb_family_list {display:none; position:absolute; left:-10px; padding:25px 30px; /* 5개일때  width:580px; */ width:500px; background:#13284a; overflow:hidden}
	.gnb_family_list li {float:left; margin:5px 0px; width:25%; border:0px; padding:0px}
	.gnb_family_list li a{display:block; text-align:center; height:90px; font-size:.9em; line-height:1.2; color: #fff;}
	.gnb_family_list li a:before{display:block; content:''; -webkit-transition:all ease .5s; transition:all ease .5s;}
	.gnb_family_list li:not(.family_all) a:before{display:block; content:''; height:60px; background-image:url('/open_content/main/img2020/inc/main_family2022.png?v1.01'); background-repeat:no-repeat; background-position:center top;}
	.gnb_family_list li:not(.family_all) a:hover:before{background-image:url('/open_content/main/img2020/inc/main_family2022_on.png?v1.1'); -webkit-transform:rotateY(180deg); transform:rotateY(180deg)}
	.gnb_family_list li.ic01  a:before {background-position:center top}
	.gnb_family_list li.ic02  a:before {background-position:center -80px}
	.gnb_family_list li.ic03  a:before {background-position:center -160px}
	.gnb_family_list li.ic04 a:before {background-position:center -240px}
	.gnb_family_list li.ic05 a:before {background-position:center -320px}
	.gnb_family_list li.ic06 a:before {background-position:center -400px}
	.gnb_family_list li.ic07 a:before {background-position:center -480px}
	.gnb_family_list li.ic08 a:before {background-position:center -560px}
	.gnb_family_list li.ic09 a:before {background-position:center -640px}
	.gnb_family_list li.ic10  a:before {background-position:center -720px}
	.gnb_family_list li.ic11  a:before {background-position:center -800px}
	.gnb_family_list li.ic12  a:before {background-position:center -880px}
	.gnb_family_list li.ic13  a:before {background-position:center -960px}
	.gnb_family_list li.ic14  a:before {background-position:center -1040px}
	.gnb_family_list li.ic15  a:before {background-position:center -1120px}
	.gnb_family_list li.family_all a {position:relative; padding-top:60px}
	.gnb_family_list li.family_all a:before {position:absolute; left:50%; top:30px; margin-left:-2px; width:4px; height:4px; background:#fff; border-radius:10px; box-shadow:8px 0px 0px #fff, -8px 0px 0px #fff;}
	.gnb_family_list li.family_all a:hover:before {background:#ffd305; box-shadow:8px 0px 0px #ffd305, -8px 0px 0px #ffd305; -webkit-transform:rotateY(180deg); transform:rotateY(180deg)}
	.gnb_dong{width: 350px; font-size: 0px;}
	.gnb_dong>li{display: inline-block; width:33.3%}
}

/*min-pc*/
@media screen and (max-width:1450px){
	.lnb {margin-left:8%;}
	.lnb_main {padding:27px 10px;}
}

/*tablet - mobile*/
@media screen and (max-width:1100px){
	#nuri-txt{display: none;}
	header .dp_pc {display:none;}
	header .dp_mb {display:block;}
	.mainNav {z-index:200;}
	.mb_hidden,
	.lnb,
	.gnb,
	.customMenu_exposure {display:none;}
	#main header .wrapper>div:not(#allmenu_div){display: none;}
	#main .allmenu_toggle{border-top-width: 2px;}
	#main .allmenu_toggle:before {border-top:2px solid #1A468D; border-bottom:2px solid #1A468D;}
	#main .allmenu_toggle:after {height:2px; background:#1A468D;}
	.allmenu_toggle {position:absolute; left:25px; right:auto; top:25px; display:block; width:24px !important; height:20px !important}
	.allmenu_toggle:before, .allmenu_toggle:after  {width:100% !important; }
	.allmenu_toggle:before {margin-top:-10px !important; height:20px !important;}
	.allmenu_list {position:fixed; background:#fff; left:-100%; top:0; bottom:0; width:100%;}
	.allmenu_member {position:relative; background:#0066ff; overflow:hidden;}
	.allmenu_member li {float:left; margin-left:8%;}
	.allmenu_member li a {display:block; height:73px; line-height:72px; color:#fff;}
	.allmenu_member li a img {vertical-align:middle; max-width:18px; margin-right:5px; margin-bottom:2px;}
	.allmenu_close {position:absolute; right:15px; top:22px; width:25px; height:25px;}
	.allmenu_close:before, .allmenu_close:after {height:25px;}
	.allmenu_con>a {position:relative; display:block; width:35%; padding:1.5% 5%; margin-top:20px; color:#333; font-size:1.6em;}
	.allmenu_con-open>a {font-weight:800; color:#003b99;}

	#main .allmenu_con>a {font-family: 'SCDream-regular';}

	.allmenu_con-open>a:after {display:block; content:""; position:absolute; top:0; right:0; width:3px; height:100%; background:#003b99;}
	.allmenu_sub {display:none; position:absolute; left:35%; top:93px; width:65%; height:100%; padding-bottom:100px; border-left:1px solid #e5e5e5; box-shadow:inset 3px -5px 5px rgba(0,0,0,.05); overflow-y:scroll;}
	.allmenu_con-open .allmenu_sub {display:block;}
	.allmenu_sub_depth2>li>a {display:block; padding:4% 8%; font-weight:600;}
	.allmenu_sub_depth2>li>a.point {position:relative;}
	.allmenu_sub_depth2>li>a.point:after {display:block; content:""; position:absolute; right:20px; top:19px; width:6px; height:6px; border-bottom:2px solid #888; border-right:2px solid #888;  transform:rotate(45deg);}
	.allmenu_sub_depth2>li>a.on {color:#003b99;}
	.allmenu_sub_depth2>li>a.point.on:after {border-color:#003b99; transform:rotate(-135deg);}
	.allmenu_sub_depth3 {display:none; padding:5% 10%; background:#f5f5f5;}
	.allmenu_sub_depth3 li {margin-top:5px;}
	.allmenu_sub_depth3 li:first-child {margin-top:0;}
	.allmenu_sub_depth3 a {color:#666;}
	.allmenu_sub_depth3 a.on {display:block; font-weight:700; color:#000;}

	.sub_search_toggle {position:absolute; right:3%; top:20px; margin-right:45px; width:40px; height:30px;}
	.sub_search_toggle:before {width:19px; height:19px}
	.sub_search_toggle:after{width: 10px;}
	.sub_search_toggle.close:before, .sub_search_toggle.close:after{height: 2px; }

	.sub_search_form {position:relative; width:100%; text-align:center; padding:0 10px 10px;}
	.sub_search_form #query {width:100%; padding:15px; border:0;}
	.sub_search_submit {position:absolute; margin-left:-38px; margin-top:11px;}

	footer{margin-top:0px; }
	body:not(#main) .footer {padding:20px}
	.footer_select>div.isAllview .footer_select_toggle:after{display:block}
	.footer_select>div.isAllview li.allview  a:after{display:inline-block; content:'+'; margin-left:3px; font-size:14px}
	.footer_sns {position:static; text-align: center; width: 100%;}
	.footer_select .wrapper{width:100%; flex-wrap:wrap}
	.footer_select .wrapper>div{flex-basis:50%}
	.footer_select .wrapper>div>a{padding:12px 20px !important; }
	.footer_select .wrapper>div:nth-child(3){border-left:0px}
	.footer_select .wrapper>div:where(:nth-child(3), :last-child){border-top:1px solid rgba(0,0,0,.05)}
	.footer .wrapper {text-align:center; padding:5% 5% 100px; border-top:1px solid #e9e9e9; background:#fff;}
	.footer_logo, .footer_link, .footer_addr, .footer_flag{display:none !Important}
	.footer{flex-direction:column; align-items:flex-start; padding:2em 0px 80px}
	.footer .footer_box01{flex-direction: column; padding-top: 0px;}
	.footer address{order:1; margin-top: 1rem;}
	.footer_copy {margin:10px 0;}
	.footer .top_btn {display:none !important;}
}

/*mobile*/
@media screen and (max-width:480px){
	.allmenu_member li a {font-size:3.8vw;}
	.allmenu_con>a {font-size:4.5vw;}
	.allmenu_sub_depth2>li>a {font-size:4vw;}
	.allmenu_sub_depth3 a {font-size:3.5vw;}
	#main .allmenu_con>a {font-size:4.2vw;}
	#main .allmenu_sub_depth2>li>a {font-size:3.7vw;}
	#main .allmenu_sub_depth3 a {font-size:3.2vw;}
	.footer_wa{display: none;}

}