@charset "utf-8";
/*나눔고딕*/
@import url(./fonts/NanumGothic/NanumGothic.css);

/*본고딕 웹폰트용 선명함*/
@import url(./fonts/NotoSans/NotoSansKR.css);
@import url(./fonts/Gotham/Gotham.css);

/* base */
html{overflow-y:scroll; overflow-x:hidden;}
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset,input,figure,figcaption{margin:0;padding:0;}
h1, h2, h3, h4, h5, h6{font-weight:normal;font-size:100%;}
a{text-decoration:none;}
ul, ol, li{list-style:none;}
img{border:none; vertical-align:middle;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary{display:block;}
table, td, tr{font-family:'NS Korean',sans-serif; font-size:13px; color:#333; font-weight:400;}

/* div위치조절 */
#wrap{width:100%; overflow:hidden; text-align:left; min-width:1200px; position:relative; background-color:#fff;}
#top_wrap{width:100%; height:155px;}
#middle_wrap{width:100%; overflow:hidden; position:relative;}
#bottom_wrap{margin:0 auto; width:100%; height:160px; background-color:#444444; min-width:1200px;}

/* top div위치조절 */
#top_total{margin:0 auto; width:100%; height:155px; position:relative;}
#top_total_a{margin:0 auto; width:100%; height:45px; border-bottom:1px solid #dddddd; border-top:1px solid #dddddd;} 

#top_a{margin:0 auto; width:1200px; line-height:40px; }



/* logo */
#top_logo_nav{margin:0 auto; width:1200px; height:110px; position:relative;}
#logo{margin:0 auto; width:850px; height:110px;}

.top_sns_nav{ position:absolute; right:175px; top:33px; width:200px; height:45px;}
.top_sns_nav ul{ display:table; float:right;}
.top_sns_nav ul li{ float:left;}
.top_sns_nav ul li a{ display:block; width:140px; height:45px; overflow:hidden; background:#999; border-radius:10px; text-align:center;}
.top_sns_nav ul li a:hover{
background: #efc35a; /* Old browsers */
background: -moz-linear-gradient(45deg, #efc35a 0%, #c74684 28%, #5d55a4 89%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #efc35a 0%,#c74684 28%,#5d55a4 89%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #efc35a 0%,#c74684 28%,#5d55a4 89%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

/* top_nav */
div#commonGnb{margin:0 auto; width:1200px; height:45px;}
div#commonGnb div.gnbWrap{width:100%; height:45px;}
div#commonGnb div.gnbWrap ul.gnbLayer{margin:0 auto; width:850px; height:45px; text-align:center;}
div#commonGnb div.gnbWrap ul.gnbLayer li{float:left; width:170px; position:relative; z-index:999;zoom:1;  border-right:1px solid #dddddd;}
div#commonGnb ul.gnbLayer li{position:relative;}

div#commonGnb ul.gnbLayer li#tnav05 > a{ background-color:#df771c; color:#fff;}
div#commonGnb ul.gnbLayer li#tnav05 > a:hover{ background-color:#b80909; color:#fff;}

div#commonGnb ul.gnbLayer li a{display:block; width:170px; height:45px; padding:0 5px; font-family:'NS Korean',sans-serif; font-size:16px; line-height:45px; color:#53585a; font-weight:600; letter-spacing:-0.5px;}
div#commonGnb ul.gnbLayer li a:hover{color:#fff; font-weight:600; background-color:#df771c;}

div#commonGnb ul.gnbLayer li dl {position:absolute; left:0px; top:45px; width:170px; display:none;}
div#commonGnb ul.gnbLayer li dd {display:block; background:rgba(0,0,0,0.8);}
div#commonGnb ul.gnbLayer li dd a {display:block; width:170px !important; height:40px; padding:0; font-size:14px; line-height:40px; color:#fff; font-weight:600; border-bottom:1px solid #333333;}
div#commonGnb ul.gnbLayer li dd a:hover { background-color:#df771c; font-weight:600; color:#FFF;}



/* main */
#top_main_wrap{margin:0 auto; width:100%; overflow:hidden;}
#main_banner_total{margin:0 auto; width:100%; height:820px;}

/*main_banner*/
#main_banner{position:relative; width:100%; overflow:hidden;}
.main_text{ position:absolute; z-index:1000; left:50%; top:20%; margin-left:-600px;  width:600px;}

/* ---------------------------- index.php (main div위치조절) ---------------------------- */


#main_middle_total_b{margin:0 auto; width:100%;  margin-top:45px; margin-bottom:65px;}
#main_con_total_f{margin:0 auto; position:relative; width:100%; height:550px; background-color:#f7f7f7;}/*배너퀵메뉴*/

/* 퀵메뉴*/
#main_middle_total_a{margin:0 auto; width:100%; height:585px; background:url('../images/quick_bg.jpg') center top;}
#main_quick_total{margin:0 auto; width:1200px; height:585px;}

#main_title_total{margin:0 auto; width:100%; height:260px;}
.title_name{margin:0 auto; width:600px; height:165px; padding-top:50px;}

#main_quick_wrap{float:left;width:1200px; height:240px; margin-top:15px;}
#main_quick{float:left; width:1200px;}
#main_quick_a_wrap{float:left; position:relative; width:1200px; height:240px;}
.main_quick_a{margin:0 auto; width:1200px; height:240px;}
.main_quick_a li{float:left;}
.main_quick_a li a{display:block; height:240px; background:url('../images/main_quick.png') center center;}
.main_quick_a li.qmb01 a{width:300px; height:240px; background-position:0 top;}
.main_quick_a li.qmb02 a{width:300px; height:240px; background-position:-300px top;}
.main_quick_a li.qmb03 a{width:300px; height:240px; background-position:-600px top;}
.main_quick_a li.qmb04 a{width:300px; height:240px; background-position:-900px top;}

.main_quick_a li.qmb01 a:hover{width:300px; height:240px; background-position:0 bottom;}
.main_quick_a li.qmb02 a:hover{width:300px; height:240px; background-position:-300px bottom;}
.main_quick_a li.qmb03 a:hover{width:300px; height:240px; background-position:-600px bottom;}
.main_quick_a li.qmb04 a:hover{width:300px; height:240px; background-position:-900px bottom;}


/*메인화면_갤러리추출*/
#main_g_wrap{ margin:0 auto; width:100%; height:830px; background:url('../images/info_store_bg.jpg') center top;}
.main_g{margin:0 auto; width:100%; height:830px;}
.main_g_area_wrap{margin:0 auto; height:830px; width:1200px;}
.main_g_area{width:1200px; height:830px;}


/* 가운데 배너*/
#adver_total{margin:0 auto; width:100%; height:600px; background:url('../images/adver_img.jpg') center top;}
.abtn{ float:left; margin:460px 0 0 395px; width:100%}
.abtn p a{ padding:12px 40px; font-size:14px; color:#fff; line-height:45px; border:2px solid #fff; font-family:'NS Korean',sans-serif; font-weight:600;}
.abtn p a:hover{ background-color:#df771c; color:#fff; font-weight:600;}


/*배너 퀵메뉴*/
#main_quick_fwrap{margin:0 auto; width:1200px; height:550px;}
#main_quick_ff{margin:0 auto; width:1200px;}
#main_quick_f_wrap{margin:0 auto; position:relative; width:1200px; height:220px;}
.main_quick_f{margin:0 auto; width:1200px; height:220px;}
.main_quick_f li{float:left;}
.main_quick_f li a{display:block; height:220px; background:url('../images/quick_04.png') center center;}
.main_quick_f li.qmb11 a{width:585px; height:220px; margin-right:30px; background-position:0 top;}
.main_quick_f li.qmb12 a{width:585px; height:220px; background-position:-615px top;}

.main_quick_f li.qmb11 a:hover{width:585px; height:220px; margin-right:30px;; background-position:0 bottom;}
.main_quick_f li.qmb12 a:hover{width:585px; height:220px; background-position:-615px bottom;}


/*공지사항_고객센터*/
#main_con_a{margin:50px auto; width:100%; overflow:hidden;}/*전체*/
#con_bottom{margin:0 auto; width:1200px; height:250px; margin-bottom:30px;}

/*공지사항*/
.main_a{float:left; width:345px; height:250px; margin-right:55px;}
.main_a_title_wrap{position:relative; width:345px; height:60px;}
.main_a_title{float:left; width:190px; height:35px; padding:25px 0px;}
.main_a_more{position:absolute; right:-20px; top:30px; width:50px; height:15px;}
.main_a_con_wrap{width:345px; height:190px;}
.main_a_con{padding-top:30px; width:345px; height:160px;}


/*고객센터*/
.main_d{float:left; width:320px; height:240px; margin-right:55px;}
.main_d_title_wrap{position:relative; width:345px; height:60px;}
.main_d_title{float:left; width:190px; height:35px; padding:25px 0px;}
.main_d_con{padding-top:30px; width:320px; height:160px;}


/*온라인문의*/
.main_b{float:left; width:425px; height:250px; background-color:#df771c; }
.main_b_title_wrap{position:relative; width:425px; height:60px; }
.main_b_title{float:left; width:425px; height:60px;}
.main_b_con_wrap{width:425px; height:190px;}
.main_b_con{width:425px; height:175px; padding-top:15px;}




.title_text_sub{float:left; margin-top:15px; margin-left:10px; font-family:'NS Korean',sans-serif; font-size:14px; line-height:14px; color:#666; font-weight:500; letter-spacing:-0.5px}
.title_text{font-family:'NS Korean',sans-serif; font-size:16px; line-height:16px; color:#191818; font-weight:600; letter-spacing:-0.5px}

#con_sub{position:relative; margin:0 auto; width:100%; height:315px;}
#con_sub_img{position:absolute; left:50%; margin-left:-1200px; width:2200px; height:315px;}
#con_sub_copy{position:absolute; left:0%; margin-left:350px; bottom:0px; width:1200px; height:315px;}


#middle_total{margin:0 auto; padding-top:50px; width:1200px; overflow:hidden;}

/* ---------------------------- left_nav.php ---------------------------- */
#left_total{float:left; width:220px; min-height:500px;  margin-bottom:20px;}/*overflow:hidden;*/

#left_title_wrap{float:left; width:220px; height:100px; background:url('../images/left_menu_top_bg.jpg') no-repeat;}
#left_title{width:220px; color:#fefefe; font-family:'NS Korean',sans-serif; font-size:22px; text-align:center; font-weight:600; letter-spacing:-0.5px; margin-top:30px;}
#left_title_eng{margin-top:5px; width:220px; color:#fefefe; font-family:'NS Korean',sans-serif; font-size:11px; line-height:15px; text-align:center; font-weight:500; letter-spacing:-0.5px;}
#left_customer{float:left; width:220px; height:335px; margin-top:10px;}

/* left_nav over */
#left_nav{float:left; width:220px; }/*overflow:hidden;*/
.leftMenu {float:left; width:220px; }/*overflow:hidden;*/
.leftMenu > li > a{display:block; padding-left:13px; width:220px; height:45px; font-family:'NS Korean',sans-serif; font-size:14px; line-height:45px; font-weight:600; color:#666; background:#fff;}
.leftMenu > .menu01{list-style:none; border-bottom:1px solid #ddd;}
.leftMenu > li{list-style:none; border-bottom:1px solid #ddd; width:220px;}
.leftMenu > li.last{border-top:0px}
.leftMenu > li > a:hover{color:#444444; font-weight:600; background:#f3f3f3 url('../images/left_menu_arrow.png') no-repeat 202px center;}
.leftMenu > li.on > a{color:#ffffff; font-weight:600; background:#444444 url('../images/left_menu_arrow.png') no-repeat 202px center;}
/* 좌메뉴 over */

/* 서브메뉴 영역 */
.leftMenu .menu04 .gub_sub { background-image:none;}
.leftMenu li .gub_sub {overflow:hidden; height:auto; padding:10px 0; border-top:1px solid #ddd; background:#f3f3f2;}
/*.leftMenu li .gub_sub li {float:none;}*/
.leftMenu li .gub_sub li a {display:block; height:25px; padding-left:15px; font-family:'NS Korean',sans-serif; font-size:14px; line-height:25px; color:#777; text-align:left; background:none;}
.leftMenu li .gub_sub li a:hover {color:#000;}
.leftMenu li .gub_sub li.on a {color:#000;}
/* --- } left_nav 사용시 --- */


#con_total{margin:0 auto; width:1200px; overflow:hidden;  }
#con_title{margin:0 auto; width:100%; height:275px; background:url('../images/sub_img.jpg') center top;}
/* --- } left_nav 사용시 --- */


/* 타이틀_코딩 */
#title_a_wrap{margin:0 auto; width:370px; font-family:'NS Korean',sans-serif; font-size:40px; color:#fff; line-height:40px; text-align:center; font-weight:600; letter-spacing:-0.5px; padding-top:55px;}
#title_icon{margin:0 auto; width:95px; height:55px;  padding-top:50px;}
#title_a_sub{float:left; margin-top:25px; width:550px; font-family:'NS Korean',sans-serif; font-size:30px; color:#fff; line-height:15px; text-align:left; font-weight:500; letter-spacing:-0.5px;}

/* #title_b_wrap{float:right; margin-top:60px; width:400px;}
#title_b{float:right; font-family:'NS Korean',sans-serif; font-size:14px; color:#000; line-height:14px; text-align:right; font-weight:500; letter-spacing:-0.5px}
#title_b .title_tree{color:#0159a3; font-weight:600;}*/

.title_text_sub{float:left; margin-top:15px; margin-left:10px; font-family:'NS Korean',sans-serif; font-size:14px; line-height:14px; color:#666; font-weight:500; letter-spacing:-0.5px}
.title_text{font-family:'NS Korean',sans-serif; font-size:16px; line-height:16px; color:#191818; font-weight:600; letter-spacing:-0.5px}

#con{float:left; margin:0px auto; width:1200px; overflow:hidden; padding:0; padding-bottom:30px;}

/* ---------------------------- tab_nav.php ---------------------------- */
#tab_nav{width:1200px; margin:0 auto; padding-bottom:60px;}
#tab_nav h2{width:1px;height:1px;font-size:0;line-height:0;overflow:hidden;}
#tab_nav ul{zoom:1; display:table; margin:0 auto;}
#tab_nav ul > li {float:left;margin-bottom:-1px; margin-right:10px; width:230px; }
#tab_nav ul > li > a {display:block;position:relative;padding:15px 0 15px;width:230px; background:#e49f11;color:#fff; text-align:center;line-height:1.2em;cursor:pointer; letter-spacing:-0.5px; font-family:'NS Korean',sans-serif; font-size:15px;}
#tab_nav ul > li > a:focus, #tab_nav a:hover, #tab_nav a:active  {text-decoration:none;background:#dfab3e; font-weight:600; color:#fff;}
#tab_nav ul > li.on a {z-index:2; box-sizing:border-box;background:#df771c;color:#fff;font-weight:600;}



/* bottom div위치조절 */
#bottom_total{margin:0 auto; width:1200px; overflow:hidden;  padding: 0 0 0 0; position:relative; }
#copy_text{float:left; text-align:left; width:550px; height:60px; padding-left:0px; margin:35px 0 0 0;  font-family:'NS Korean',sans-serif; font-size:12px; line-height:20px; color:#aaa;}
#copy_logo{float:left; width:185px; height:90px; margin:35px 40px 0px 0px;}
#copy_link{float:right; width:400px; height:20px; margin:35px 0 0 0;}
#copy_link a{float:right; margin-left:15px; display:block; font-family:'NS Korean',sans-serif; font-weight:600; font-size:12px; line-height:20px; color:#ccc;}
#copy_link a:hover{color:#ebc700; font-weight:600;}

.copy_sns_nav{ position:absolute; right:0px; top:80px; width:130px; height:30px;}
.copy_sns_nav ul{ display:table; float:right;}
.copy_sns_nav ul li{ float:left; margin-left:5px;}
.copy_sns_nav ul li a{ display:block; width:140px; height:45px; overflow:hidden; border-radius:5px; text-align:center;
background: #efc35a; /* Old browsers */
background: -moz-linear-gradient(45deg, #efc35a 0%, #c74684 28%, #5d55a4 89%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #efc35a 0%,#c74684 28%,#5d55a4 89%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #efc35a 0%,#c74684 28%,#5d55a4 89%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

/* 서브페이지 코딩----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */