@charset "utf-8";

/* 폰트
@font-face {
    font-family:'Nanum';
    src:url('/font/nanum.eot');
    src:url('/font/nanum.eot?#iefix') format('embedded-opentype'), url('/font/nanum.woff') format('woff'), url('/font/nanum.ttf') format('truetype');
    font-weight:normal;
    font-style:normal; 
}

@font-face {
    font-family:'NanumBold';	
    src:url('/font/nanum_bold.eot');
    src:url('/font/nanum_bold.eot?#iefix') format('embedded-opentype'), url('/font/nanum_bold.woff') format('woff'), url('/font/nanum_bold.ttf') format('truetype');
    font-weight:bold;
    font-style:normal; 
}
 */

/* 나눔스퀘어
@font-face 
{
	font-family:"NanumSquareR";
	src:url('/font/NanumSquareR.eot');
    src:url('/font/NanumSquareR.eot?#iefix') format('embedded-opentype'), url('/font/NanumSquareR.woff') format('woff'), url("../fonts/NanumSquareR.ttf") format("truetype");
}

@font-face 
{
	font-family:"NanumSquareB";
	src:url('/font/NanumSquareB.eot');
    src:url('/font/NanumSquareB.eot?#iefix') format('embedded-opentype'), url('/font/NanumSquareB.woff') format('woff'), url("../fonts/NanumSquareB.ttf") format("truetype");
}
 */

/* 본고딕 */
@font-face 
{
	font-family:"NotoT";
	src:url('/font/notokr/notokrT.eot');
    src:url('/font/notokr/notokrT.eot?#iefix') format('embedded-opentype'),
        /* url('/font/notokr/notokrT.woff2') format('woff2'), */
        url('/font/notokr/notokrT.woff') format('woff');
}
@font-face 
{
	font-family:"NotoL";
	src:url('/font/notokr/notokrL.eot');
    src:url('/font/notokr/notokrL.eot?#iefix') format('embedded-opentype'),
	 	/*url('/font/notokr/notokrL.woff2') format('woff2'),*/
        url('/font/notokr/notokrL.woff') format('woff');
}
@font-face 
{
	font-family:"NotoR";
	src:url('/font/notokr/notokrR.eot');
    src:url('/font/notokr/notokrR.eot?#iefix') format('embedded-opentype'),
        /* url('/font/notokr/notokrR.woff2') format('woff2'), */
        url('/font/notokr/notokrR.woff') format('woff');
}
@font-face 
{
	font-family:"NotoM";
	src:url('/font/notokr/notokrM.eot');
    src:url('/font/notokr/notokrM.eot?#iefix') format('embedded-opentype'),
        /* url('/font/notokr/notokrM.woff2') format('woff2'), */
        url('/font/notokr/notokrM.woff') format('woff');
}



/* HTML5 요소 브라우져 인식 */
article, aside, figcaption, figure, footer, header, hgroup, nav, section {display: block;}
mark {background: #FF0; color: #000}

body{font-family:'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;}
body, input, textarea, select, button, table, h1, h2, h3, h4, h5{font-size:14px; line-height:1.286em;}

/* HTML Default */
article, aside, figcaption, figure, footer, header, hgroup, nav, section {display:block}
mark{background:#FF0;color:#000}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,
abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, article, aside, hgroup, header, footer, figure, figcaption, nav, section { margin:0; padding:0; border:0; font-size:100%;}
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,q:before, q:after { content:''; }
a {margin:0; padding:0; text-decoration:none;}
button { margin:0; padding:0; border:0; font:inherit; color:inherit; background:transparent; overflow:visible; cursor:pointer; line-height:1; }
button::-moz-focus-inner { margin: -1px; padding: 0; }
table {border-collapse:collapse; border-spacing:0; width:100%;}
h1, h2, h3, h4, h5 {font-weight:normal; letter-spacing:-1px; font-family:'NotoM';}
img, select, input, button {vertical-align:middle;}
input, select { color:inherit; font:inherit; line-height:100%; }
textarea { resize:none; font:inherit; overflow-y:auto; }
html {-webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; /* text-size-adjust:none; */}
.hid, legend, hr {position:absolute; left:-10000%; top:0; overflow:hidden; width:1px; height:1px; font-size:0; line-height:0; text-indent:-10000px;}
caption {overflow:hidden; width:0; height:0; font-size:0; line-height:0;}
body {margin:0; padding:0; font-size:14px; word-break:break-all; -webkit-text-size-adjust:none;}
ul, ol, li, figure {list-style-type:none; margin:0; padding:0;}
cite, blockqoute {display:block; font-style:normal;}
figcaption { display:none;}
.blind {display:block; overflow:hidden; position:absolute; top:0; left:0; width:0 !important; min-width:0 !important; height:0; border:0; background:0 0; font-size:0; line-height:0}

.fL {float:left;}
.fR {float:right;}
.cboth {display:block; content:""; clear:both;}
.ta_r {text-align:right !important;} 
.ta_l {text-align:left !important;} 
.ta_c {text-align:center !important;}
.colblue {color:#0054a6 !important;}
.colred {color:#e60013 !important;}
.colorange {color:#f26522 !important;}
.colgreen {color:#f26522 !important;}
.underline {text-decoration:underline;}
.inblk {display:inline-block;}

/* 플롯시 컨텐츠 공백 해결 */
.clearfix:after {display:block; visibility:hidden; clear:both; height:0; content:'';}
.clearfix {*zoom:1;}

/* Skip 메뉴 */
#skipArea, #skipArea ul {height:0; width:100%}
#skipArea a {position:absolute; top:-9999px; left:0; z-index:100; width:100%; height:30px; background-color:#000; color:#fff; line-height:30px; font-family:'NanumBold'; opacity:0.6; text-align:center; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60)}
#skipArea a:focus, #skipArea a:hover, #skipArea a:active {top:0}

/* 레이아웃 및 헤더 */
#wrap {min-width:1200px;}
#header {position:absolute; top:0; left:0; z-index:20; width:100%; min-width:1200px; height:116px; background:url('/images/web/dapa_en/common/t_bg.png') repeat-x left top;}
#header .temp {height:80px; background:url("/images/web/dapa_en/common/bg_menu_open.png") repeat-x left top;}
.headerWrap { position:relative; width:1200px; margin:0 auto;}

/* 로고 */
.headerWrap .logo {position:absolute; top:58px; left:0; z-index:30; width:135px; height:46px;}

/* 유틸 */
.headerWrap .util {position:absolute; top:0; left:0; z-index:999;}
.headerWrap .util li {width:94px; float:left; text-align:center; border-right:1px solid #79797f;}
.headerWrap .util .util_home {width:39px; border-left:1px solid #79797f; background:url('/images/web/dapa_en/common/icon_home.png') no-repeat center;}
.headerWrap .util .util_kor {background:#656679;}
.headerWrap .util .util_kids {background:#525365;}
.headerWrap .util li a {display:block; line-height:36px; font-family:'NanumBold'; color:#e8e8e8; font-size:14px;}
.headerWrap .util li.util_home a {text-indent:-10000em;}
.headerWrap .util li a:hover, 
.headerWrap .util li a:active, 
.headerWrap .util li a:focus {text-decoration:underline;} 

/* gnb 메뉴 */
#mGnb { display:none}
#gnb {position:relative; float:right; padding-top:56px;}
#gnb:after {display:block; content:""; clear:both;}
#gnb > li {position:relative; float:left;} 
#gnb > li > h2 > a { display:block; color:#111; font-size:16px; font-family:'NanumBold'; padding:0 40px 20px 45px; line-height:40px; letter-spacing:-1px;}
#gnb > li > h2.on a,
#gnb > li > h2 a:hover, 
/*#gnb > li > h2 a:focus,*/
#gnb > li > h2 a:active {color:#3154a5;} /* mouseover */
#gnb > li.others{ display:none;}

/* 하위메뉴 */
#gnb > li > div {position:absolute; left:0; top:60px; width:100%; height:130px; display:none; padding:10px 0; border-left:1px solid #c8d1db;}
#gnb > li.over > div {border-left:1px solid #224494; background:#3154a5;}
#gnb > li.over > div > ul > li > a {color:#fff;}
#gnb > li > div > ul > li {float:none; font-size:13px; font-family:'Nanum'; letter-spacing:-1px; }
#gnb > li > div > ul > li > a {display:block; color:#555; padding:6px 15px;}
#gnb > li > div > ul > li > a:hover,
#gnb > li > .ulWrap > ul > li > a:BEFORE{content: "- ";}
#gnb > li > .ulWrap > ul > li > a:focus,#gnb > li > .ulWrap > ul > li > a:active {color:#fff799;}

/* footer */
.area_footer {position:relative; padding:40px 0 25px; border-top:1px solid #dfdfdf; background:#f1f1f1; z-index:4;}
.box_footer {position:relative; width:900px; margin:0 auto; padding-left:300px;}
.f_logo {position:absolute; left:0; top:0;}
.box_footer .box_info {font-family:'Dotum'; font-size:12px; color:#666; line-height:22px;}
.box_footer address{font-style:normal;}
.box_footer address span{display:inline-block; margin-left:10px;}

/* 콘텐츠 상단으로 이동 */
#toTop { display:none; position:fixed; z-index:9999999; right:10px; bottom:10px; width:40px; height:40px; font-size:0; text-indent:-1020px; text-align:center; color:#fff; background:url('/images/web/dapa_en/common/toTop.png') center center no-repeat #252b34; opacity:0.8; border-radius:20px;  }
#toTop:hover, #toTop:focus, #toTop.hover { background-color:#111; }

@media screen and (max-width:1199px) {

	#wrap {min-width:1020px;}
	#header {min-width:1020px;}
	.headerWrap {width:1020px;}

	/* footer */
	.box_footer {width:1020px; padding-left:0;}
	.f_logo {display:none;}

}

@media screen and (max-width:1019px) {
		
	#wrap,
	.headerWrap,
	#container,
	.box_footer,
	#gnb > li.others .m_util li {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}

	.headerWrap .logo  {-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease}
	
	.headerWrap,
	.box_footer {width:100%;}
	
	#wrap{ min-width:300px; width:100%}
	#header {position:fixed;  min-width:300px; height:auto; background:none; }
	#header .temp { height:15px}
	
	.headerWrap {height:70px; border-bottom:1px solid #c8d1db;  background:#fff;}
	
	/* 로고 */
	.headerWrap .logo { position:absolute; top:15px; left:50%; margin-left:-107px; z-index:2;}

	/* 유틸 */
	.headerWrap .util { display:none;}

	/*탑메뉴*/
	#gnb > li.others{ display:block; padding:10px 0; background:#111;}
	#gnb > li.others > a span { display:none;}
	#gnb > li.others .m_util li {width:50%;  float:left; line-height:2; text-align:center; color:#fff; font-size:12px;}
	#gnb > li.others .m_util li a { color:#fff;}

	/* gnb 메뉴 */
	#mGnb {position:absolute; right:-55px; top:15px; width:0; height:0; display:block; overflow:hidden; font-size:0; text-indent:-10000px; padding:20px; background:#fff url("/images/web/dapa_en/common/gnb_button.png") no-repeat 50% 50%; background-size:40px auto; -moz-background-size:40px auto; -webkit-background-size:40px auto;  z-index:3;}
	.gnb_wrap {position:fixed; left:-180px; top:0; width:179px; height:100%; z-index:3;}
    .gnb_wrap .gnbIn {position:relative; height:100%;}
    .gnb_wrap nav {position:relative; width:auto; height:100%; background:#2b3036; overflow:hidden; overflow-y:auto; z-index:3}
    #gnb {position:static; width:100%; padding:0; float:none;}
    #gnb > li {position:static; width:auto; margin:0; padding:0; text-align:left; float:none; border-right:none; background:none; }
	#gnb > li:first-child {border-left:none;}
	#gnb > li.gnb_first {width:100%; background:none;}
    #gnb > li > h2 > a {width:auto; height:34px; display:block; line-height:34px; padding:7px 0 7px 20px; color:#fff; font-size:16px; border-bottom:1px solid #4b4a50; background:#2b3036; }
	#gnb > li > h2 > a:hover, 
	#gnb > li > h2 > a:focus,
	#gnb > li > h2 > a:active { color:#fff; text-decoration:none;}	
	#gnb > li:hover > h2 > a { color:#fff; border-bottom:1px solid #193880; background:#3154a5; }		
    #gnb > li > div {position:static; width:auto; height:auto; margin:0; padding:0; border:0; background:#3e4247;}
    #gnb > li > div > ul > li {width:auto; margin:0;}
	
	/*하위메뉴*/
    #gnb > li > div > ul > li > a {display:block; font-size:14px; padding:13px 0 13px 20px; color:#cecece; border-bottom:1px solid #61676e; }
    #gnb > li > div > ul > li > a:hover,
    #gnb > li > div > ul > li > a:focus,
    #gnb > li > div > ul > li > a:active {color:#fff; background:#3e4247 !important; }
		
	/* footer */
	.area_footer {padding:10px 0 25px;}
	.box_footer {position:relative; width:95%; margin:0 auto;}
	

}

@media screen and (max-width :680px) {
	
	.footer_link {width:100%; margin:0; line-height:30px;}
    .footer_link button {display:block; width:100%; height:40px; text-align:center; font-size:15px; font-family:'NotoM'; color:#fff; overflow:hidden; background:#394b61; border-radius:3px; }
    .footer_link ul { display:none; position:absolute; bottom:40px; left:0; width:100%; box-sizing:border-box; opacity:0.9; border-radius:3px 3px 0 0;}
    .footer_link li { float:none; padding:0; border-bottom:1px solid #000; background:none;}
	.footer_link li:first-child a,
    .footer_link li a { display:block; padding:3px 7px; background:#333; color:#fff; border-left:0 none;  }
    .footer_link li a:hover,
    .footer_link li a:focus,
    .footer_link li a:active {background:#000; color:#ffa811;}

}

@media screen and (max-width :480px) {
	
	/* footer */
	.box_footer address span{ margin-left:0;}
	.box_footer p.f_mani img {width:100px; }
}

@media screen and (max-width :380px) {


}