@charset 'euc-kr';
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");

/* base */
body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, select, table, td, textarea, th, ul { margin:0; padding:0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
ol, ul, li { list-style:none; }
blockquote, q { quotes:none; }
table { border-collapse:collapse; border-spacing: 0; }
input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="image"], input[type="tel"], textarea, button, select { -webkit-appearance:none; -webkit-border-radius:0; border-radius:0; }
input:focus, textarea:focus { outline-style:none; } 
img { vertical-align:middle; border:0; }
html { font-size: 10px; line-height: 15px; }
body, button, h1, h2, h3, h4, h5, input, select, table, textarea { font-family:'Malgun Gothic', dotum, sans-serif, 'Apple SD Gothic Neo', Dotum, sans-serif; font-size:14px; line-height: 1.25em; color:#363636; }
em { font-style:normal; }
a, a:hover { text-decoration:none; }
hr { margin:0; padding:0; border:0; }
.clear:after { content:""; height:0; display:block; width:100%; clear:both; }

img { max-width:100%; height:auto; }


body { overflow-x:hidden; }
.wrap { position:relative; margin:0 auto; min-width:320px; }

/***
header
*************************************************/
.header { position:relative; width:100%; z-index:999; }
.header .head_cnt { position:relative; max-width:1280px; height:90px; margin:0 auto; }
.header h1 { padding:24px 0 0 30px; }
.header .nav { position:absolute; left:300px; top:24px; }
.header .nav ul.index { width:100%; height:40px; }
.header .nav ul.index li { position:relative; float:left; margin-right:100px; margin-right:80px; font-size:16px;  }
.header .nav ul.index li a { display:block; font-weight:700; height:20px; padding:10px 0; line-height:20px; color:#252525; }
.header .nav ul.index li:last-child { margin-right:0; }
.header .nav .sub_menu_w { position:absolute; left:-270px; top:66px; min-width:1280px; z-index:999; }
.header .nav .sub_menu_w:before { position:absolute; left:-50%; top:0; width:100%; height:100%; content:""; background:url('../img/common/header_bg.png') repeat center top; }
.header .nav .sub_menu_w:after { position:absolute; right:-50%; top:0; width:100%; height:100%; content:""; background:url('../img/common/header_bg.png') repeat center top; }
.header .nav .sub_menu_w .sub { position:relative; width:100%; height:0; overflow:hidden; z-index:99; -webkit-transition: height 0.5s; }
.header .nav .sub_menu_w .sub ul { float:left; padding:20px 0; }
.header .nav .sub_menu_w .sub ul.sm01 { width:100px; margin-left:245px; }
.header .nav .sub_menu_w .sub ul.sm02 { width:110px; margin-left:25px; }
.header .nav .sub_menu_w .sub ul.sm03 { width:170px; margin-left:0px; }
.header .nav .sub_menu_w .sub ul.sm04 { width:100px; margin-left:5px; }
.header .nav .sub_menu_w .sub ul.sm05 { width:100px; margin-left:35px; }
.header .nav .sub_menu_w .sub ul.sm06 { width:100px; margin-left:30px; }
.header .nav .sub_menu_w .sub ul li { display:block; font-size:14px; line-height:24px; text-align:center; letter-spacing:-0.05em; }
.header .nav .sub_menu_w .sub ul li a { color:#363636; }
.header .nav .sub_menu_w .sub ul li a:hover { color:#2d7bcf; }
.header .nav:hover .sub_menu_w .sub { height:250px; }
.header .nav .hover_bg { position:absolute; left:50%; top:30px; display:block; width:760px; height:230px; margin-left:-420px; display:none; }
.header .nav:hover .hover_bg { display:block; } 
/* language */
.header div.language { display:block; position:absolute; right:32px; top:26px; width:106px; height:36px; border:1px solid #898989; background:url('../img/common/icon_select_arrow.png') no-repeat right 50%; }
.header div.language .myValue{ background:none; border:0; position:absolute; left:0; top:0; display:block;  font-size:12px; height:36px; width:100%; border:0; text-align:left; box-sizing:border-box; padding:0 0 0 15px; cursor:pointer; }
.header div.language .myValue.selected{ }
.header div.language ul{ position:absolute; top:100%; left:-1px; width:100%; list-style:none; border:0; border:1px solid #bababa; background:#fff; overflow:hidden; z-index:999; }
.header div.language li{ position:relative; overflow:hidden; white-space:nowrap; font-size:12px; }
.header div.language li:first-child { border-bottom:1px dashed #ddd; } 
.header div.language li a{ display:block; height:36px; line-height:36px; color:#767676; background:#fff; text-decoration:none; padding:0 0 0 15px; }
.language.open .myValue, .language .myValue.outLine{ border:1px solid #999;}
.language div.myValue{ height:19px; text-indent:8px;}
.language .ctrl{ position:absolute; top:0; right:0; width:18px; height:19px; border:1px solid #bababa; border-left:1px solid #eaeaea; background:#fff;}
.language .arrow{ position:absolute; width:0; height:0; top:9px; right:6px; line-height:0; font-size:0; border-top:3px solid #999; border-left:3px solid #fff; border-right:3px solid #fff; }
.language ul.aList{ display:none;}
.language.open ul.aList{ display:block;}
.language ul.iList{ left:-2000%;}
.language.open ul.iList{ left:0;}
.language li input.option{ position:absolute; width:100%; height:20px; line-height:20px;}
.language li label{ position:absolute; left:0; top:0; width:100%; text-indent:8px; *text-indent:6px; height:18px; line-height:18px; color:#767676; background:#fff;}
.language li.hover *{ background:#999; color:#fff;}

/* util */
.header .util { display:none; position:absolute; right:20px; top:50%; margin-top:-24px; border:1px solid #d7d7d7; }
.header .util div { float:left; }

/* lang */
.header div.lang { position:relative; display:block; width:48px; height:48px;  z-index:999; }
.header div.lang select { position:absolute; left:0; top:0; font-size:13px; height:100%; width:100%; border:0; text-align:center; box-sizing:border-box; padding:0 0 0 1.6rem; }
.header div.lang .myValue{ background:none; border:0; display:block; position:absolute; left:0; top:0; font-size:1.3rem; height:100%; width:100%; border:0; text-align:center; box-sizing:border-box; }
.header div.lang .myValue.selected{ }
.header div.lang ul{ position:absolute; top:100%; left:-1px; width:100%; list-style:none; border:0; border:1px solid #bababa; background:#fff; overflow:hidden; z-index:999; }
.header div.lang li{ position:relative; overflow:hidden; white-space:nowrap; font-size:1.3rem; text-align:center; }
.header div.lang li:first-child { border-bottom:1px dashed #ddd; } 
.header div.lang li a{ display:block; height:48px; line-height:48px; color:#767676; background:#fff; text-decoration:none; }
.header div.lang.open .myValue, .header div.lang .myValue.outLine{ border:1px solid #999;}
.header div.lang div.myValue{ height:19px; text-indent:8px;}
.header div.lang .ctrl{ position:absolute; top:0; right:0; width:18px; height:19px; border:1px solid #bababa; border-left:1px solid #eaeaea; background:#fff;}
.header div.lang .arrow{ position:absolute; width:0; height:0; top:9px; right:6px; line-height:0; font-size:0; border-top:3px solid #999; border-left:3px solid #fff; border-right:3px solid #fff; }
.header div.lang ul.aList{ display:none;}
.header div.lang.open ul.aList{ display:block;}
.header div.lang ul.iList{ left:-2000%;}
.header div.lang.open ul.iList{ left:0;}
.header div.lang li input.option{ position:absolute; width:100%; height:20px; line-height:20px;}
.header div.lang li label{ position:absolute; left:0; top:0; width:100%; text-indent:8px; *text-indent:6px; height:18px; line-height:18px; color:#767676; background:#fff;}
.header div.lang li.hover *{ background:#999; color:#fff;}

/* btn_menu */
.header div.btn_menu { width:48px; height:48px; border-left:1px solid #d7d7d7; z-index:999; cursor:pointer; background:url('../img/common/icon_menu.png') no-repeat center 50% / 25px auto; display:none; }
.header div.btn_menu span { display:inline-block; text-indent:-5000px; }
.header div.menu_close { display:none; background:#2f5597 url('../img/common/icon_menu_close.png') no-repeat center 50% / 25px auto; }

/** menu_w **/
.menu_w { position:fixed; left:0; top:70px; bottom:0; width:100%; overflow-y:auto; background-color:#2f5597; z-index:99999; display:none; }
.menu_w h2 { position:relative; font-size:1.5rem; border-bottom:1px solid #5977ac; }
.menu_w h2 a { display:block; color:#fff; height:5.2rem; line-height:5.2rem; padding-left:1.5rem; text-decoration:none; }
.menu_w h2:before { content:""; position:absolute; right:1.5rem; width:1.2rem; height:100%; display:block; background:url('../img/common/bul_menu_open.png') no-repeat center 50% / 11px auto; }
.menu_w h2.open:before { background:url('../img/common/bul_menu_close.png') no-repeat center 50% / 11px auto; }
.menu_w .submenu { background-color:#1f3763; }
.menu_w .submenu ul { }
.menu_w .submenu ul li { border-bottom:1px solid #4c5f82; font-size:1.3rem; }
.menu_w .submenu ul li a { display:block; height:4.3rem; line-height:4.3rem; padding-left:1.5rem; color:#fff; }

.fixed { position:fixed; left:0; top:0; width:100%; z-index:0; }






/***
footer
*************************************************/
.footer { background-color:#ebebeb; }
.footer .foot_cnt { position:relative; max-width:1280px; padding:25px 0; margin:0 auto; font-size:12px; color:#7f7f82; line-height:1.5em; background:url('../img/common/logo_gray.png') no-repeat 30px 28px; box-sizing:border-box; }
.footer address,
.footer .copyright { padding-left:190px; }
.footer address {  font-style:normal; margin-bottom:2px; }
.footer .copyright { }

.footer .btn_qna { position:absolute; right:20px; top:27px; display:inline-block; font-size:14px; line-height:32px; height:32px; color:#fff; width:120px; text-align:center; background-color:#2b77cd; font-weight:700; }


/* util
*************************************************/
.ver_pc { }
.ver_m { display:none; }

.maxsize { display:block; }
.midsize { display:none; }
.minsize { display:none; }