@charset "utf-8";
.wrapper{ max-width:1200px; margin:0px auto; }
.wrapper:after{ display:block; content:''; clear:both; }
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; -moz-osx-font-smoothing:grayscale; overflow:hidden; -webkit-transition-duration:0.3s; transition-duration:0.3s; -webkit-transition-property:color, background-color; transition-property:color, background-color; }
a:hover { -webkit-transform:translateZ(0); transform:translateZ(0); box-shadow:0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility:hidden; backface-visibility:hidden; -moz-osx-font-smoothing:grayscale; overflow:hidden; -webkit-transition-duration:0.3s; transition-duration:0.3s; -webkit-transition-property:color, background-color;  transition-property:color, background-color; }
input[type=button]:hover { -webkit-transform:translateZ(0); transform:translateZ(0); box-shadow:0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility:hidden; backface-visibility:hidden; -moz-osx-font-smoothing:grayscale; overflow:hidden; -webkit-transition-duration:0.3s; transition-duration:0.3s; -webkit-transition-property:color, background-color;  transition-property:color, background-color; }
.point { color:#b41515 !important; }
.b_point { color:#adc2f0 !important; }

/***** 전체메뉴 *****/
#allmenu { padding-top:10%; min-height:100%; }
#allmenu .tit {display:block; padding:30px; background:#f8f8f8 url(/publicity/images/sub/tbg.gif) center repeat; background-size:80%; border-top-left-radius:16px; border-top-right-radius:16px; font-size:35px; font-weight:bold; text-align:center; box-shadow:0 1px 5px rgba(0,0,0,.3); }
#allmenu .tit>span { padding:30px 20px; background:#f8f8f8; }
#allmenu div.allmenuBox div#array_menu { padding:0; }
#allmenu div.allmenuBox div#array_menu>ul>li { float:left; width:23%; padding:0px; margin:50px 1%; border:0px; background:none !important; }
#allmenu div.allmenuBox div#array_menu>ul>li>a { display:block; float:none; padding-left:30px; padding-bottom:0px; width:100%; text-align:left; font-size:20px; font-weight:bold; color:#333; background:none !important; }
#allmenu div.allmenuBox div#array_menu>ul>li>ul { width:80%; margin-top:15px; margin-left:30px; }
#allmenu div.allmenuBox div#array_menu>ul>li>ul>li>a { position:relative; display:block; padding:3px 5px; font-size:18px; font-weight:bold; font-size:14px; }
#allmenu div.allmenuBox div#array_menu>ul>li>ul>li>a:after, #allmenu div.allmenuBox div#array_menu>ul>li>ul>li>a::after { position:absolute; left:0; top:50%; width:2px; height:2px; margin-top:-1px; background:#236ede; content:""; }

#gnb { background:#f0f0f0; border-bottom:1px solid #b6b6b6; }
#gnb ul.family li a { color:#535353; }
#gnb ul.gnb_menu li.lang { display:none; }
header { border-bottom:1px solid #dddddd; }
header>div h1 { margin-top:25px; float:left; width:251px; }
header>div h1 a { display:block; padding:5px 0 8px 115px; background:url('/publicity/images/inc/logo.jpg') no-repeat; font-size:20px; color:#333;  font-weight:600; vertical-align:super; }
header nav { overflow:hidden; float:right; width:79%; height:85px; } 
header nav #lnb { overflow:hidden; }
header nav #lnb>li { float:left; width:13.6%; text-align:center; }
header nav #lnb>li.menu6 { width:18.4%; }
header nav #lnb>li>a { display:block; padding:31px 0; color:#333333; font-size:20px; line-height:20px; font-weight:600; }
header nav #lnb>li:hover>a { color:#386dc1; text-decoration:none; } 
header nav .submenu { position:absolute; z-index:10; display:none; }
header nav .submenu>ul>li a { display:block; padding:10px 20px; }
header nav #submenu2 ul, header nav #submenu3 ul { /* margin:3px 0 0 -22px; */ background:#ffffff; border:1px solid #b9cae6; text-align:left; opacity:0.95; }
header nav #submenu2 ul li a, header nav #submenu3 ul li a { width:120px; border-bottom:1px solid #eaeaea; opacity:1; }
header nav #submenu2 ul li.menu06 a, header nav #submenu3 ul li.menu06 a { width:130px; }
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; }

footer { overflow:hidden; position:relative; padding:35px 0; background:#333; }
footer p.btm_logo { float:left; margin-top:10px; margin-right:43px; color:#d6d6d6; font-size:20px; font-weight:600; }
footer p.btm_logo img { vertical-align:middle; margin-right:5px; }
footer address { display:block; margin-top:5px; color:#fff; font-size:14px; }
footer .copy { color:#fff; font-size:14px; }
footer .btm_menu { overflow:hidden; }
footer .btm_menu li { float:left; padding:0 7px; }
footer .btm_menu li:first-child { padding-left:0; }
footer .btm_menu li a { color:#fff; font-size:14px; font-weight:600; }
footer ul.btm_visitor{ float:right; width:23%; margin-top:-7%; text-align:right; }
footer ul.btm_visitor li{display:inline-block; margin-left:3%; font-size:13px; font-weight:bold; color:#fff; }
footer ul.btm_visitor li span.tit:after {content:' :';}


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


@media all and (max-width:1199px) {
	header nav { width:73%; }
	header nav #lnb>li>a { font-size:18px; }
}

@media all and (min-width:951px) {	
	.menu_btn { display:none; }
}

@media all and (max-width:950px) {
	header>div h1 { margin-left:14px; padding-bottom:15px; }
	header #lnb { position:absolute; z-index:99; top:118px; width:100%; }
	header nav .submenu ul li a { text-align:left; }	
	footer p.btm_logo { display:none; }
}

@media all and (min-width:769px) {
	.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;}		
	#allmenu { position:fixed; left:0; top:0; }
	#allmenu div.allmenuBox div#array_menu>ul>li {min-height:100px;}
	header .nav_wrap { overflow:hidden; }
}

@media all and (max-width:768px) {
	.dp_pc { display:none; }
	.pc_block { display:inline; }
	.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 {padding-top:0;}
	#allmenu div.allmenuBox div#array_menu>ul>li {width:95%;}

	header { height:120px; }
	header>div h1 { margin-top:23px; }
	header>div h1 a { padding-left:110px; font-size:18px; }
	header .nav_wrap { position:relative; padding-bottom:15px; }
	header .nav_wrap h1 { float:none; width:auto; }
	header .nav_wrap h1 a { display:block; margin-left:20px; width:auto; }

	header nav { width:100%; height:auto; z-index:999; } 
	header nav h2 { position:absolute; z-index:3; top:0; right:20px; width:44px; height:44px; background:#ffffff url('/publicity/images/inc/menu_btn.gif') no-repeat center; }
	header nav h2 a { display:block; padding:10px; text-indent:-9999px; }
	header nav #lnb { position:absolute; z-index:99; 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.menu6 { width:100%; }
	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:auto !important; }
	header nav .submenu ul li a:hover, header nav .submenu ul li a:focus, header nav .submenu ul li a:active { background:#666666; }
	/*header nav .menu_btn { top:61px; }*/
	header #lnb { top:121px; }
	footer { padding:20px; }
}

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

@media all and (max-width:480px) {
	.wrapper{min-width:300px}
}