/* ·¹À̾ƿô ¸®½ºÆ® 
1.ÆùÆ®
2.»ó´Ü(Çì´õ)¸Þ´º
3.ÇÏ´Ü(DzÅÍ)¿µ¿ª
4.¼­ºêÁÂÃø¸Þ´º
5.¼­ºêŸÀÌƲ
6.¼­ºê»ó´Ü ºñÁê¾ó ¿µ¿ª
7.¼­ºêÄÁÅÙÃ÷ ¿µ¿ª
*/
/*****************1.ÆùÆ®*******************/
@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url( "http://fonts.googleapis.com/earlyaccess/notosanskr.css" );

/* CSS reset */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,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, tbody, tfoot, thead, tr, th, td 
{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline; -webkit-text-size-adjust:none;
font-family:'Arial', 'Noto Sans KR', 'Nanum Gothic','³ª´®°íµñ', 'MalgunGothic', '¸¼Àº°íµñ', 'Dotum', 'Gulim', 'Arial', sans-serif; list-style:none; }
em,address{font-style:normal;}hr{display:none}
body{line-height:1.2em;word-break:break-all; }
ol, ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0; word-break:break-all;}
table th, table td{vertical-align:middle;}
caption{visibility:hidden;width:0;height:0;font-size:0;line-height:0;zoom:1;}
fieldset{margin:0;padding:0;border:0 none;}
legend{overflow:hidden;width:0;height:0;font-size:0;visibility:visible;}
html, body,input,button{font-size:13px; line-height:160%; color:#595959;}
a {color:#333; text-decoration:none;}
a:hover {color:#333; text-decoration:none;}
label{vertical-align:middle; font-size:14px;}
img {vertical-align:middle;}
input {vertical-align:middle;}
.fL {float:left;}
.fR {float:right;}
.tC {text-align:center;}
.db{display:block;}
.t10 {margin-top:10px;}
.t20 {margin-top:20px;}
.b20 {padding-bottom:20px;}
/* html5 reset */
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption{display:block}
/*floatBox ÇØÁ¦*/
.floatBox:after {content:"";display:block;clear:both;}
.floatBox {*zoom:1;}
html {min-width:320px; width:100%; overflow-y:scroll;}
body {background:#F9F9F9; min-width:320px; width:100%; height:100%; white-space: normal;}
div.wrapper {min-width:320px; width:100%; }


/*****************2.»ó´Ü(Çì´õ)¸Þ´º*******************/
div.headerArea_m {z-index:10; background:#191919; border-bottom:3px solid #31BAC6; width:100%;}
div.headerArea_m header { max-width:1700px;margin:0 auto;position:relative; min-height:80px;}
div.headerArea_m header:after {display:block; clear:both; content:" "; width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden;}
div.headerArea_m h1 a { display:block; width:270px; text-align:center; padding-top:5px; }
div.headerArea_m h1 a img {width:250px;}
div.headerArea_m nav {float:left; z-index:99;position:relative; max-width:1430px;}
div.headerArea_m nav > ul {float:left; margin-top:28px;}
div.headerArea_m nav > ul li {background:url('../../img/gnb_line.gif') left 5px no-repeat; padding:0 35px;float:left;text-align:center;}
div.headerArea_m nav > ul li:first-child {background:none;padding-left:50px;}
div.headerArea_m nav > ul li a {display:inline-block; color:#fff; font-size:15px;}
div.headerArea_m nav > ul li a:hover {text-decoration:none;}
nav.menu {background:none; width:100%; padding:0; }
nav.menu ul > li {border-top:none;}
nav.menu ul li.first h2,nav.menu ul li.last h2 {margin:0; padding:0;}
nav.menu ul > li > div.smenu {margin:0; padding:0;display:none;}
nav.menu h2 a {background-image:none; text-align:center; padding-left:0; padding-right:0;}
nav.menu h2 a:hover, nav.menu ul > li.current > h2 a {background-image:none; color:#32BAC6;}
nav.menu ul > li.first h2 a:hover,nav.menu ul > li.first.current h2 a,nav.menu ul > li.last h2 a:hover {color:#32BAC6;}
nav.menu ul > li h2 a.on_box_gnb {color:#32BAC6;} 
nav.menu > ul { height:40px;position:relative;}
nav.menu ul li:first-child h2 a {border-left:none;}
nav.menu ul > li > div.smenu {position:absolute; left:0; top:20px; width:100%; padding:0; background:#191919;}
nav.menu ul > li > div.smenu > ul {float:left; width:auto; }
nav.menu ul > li.m1 > div.smenu > ul {margin-left:2%;}
nav.menu ul > li.m2 > div.smenu > ul {margin-left:10%;} 
nav.menu ul > li.m3 > div.smenu > ul {margin-left:15%;}
nav.menu ul > li.m4 > div.smenu > ul {margin-left:20%;}
nav.menu ul > li.m5 > div.smenu > ul {margin-left:33%;}
nav.menu ul > li.m6 > div.smenu > ul {margin-left:45%;}
nav.menu ul > li.m7 > div.smenu > ul {margin-left:54%;}
nav.menu ul > li.m8 > div.smenu > ul {margin-left:55%;}
nav.menu ul > li.m9 > div.smenu > ul {float:right;}
nav.menu div.smenu ul li {float:none; display:inline-block; width:auto; background:url('../../img/gnb_line.gif') left 10px no-repeat; padding:0 1px 0 8px;}
nav.menu div.smenu ul li {background:url('../../img/gnb_line.gif') left 10px no-repeat;}
nav.menu div.smenu ul li:first-child {background:none;}
nav.menu div.smenu a {padding:5px 0; font-size:12px; color:#BBBBBB;}
nav.menu div.smenu a:hover,
nav.menu div.smenu a.current {color:#fff!important;text-decoration:none;}
div.top_btn {position:absolute;right:0px;top:30px;}
div.top_btn ul {float:left;}
div.top_btn ul li {background:url('img/line1.gif') left 2px no-repeat; padding:0 6px;float:left;}
div.top_btn ul li:first-child {background:none;padding-left:3px;}
div.top_btn ul li a {display:inline-block; color:#fff; font-size:11px; font-weight:600;}
div.top_btn ul li a:hover {color:#eee;}
.t_m_btn {display:none; position:absolute; right: 0;top: 0;}
.m_area01 {display:none;} 
 
@media screen and (min-width:1420px) and (max-width:1700px) {
div.headerArea_m header { max-width:1400px;}
div.headerArea_m nav { max-width:1130px;}
div.headerArea_m nav > ul li {padding:0 24px;}
}
@media screen and (min-width:1230px) and (max-width:1400px) {
div.headerArea_m header { max-width:1150px;}
div.headerArea_m nav { max-width:880px;}
div.headerArea_m nav > ul li {padding:0 9px;}
}
@media screen and (min-width:850px) and (max-width:1200px) {
 
div.headerArea_m nav > ul li {padding:0 14px;}
div.top_btn {position:absolute;right:0px;top:-30px;}
}
 
@media screen and (max-width:1200px) {
div.headerArea_m h1 a { padding:7px 0; }
div.headerArea_m nav {max-width:100%; background:#000; height:70px;}
div.headerArea_m nav > ul { margin-top:15px;}
}

/************************** mobile (320px) ******************************/
@media screen and (max-width:767px) {
div.headerArea_m header {min-height:70px;}
div.headerArea_m h1 a {height:55px; }
div.headerArea_m h1 a img {width:200px; padding:3px 0 0 10px;}
.all_see_btn01 {display:none!important;}
#allNavi {display:none;}
.t_m_btn {display:block;}

div.headerArea_m nav > ul li a {display:inline-block; color:#fff; text-align:center;padding:15px 0;width:100%;color:#333;}
div.container {min-width:320px; width:100%;}
div.allNaviArea {display:none;}
nav.gnb {display:none;}
div.top_btn {display:none;}
nav.menu {background:none; width:100%; padding:0; }
nav.menu ul, nav.menu ul > li > div.smenu {background:#333;}
nav.menu ul > li {border-top:none; }
div.headerArea_m nav > ul li {background:url('../../img/gnb_line.gif') left 1px no-repeat; padding:0 18px;
float:left;text-align:center;}




nav.menu ul li.first h2,nav.menu ul li.last h2 {margin:0; padding:0;}
nav.menu ul > li > div.smenu {margin:0; padding:0;}
nav.menu h2 a {background-image:none; background-color:#B0B0B0; color:#fff; text-align:center; padding-left:0; padding-right:0;width:100%; }
nav.menu h2 a:hover, 
nav.menu ul > li.current > h2 a {background-image:none; background-color:#32BAC6; color:#fff;text-align:center;width:100%; }
nav.menu ul > li.first h2 a:hover,
nav.menu ul > li.first.current h2 a,
nav.menu ul > li.last h2 a:hover {background-color:#32BAC6; color:#fff;}

nav.menu ul > li.last.current div.smenu { }
nav.menu ul > li.last.current div.smenu ul { padding-top:0;}
nav.menu ul > li h2 a.on_box_gnb {background:#32BAC6; color:#fff;} 
nav.menu ul > li.first .smenu {z-index:999;}
nav.menu > ul {border-top:1px solid #d6d6d6; width:100%;}
nav.menu ul > li {float:left; margin:0; width:100%;}
nav.menu h2 a {border-bottom:1px solid #d6d6d6; }


 
 nav.menu ul > li.last.current div.smenu { }
nav.menu ul > li.last.current div.smenu ul { padding-top:0;}
nav.menu ul > li h2 a.on_box_gnb {background:#32BAC6; color:#fff;} 
nav.menu ul > li.first .smenu {z-index:999;}
nav.menu > ul {border-top:1px solid #d6d6d6; width:100%;}
nav.menu ul > li {float:left; margin:0; width:100%;}
nav.menu h2 a {border-bottom:1px solid #d6d6d6; }
nav.menu ul > li > div.smenu {position:relative;width:100%; padding:10px 0; top:0;}
nav.menu ul > li > div.smenu > ul {float:none; width:100%;margin:0 auto!important; text-align:center;}
nav.menu div.smenu ul li {float:none; display:inline-block; width:auto; background-image:none; padding:0 1px 0 8px;}
nav.menu div.smenu ul li:first-child {background:none;}






nav.menu ul > li.m4 > div.smenu > ul {margin-left:0px;}
div.headerArea_m {height:100%; text-align:left; padding:0;}
div.headerArea_m h1 {float:none; width:100%; padding:0px; margin-top:0;}
div.headerArea_m h1 a {text-align:left;}
div.headerArea_m nav {float:none;width:100%;}
div.headerArea_m nav > ul {float:none; margin:0 auto;}
div.headerArea_m nav > ul li {font-weight:normal; padding:0;background-image:none;}
div.headerArea_m nav ul li ul {max-width:90%; margin:0 auto;}
div.headerArea_m nav > ul li:first-child {padding:0;}
div.headerArea_m span.all {display:none;} 
.m_area01 {float:none; display:block; width:100%; height:35px; background:#000;}
.m_area01 ol {text-align:right;padding:10px 0;}
.m_area01 ol li { display:inline; padding-left:10px; font-size:11px;margin-right:5px;background:url('../../img/bar04.gif') left 2px no-repeat;}
.m_area01 ol li:first-child {background:none;} 
.m_area01 ol li a {color:#B6B6B6; } 


 
 




}
/*****************3.ÇÏ´Ü(DzÅÍ)¿µ¿ª*******************/
#footer_m {width:100%; background:#595959; margin:25px auto 0 auto;padding:20px 0 30px 0;}
#footer_con {position:relative; max-width:1700px;margin:0 auto ; }
#footer_m p {color:#fff; padding-top:5px;text-align:center;}
.footer_menu { position:absolute; left:0; }
.footer_menu li {background:url('../../img/line_2.gif') left 5px no-repeat; float:left; padding:0 15px;color:#fff;}
.footer_menu li:first-child {background:none; }
.footer_menu li a {color:#fff;}
.footer_sns {line-height:140%; padding:0 0 0 35px; font-size:11px;position:absolute; right:0; color:#fff; background:url('../../img/copy_img1.png') 0 0 no-repeat;}
.f_menu_text {margin:0 auto; font-size:11px;  padding-right:200px;}
.f_menu_text span{padding:0 9px;}
.f_menu_text span.r_line {background:url('../../img/line_2.gif') right 1px no-repeat;}
/***** (pc 1600px) *****/
@media screen and (max-width:1690px) {
#footer_con {position:relative; max-width:1500px;}
}
 
/***** tablets (768px) *****/
@media screen and (min-width:768px) and (max-width:1250px) {
.footer_menu {float:left; position:relative; }
.footer_sns {float:right; position:relative; }
.footer_sns h2 {margin:0 20px 0 10px; position:relative; float:left;}
.footer_sns ul:after {content:"";display:block;clear:both;}
.footer_sns ul {float:left; padding-bottom:10px;} 
.footer_sns ul li {float:left; padding:0px 10px}
.f_menu_text {border-top:1px solid #eee; margin:20px 10px 10px 10px; padding-top:20px; padding-right:0;  }
}
/***** tablets (768px) *****/
@media screen and (max-width:767px) {
.footer_menu {float:none; margin:0 auto 20px auto; position:relative; }
.footer_menu li {padding:0 10px; background-position: left 3px;}
 
.footer_sns {float:none; margin:0 auto 20px auto; position:relative; border-top:1px solid #8E8E8E; padding-top:20px; background-position:0 20px; }
.footer_sns h2 {margin:10px 20px 0 0px; position:relative; float:left;}
.footer_sns ul:after {content:"";display:block;clear:both;}
.footer_sns ul li {float:left; padding:5px 10px}
.footer_sns ul {float:left;}
.f_menu_text {border-top:1px solid #8E8E8E; margin:10px; font-size:11px; text-align:center;   padding-right:0; padding-top:10px;}
.f_menu_text span{padding:0; display:block;}
.f_menu_text span.r_line {background-image:none;}
}


/*****************4.¼­ºêÁÂÃø¸Þ´º*******************/
#container .sub_menu {width:200px; position:absolute; line-height:130%; left:10px; top:0;}
#container .sub_menu_list h2 {text-align:center; font-size:19px;color:#fff;line-height:100%;padding:50px 0;
background:url(../../img/sub_tit_bg.gif) no-repeat 0 bottom;  letter-spacing:-1px;}
#container .sub_menu_list div {display:none}
#container .sub_menu_list div.block_box {display:block;}
ul.sub_left_m {width:200px; }
ul.sub_left_m li {text-align:center; padding-top:7px;}
ul.sub_left_m li a {display:block;color:#4B4B4B;padding:13px 0;font-size:15px; background:#fff; font-weight:600;}
ul.sub_left_m li a:hover,ul.sub_left_m li a.on_box { background:#32BAC6;color:#fff;}
#container .sub_menu .sub_tel {display:block; width:200px; background:#fff; padding:20px 0 0px;}
.sub_tel h3 {color:#3F3F3F; font-size:14px;  padding:10px 0 10px 50px; }
.sub_tel h3.time {background:url(../../img/icon_time.gif) no-repeat 15px 0px;}
.sub_tel h3.bank {background:url(../../img/icon_bank.gif) no-repeat 15px 3px;}
.sub_tel ul li {text-align:left;  padding:0 0 1px 50px; color:#3F3F3F; font-size:12px;  }
.line {border-bottom: 1px solid #eee; padding-bottom:18px;} 


/***** mobile (320px) *****/
@media screen and (max-width:767px) {

 
#container .sub_menu_list h2 {padding:30px 0; background:#595959 repeat-x 0 bottom;}
ul.sub_left_m {width:100%; }
ul.sub_left_m li { padding-top:2px;}
 
 
.sub_tel h3 {color:#3F3F3F; font-size:14px;  padding:10px 0 10px 50px; }
.sub_tel h3.time {background:url(../../img/icon_time.gif) no-repeat 15px 0px;}
.sub_tel h3.bank {background:url(../../img/icon_bank.gif) no-repeat 15px 3px;}
.sub_tel ul li {text-align:left;  padding:0 0 1px 50px; color:#3F3F3F; font-size:12px;  }
.line {border-bottom: 1px solid #eee; padding-bottom:18px;} 
 
#container .sub_menu {position:relative; display:block; left:0; margin:0 auto; width:100%; float:none;}
 
.line {border:none; padding:0px;}
#container .sub_menu .sub_tel {display:block; width:90%; float:none; margin:10px auto;  padding:20px 0 0px;  display:none;} 
.sub_tel ul li {text-align:left; background:url(../../img/dot_1.png) no-repeat 23px 10px; padding:3px 0 3px 30px;  font-size:11px;}
}


/*****************5.¼­ºêŸÀÌƲ*******************/
.contArea p {font-size:13px;line-height:140%; padding:0 0 10px 0 ; word-wrap: break-word; word-break:keep-all;;}
.contArea header {height:40px;border-bottom:2px solid #c8c8c8;margin-bottom:20px;padding-bottom:10px; width:100%; display:none;}
.contArea header:after {display:block; clear:both; content:" "; width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden;}
.contArea header h3 {float:left; font-size:23px;   color:#333;line-height:150%;}
.contArea header nav {float:right; margin:0; padding:0; letter-spacing:0.02em;}
.contArea header nav ul:after {content:"";display:block;clear:both;}
.contArea header nav ul li {float:left; color:#888; padding-left:5px; font-size:11px;} 
.contArea header nav ul li.home a {display:block; background:url('../../img/home.gif') left 6px no-repeat; width:41px; padding-left:16px; height:15px; }
.contArea header nav ul li a {color:#888; }
.contArea header nav ul li a:hover {color:#888;}

.img_style1 img {max-width:800px; width:100%;}

/*****************6.¼­ºê»ó´Ü ºñÁê¾ó ¿µ¿ª*******************/
#container {max-width:1070px;margin:40px auto 0 auto; position:relative;}
#container .sub_content {max-width:840px;float:right;}
#container .contArea {padding:30px 20px; background:#fff;min-height:650px;  width:800px;  }
#container .sub_content h2.sub_top_img {text-align:center; margin-bottom:20px;}
#container .sub_content h2.sub_top_img img {width:100%;}
/***** (pc 1250px) *****/
@media screen and (max-width:1250px) {
#container .sub_content {margin:0 10px 0 220px;}
}
/***** tablets (768px) *****/
@media screen and (min-width:768px) and (max-width:1250px) {
#container .contArea {padding:30px 15px; width:auto;}
#container .sub_content h2.sub_top_img {width:100%;margin:0 auto 0 auto;}
}
/***** mobile (320px) *****/
@media screen and (max-width:767px) {
#container {margin:0;}
#container .sub_content {margin:0; display:block; float:none;}
#container .sub_content:after {content:"";display:block;clear:both;}
#container .contArea {padding:20px 10px; width:auto;}
#container .sub_content h2.sub_top_img {width:100%;margin:0 auto 0 auto;}
}

/*****************7.¼­ºêÄÁÅÙÃ÷ ¿µ¿ª*******************/
/***¹öÆ°***/
ul.btn_list { margin:0 auto; text-align:center;}
ul.btn_list li {display:inline; padding:0 2px;}
.btn1,.btn2 {text-align:center; }
.btn1 a, .btn2 a { width:85px; display:inline-block; border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius:4px; color:#fff; }
.btn1 a { background:#21CCCE;}
.btn2 a { background:#AAAAAA;}
.btn1 a:hover,.btn1 a.current,.btn2 a:hover,.btn2 a.current{background:#4A4A4A; }
.btn_s10 a {padding:10px 0;}
.btn_s20 a {padding:20px 0;}
/***ÄÁÅÙÃ÷***/
.con_title1 {font-size:19px; color:#3B3B3B; line-height:120%; padding: 10px 0 20px 26px; background:url(../../img/h_dot1.gif) no-repeat 0 10px ;}
 
/* ¿À½Ã´Â±æ */
.list_img ul {width:100%; margin-bottom:30px;}
.list_img ul li {width:100%; padding-top:15px;margin-bottom:25px;background:url(../../img/dot_line.gif) repeat-x left top;}
.list_img ul li img {float:left; padding-right:20px;}
.list_img dl { padding-top:5px;}
.list_img dl dt {font-size:15px; font-weight:bold; height:20px;}
 
 /***** mobile (320px) *****/
@media screen and (max-width:767px) {
h4.tit01 {font-size:15px; margin-top:20px;}
h4.tit03 {font-size:20px;}
p.formTit01 {margin-top:20px;}
div.boxType01 {background-position:10px center; padding-left:45px;}
div.btn01 {margin:15px 0 0 0; text-align:center;}
div.btn02 {margin-top:15px; text-align:center;}
span.btnType01 a, span.btnType01 button,
span.btnType03 a, span.btnType03 button {font-size:14px;}
ul.cmt01.btn {display:none;}
ul.cmt05 {margin-left:5px;}
.contArea header nav {display:none;}
 
 
 
 
 
}