@charset "utf-8";
body { overflow-x:hidden; font-family: 'Noto Sans KR', sans-serif !important; }
.wfont { font-weight:500; }
.wrapper { margin:0 auto; }
#gnb a, #gnb div.gnb_search input { font-family:'Nanum Gothic','나눔고딕', sans-serif !important; }
#gnb .wfont { font-weight:bold; }

/* hover */
.fade a { -webkit-transform:translateZ(0); transform:translateZ(0); -webkit-backface-visibility:hidden; backface-visibility:hidden; overflow:hidden; -webkit-transition-duration:0.3s; transition-duration:0.3s; -webkit-transition-property:color, background-color; transition-property:color, background-color; }
.fade_p { -webkit-transform:translateZ(0); transform:translateZ(0); -webkit-backface-visibility:hidden; backface-visibility:hidden; overflow:hidden; -webkit-transition-duration:0.3s; transition-duration:0.3s; -webkit-transition-property:color, background-color; transition-property:color, background-color; }

.right_bar a { -webkit-transform:translateZ(0); transform:translateZ(0); box-shadow:0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility:hidden; backface-visibility:hidden; position:relative; overflow:hidden; }
.right_bar a:before { content:""; position:absolute; z-index:-1; right:0; top:0; bottom:0; background:#386dc1; width:3px; -webkit-transform:translateX(3px); transform:translateX(3px); -webkit-transition-property:transform; transition-property:transform; -webkit-transition-duration:0.3s; transition-duration:0.3s; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out; }
.right_bar a:hover:before, .right_bar a:focus:before, .right_bar a:active:before { -webkit-transform:translateX(0px); transform:translateX(0px); }
.right_bar .select a:hover:before, .right_bar .select a:focus:before, .right_bar .select a:active:before { -webkit-transform:translateX(3px); transform:translateX(3px); }

.grow img { display:inline-block; vertical-align:middle; -webkit-transform:translateZ(0); transform:translateZ(0); box-shadow:0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transition-duration:0.3s; transition-duration:0.3s; -webkit-transition-property:transform; transition-property:transform; }
.grow li:hover img, .grow li:focus img, .grow:active img { -webkit-transform:scale(1.1); transform: scale(1.1); }

header { border-bottom:1px solid #e4e4e4; }
header .nav_wrap h1 { float:left; margin-top:21px; }
header nav { overflow:hidden; /* float:right; width:70% */; padding-left:50px; height:85px; } 
header nav #lnb { overflow:hidden; }
header nav #lnb>li { float:left; width:20%; text-align:center; box-sizing:border-box; }
header nav #lnb>li>a { position:relative; display:block; padding:33px 0; color:#333333; font-size:18px; line-height:20px; }
header nav #lnb>li:hover>a { color:#386dc1; text-decoration:none; font-weight:500; } 
header nav #lnb>li:hover>a:after,
header nav #lnb>li.on>a:after { content:''; position:absolute; left:0; bottom:0; width:100%; height:4px; background-color:#386dc1; z-index:9; }
header nav .submenu { position:absolute; z-index:10; display:none; }
header nav .submenu>ul { /* margin-left:-15px; */ margin-top:-1px;}
header nav .submenu>ul>li a { display:block; padding:10px 20px; }
header nav #submenu1 ul, 
header nav #submenu2 ul, 
header nav #submenu3 ul, 
header nav #submenu8 ul { background:#ffffff; border:1px solid #B9CAE6; text-align:left; }
/* header nav #submenu3 ul { overflow:hidden; width:341px; background:#ffffff; border:1px solid #B9CAE6; text-align:left; } */
header nav #submenu1 ul li a, 
header nav #submenu2 ul li a, 
header nav #submenu3 ul li a, 
header nav #submenu8 ul li a { width:135px; border-bottom:1px solid #eaeaea; }
/* header nav #submenu3 ul li a{ float:left; width:130px; border-bottom:1px solid #eaeaea; border-right:1px solid #eaeaea; }
header nav #submenu3 ul li:nth-child(even) a { border-right:0px; } */
header nav .submenu ul li:first-child a { border-bottom:0; } 
header nav .submenu ul li a:hover, header nav .submenu ul li a:focus, header nav .submenu ul li a:active { background-color: #386dc1; color:#Ffffff; }

#allmenu { display:none; position:absolute; left:0px; top:0px; width:100%; padding:20px 0px; z-index:12; }
#allmenu:before { display:block; content:''; position:fixed; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:-1; }
#allmenu a { font-family: 'Noto Sans KR', sans-serif !important; }
#allmenu .wrapper { position:relative; }
#allmenu p.btn_close { position:absolute; right:8%; top:20px; }
#allmenu p.btn_close a { display:block; position:relative; width:40px; height:40px; text-indent:-5000px; }
#allmenu p.btn_close a:after,
#allmenu p.btn_close a:before { display:block; content:'' ; position:absolute; top:0px; right:50%; background:#3e3e3e; width:3px; height:40px; border-radius:3px; }
#allmenu p.btn_close a:after { transform:rotate(45deg); } 
#allmenu p.btn_close a:before { transform:rotate(-45deg); }
#allmenu div.allmenuBox { margin:0 auto; margin-top:30px; width:85%; background:#fff; border-radius:10px; text-align:left }
#allmenu div.allmenuBox ul.tab_allmenu { margin:0 auto; padding-top:30px; width:220px; overflow:hidden; }
#allmenu div.allmenuBox ul.tab_allmenu li { float:left; text-align:center; font-weight:bold; width:110px}
#allmenu div.allmenuBox ul.tab_allmenu li a { display:block; padding:10px 0px; border:1px solid #ddd; background:#f9f9f9; border-top-right-radius:5px; border-bottom-right-radius:5px}
#allmenu div.allmenuBox ul.tab_allmenu li:first-child a { border-top-left-radius:5px; border-bottom-left-radius:5px; border-top-right-radius:0px; border-bottom-right-radius:0px}
#allmenu div.allmenuBox ul.tab_allmenu li.select a { background:#165090; color:#fff; border-color:#165090; }
#allmenu div.allmenuBox div>ul.list a { padding:0; }
#allmenu div.allmenuBox div#array_menu { overflow:hidden; padding:50px 0; margin:0 auto; width:80%; }
#allmenu div.allmenuBox div#array_menu>div { overflow:hidden; float:left; width:25%; min-height:100px; }
#allmenu div.allmenuBox div#array_menu>div p.tit a { margin-top:0px; padding:0; margin-bottom:10px; font-size:18px; color:#234d89; font-weight:500; }
#allmenu div.allmenuBox div#array_menu>div>ul { overflow:hidden; }
#allmenu div.allmenuBox div#array_menu>div>ul>li { padding:2.5px 0; background:url(/open_content/main/images/inc/allmenu_bar.gif) no-repeat left 3px; }
#allmenu div.allmenuBox div#array_menu>div>ul>li>a { margin-top:3px; padding-left:10px; background:url(/open_content/main/images/sub/ssssblet.gif) no-repeat left 8px; font-size:14px; }
#allmenu div.allmenuBox div#array_menu>div>ul>li ul { margin-top:10px; margin-bottom:30px; padding-left:10px; min-height:130px; }
#allmenu div.allmenuBox div#array_menu>div.allmenu4>ul>li>ul { min-height:240px; }
#allmenu div.allmenuBox div#array_menu>div>ul>li ul li { margin-top:3px; padding-left:5px; background:url(/open_content/main/images/sub/ssssblet.gif) no-repeat left 8px; font-size:14px; }
#allmenu div.allmenuBox div#array_menu>div>ul>li ul li a { display:block; }
#allmenu div.allmenuBox div#array_abc>div { padding:40px 0px; border-top:1px solid #dddddd; overflow:hidden; }
#allmenu div.allmenuBox div#array_abc>div:first-child { border-top:0px; }
#allmenu div.allmenuBox div#array_abc>div>p.tit { float:left; width:20%; text-align:center; }
#allmenu div.allmenuBox div#array_abc>div>ul { overflow:hidden; float:left; width:80%; }
#allmenu div.allmenuBox div#array_abc>div>ul>li { display:inline-block; margin:3px 0px;  min-width:19.5%; }
#allmenu div.allmenuBox div#array_abc>div>ul>li a { display:block; padding-left:5px; background:url(/open_content/main/images/sub/ssssblet.gif) no-repeat left 8px; font-size:14px; }

.allmenuBox a span.gourl, header a span.gourl { display:inline-block; padding-right:20px; background:url(/open_content/main/images/sub/ic_linkBk.png) no-repeat right 5px  }
.allmenuBox a:hover span.gourl, header a:hover span.gourl { text-decoration:underline; }

#allmenu div.familyBox { margin:0 auto; width:85%; background:#3e3e3f; border-radius:10px; }
#allmenu div.familyBox ul { overflow:hidden; margin:0 auto; width:95%; }
#allmenu div.familyBox ul li { float:left; width:10%; border-right:1px dotted #787878; box-shadow:0px 0px 1px #2d2137; box-sizing:border-box; }
#allmenu div.familyBox ul li:last-child { border:0px; box-shadow:none }
#allmenu div.familyBox ul li a { display:block; padding-top:60px; padding-bottom:10px;  color:#fff; font-weight:500; font-size:13px; text-align:center; }
#allmenu div.familyBox ul li.family01 a { background:url(/open_content/share/images/inc/ic_family01.png) no-repeat center 10px; }
#allmenu div.familyBox ul li.family02 a { background:url(/open_content/share/images/inc/ic_family02.png) no-repeat center 10px; }
#allmenu div.familyBox ul li.family03 a { background:url(/open_content/share/images/inc/ic_family03.png) no-repeat center 10px; }
#allmenu div.familyBox ul li.family04 a { background:url(/open_content/share/images/inc/ic_family04.png) no-repeat center 10px; }
#allmenu div.familyBox ul li.family05 a { background:url(/open_content/share/images/inc/ic_family05.png) no-repeat center 10px; }
#allmenu div.familyBox ul li.family06 a { background:url(/open_content/share/images/inc/ic_family06.png) no-repeat center 10px; }
#allmenu div.familyBox ul li.family07 a { background:url(/open_content/share/images/inc/ic_family07.png) no-repeat center 10px; }
#allmenu div.familyBox ul li.family08 a { background:url(/open_content/share/images/inc/ic_family08.png) no-repeat center 10px; }
#allmenu div.familyBox ul li.family09 a { background:url(/open_content/share/images/inc/ic_family09.png) no-repeat center 10px; }
#allmenu div.familyBox ul li.family10 a { background:url(/open_content/share/images/inc/ic_family10.png) no-repeat center 10px; }

footer { overflow:hidden; }
footer .btm_menu { padding:15px 0; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; }
footer .btm_menu ul { overflow:hidden; }
footer .btm_menu ul li { float:left; margin-right:25px; padding-left:25px; background:url('/open_content/publicity/images/main/btm_bar.jpg') no-repeat left center; }
footer .btm_menu ul li:first-child { padding-left:0; background:none; }
footer .btm_menu ul li a { color:#666666; }
footer .btm_info { overflow:hidden; margin-top:27px; margin-bottom:27px; color:#666666; }
footer .btm_info>p { float:left; margin-right:33px; }
footer .btm_info .copyright { float:left; color:#666666; font-weight:400; }
footer .btm_info .copyright .copy { font-size:13px; }



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

@media all and (min-width:1200px) {
	.wrapper { width:1200px; }
}

@media all and (max-width:1199px) {
	footer .btm_menu { padding:15px 10px; }
	footer .btm_menu ul li { margin-right:2%; padding-left:2%; }
}

@media all and (max-width:900px) {

}

@media all and (min-width:769px) {
	.dp_mb { display:none; }
	.pc_block { display:block; }
	header .nav_wrap { overflow:hidden; }
	
}

@media all and (max-width:768px) {
	.dp_pc { display:none; }
	.mb_block { display:block; }
	.mb_hidden, .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; }		
	
	header .nav_wrap { position:relative; padding-bottom:15px; }
	header .nav_wrap h1 { width:100%; float:none; }
	header .nav_wrap h1 a { display:block; margin:0 auto; width:200px;  text-align:center; }
	header .nav_wrap h1 a img { width:100%; }
	header .mb_btn_search { position:absolute; z-index:3; top:2px; right:20px; width:40px; height:40px; background:#ffffff url('/open_content/publicity/images/main/mb_search_btn.png') no-repeat center; border:1px solid #dddddd; }
	header .mb_btn_search a { display:block; padding:10px; text-indent:-9999px; }
	header nav { width:100%; height:auto; padding-left:0;} 
	header nav h2 { position:absolute; z-index:3; top:2px; left:20px; width:40px; height:40px; background:#ffffff url('/open_content/publicity/images/main/mb_menu_btn.png') no-repeat center; border:1px solid #dddddd; }
	header nav h2 a { display:block; padding:10px; text-indent:-9999px; }
	header nav #lnb { position:absolute; z-index:10; top:54px; width:100%; height:auto; background:#ffffff; border-top:1px solid #dddddd; }
	header nav #lnb>li { width:100%; text-align:left; border-bottom:1px solid #dddddd; }
	header nav #lnb>li>a { padding:15px 25px; font-size:16px; }
	header nav #lnb>li:hover { border-bottom:0; }
	header nav #lnb>li:hover>a { background:#386dc1; color:#ffffff; }
	header nav .submenu { position:static; width:100%; }
	header nav .submenu ul { margin:0 !important; width:100% !important; background:#f8f8f8 !important; border-bottom:1px solid #386dc1 !important; }
	header nav .submenu ul li a { width:100% !important; }
	header nav .submenu ul li a:hover, header nav .submenu ul li a:focus, header nav .submenu ul li a:active { background:#666666; }
	#gnb div.gnb_search { position:absolute; z-index:10; top:117px; width:100%; margin-top:0; padding:10px 0; border:1px solid #dddddd; background:#f5f5f5; border-radius:0; }
	#gnb div.gnb_search input[type=submit] { border-radius:0; line-height:35px; }

	footer { padding:0 2%; }
	footer .btm_menu { display:none; }
	footer .btm_info>p { float:none; margin-right:0; text-align:center; }
	footer .btm_info .copyright { float:none; margin-top:10px; font-size:13px; text-align:center; }
}

@media all and (max-width:640px) {

}


@media all and (max-width:480px) {
	body { min-width:320px; }
}