@charset "utf-8";
@font-face{
	font-family:"helve;
	src: url('../font/helvetica.eot'); /* IE9 Compat Modes */
	src: url('../font/HelveticaNeueLTPro-Lt.woff') format('woff'), /* Pretty Modern Browsers */
	src: url('../font/helvetica.eot#iefix') format('embedded-opentype'),
    url('../font/HelveticaNeueLTPro-Lt.otf') format('opentype'), /* Safari, Android, iOS */
    url('../font/HelveticaNeueLTPro-Lt.ttf') format('truetype'); /* Safari, Android, iOS */
}
@font-face{
	font-family:"dinlig";
	src: url('../font/din-light.eot'); /* IE9 Compat Modes */
	src: url('../font/din-light.woff') format('woff'), /* Pretty Modern Browsers */
     url('../font/din-light.ttf') format('truetype'); /* Safari, Android, iOS */
}
html,body{width:100%; height:100%; margin:0; padding:0; border:0;}

.wrap{width:100%;   margin:0 auto; position: relative;}

/* top */
/*.topWrap{width:100%; height:41px; background:#707070; border-top:1px solid #767676;  border-bottom:1px solid #767676}
.top{width:1000px; margin:0 auto;}
.top h1{margin-top:11px; float:left;}

.top .topmenu dd{float:left; margin-top:11px; margin-left:24px}
.top .topmenu dd a{display:block; color:#bfbfbf; font-size:12px; -webkit-transition:all .25s;  -moz-transition:all .25s;   -ms-transition:all .25s;    -o-transition:all .25s;   transition:all .25s;}
.top .topmenu dd a:hover{color:#fff; font-weight:bold;}

/* nav */
/*.navWrap{width:100%; height:113px; border-bottom:1px solid #d3d3d3}
.navCon{width:1000px; margin:0 auto;}
.navCon .nav{margin-top:37px;}
.navCon .nav li{ display:inline-block; vertical-align:middle; margin-right:77px;}
.navCon .nav li.lst{margin-right:0;}
.navCon .nav li a:hover{ display:block; opacity:1;  -khtml-opacity:1;  -moz-opacity:1;  -ms-filter:”alpha(opacity=100)”;  filter:alpha(opacity=100);  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);    -webkit-transition:all .25s;  -moz-transition:all .25s;   -ms-transition:all .25s;    -o-transition:all .25s;   transition:all .25s;}
.navCon .nav li a{opacity:.6;  -khtml-opacity:.60;  -moz-opacity:.60;  -ms-filter:”alpha(opacity=60)”;  filter:alpha(opacity=60);  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);  opacity:.60; }
.navCon .selection{margin-top:22px;}
.navCon .selection li{margin-bottom:5px; }
.navCon .selection li select{background:url('../../img/main/img_selct_arrow.gif') no-repeat right center; color:#b3b3b3 ; font-size:13px;}
.navCon .selection li select option{color:#b3b3b3; padding:5px 10px; border:none; background:#fff; }

/* container */
.container{width:95%; margin:20px auto;}

/* botContainer */

/*.botContainer{width:100%; height:276px; background:#e8e8e8;}
.botMenu{width:1000px; margin:0 auto; position:relative;}
.botMenu > li{float:left; margin-top:40px; margin-right:70px;}
.botMenu > li.mm_03 .botSub{ width:440px;}
.botMenu > li.mm_03 .botSub li{float:left;  width:145px;}
.botMenu > li.mm_04{clear:both; position:absolute; top:120px;}
.botMenu > li.mm_05{clear:both; position:absolute; top:145px; left:144px;}
.botMenu > li > a{display:block; font-size:16px; color:#707070; font-family:"helve", sans-serif; -webkit-transition:all .25s;  -moz-transition:all .25s;   -ms-transition:all .25s;    -o-transition:all .25s;   transition:all .25s; }
.botMenu > li >.botSub li a{margin-top:10px; display:block; font-size:12px; color:#969595;-webkit-transition:all .25s;  -moz-transition:all .25s;   -ms-transition:all .25s;    -o-transition:all .25s;   transition:all .25s; }
.botMenu > li:hover a{color:#3d3d3d;}
.botMenu > li >.botSub li a:hover{color:#3d3d3d;}

/* sns */
/*.botMenu > li.snsWrap{position:absolute; top:0px; right:0; width:240px; margin-right:0;}
.botMenu > li.snsWrap dt{display:block; font-size:16px; color:#707070; font-family:"helve",  sans-serif; }
.botMenu > li.snsWrap dd{float:left;}
.botMenu > li.snsWrap dd.mail{clear:both;}
.botMenu > li.snsWrap dd > a{display:block; margin-right: 10px; background:url('../../img/main/img_sns.gif') no-repeat 0 0; margin-top:12px; width:32px; height:29px; text-indent:-9999px; overflow:hidden;  -webkit-transition:all .25s;  -moz-transition:all .25s;   -ms-transition:all .25s;    -o-transition:all .25s;   transition:all .25s; }
.botMenu > li.snsWrap dd > a:hover{background:url('../../img/main/img_snsa.gif') no-repeat 0 0 ;}
.botMenu > li.snsWrap dd.tub > a{background-position:-45px 0; margin-right:15px;}
.botMenu > li.snsWrap dd.blog > a{background-position:-98px 0;  margin-right:22px;}
.botMenu > li.snsWrap dd.insta > a{background-position:-155px 0;}
.botMenu > li.snsWrap dd.mail{width:239px; height:35px; margin-top:20px; border:1px solid #9f9f9f; -webkit-transition:all .25s;  -moz-transition:all .25s;   -ms-transition:all .25s;    -o-transition:all .25s;   transition:all .25s; }
.botMenu > li.snsWrap dd.mail a{background:none; background:url('../../img/main/img_maila.gif') no-repeat left 11px, url('../../img/main/img_mail_arra.gif') no-repeat right 12px; text-indent:0; margin:0; font-size:14px; line-height:32px; color:#959595; width:90%;text-align:center; margin:0 auto;}
.botMenu > li.snsWrap dd.mail:hover{border-color:#555;}
.botMenu > li.snsWrap dd.mail:hover a{color:#5a5a5a; background:url('../../img/main/img_maila.gif') no-repeat left 11px, url('../../img/main/img_mail_arra.gif') no-repeat right 12px;}

/* footerWrap */
/*.footerWrap{height:80px; background:#707070; width:100%;}
.footer{width:1000px; margin:0 auto;}
.footer h4, address{display:inline-block; margin-top:15px;}
address{vertical-align:top; line-height:27.5px; }
address p{margin-left: 30px; color:#b3b3b3; font-size:14px;}
address p.din{font-family:'dinlig','sans-serif';}
address p.din span{font-size:11px; color:#b3b3b3; margin-left:64px;}

/* popup */

.popWrap{max-width:100%; height:590px; background:#fff ; }
.popWrap .popHeader{ background:url('../../img/main/img_pop_bg.gif') no-repeat top center; width:100%; height:122px;}
.popWrap .popHeader p{font-size:17px; color:#555;text-align:center;  line-height:22px; padding-top:35px;}
.popWrap .popCont{width:100%; padding:25px;}


.popWrap .popCont .email{width:100%; margin:0 auto;}
.popWrap .popCont .email label input{width:100%; border:none; border-bottom:1px solid #b4b4b4; font-size:14px;}

.popWrap .popCont .email{width:100%; margin:0 auto;}
.popWrap .popCont .email input{border:none; border-bottom:1px solid #b4b4b4; font-size:14px; width:100%;}

.popWrap .popCont h1{margin-top:35px; padding-top:20px; border-top:1px dashed #d2d2d2; color:#3d3d3d; font-size:12px; font-weight:bold;}
.popWrap .popCont .pop_person{margin-top:10px; border:1px solid #d6d6d6; width:100%; height:180px; overflow-y:auto; padding:10px 20px 20px 25px; background:#f5f5f5}
.popWrap .popCont .pop_person h2{font-size:15px; color:#3d3d3d; font-weight:bold;}
.popWrap .popCont .pop_person p{white-space:normal; word-break:keep-all; line-height:30px; margin-top:10px; font-size:13px;}
.popWrap .popCont p.person{margin-top:10px;}
.popWrap .popCont p.person label{font-size:12px; }
.popWrap .popCont p.person label span{font-weight:bold;}
 ul.pop_btn {clear:both;width:272px; margin:0px auto;}
ul.pop_btn li{text-align:center; width:131px; display:inline-block; margin-top:35px; height:40px; }
ul.pop_btn li button{display:block;  width:131px; height:40px; color:#fff; background:#707070;  font-size:18px; line-height:36px;}
ul.pop_btn li.can button{background:#a1a1a1; margin-left:5px;}


.gnb{ width:100%; height:120px; background:#fff;margin:0 auto; position:relative; }
.gnb .top{margin:0 auto; width:90%; height:100%; line-height:120px; position:relative;}
.gnb .top .site_map{position:absolute; top:0px; left:0px;}
.gnb .top h1{ text-align:center; margin:0 auto; /* padding-top:3px; */}


.gnb .top .brand{position:absolute; top:0px; right:0px; }
.gnb .top .site_map a{ text-align:left;font-family:"helve",  sans-serif; color:#868686; font-size:25px; letter-spacing:-1px; font-weight:bold;}
.gnb .top .brand a{ text-align:right;font-family:"helve",  sans-serif; color:#868686;font-size:25px; font-weight:bold; letter-spacing:1px;}


.footer { width:100%; margin:0 auto;}
.footer .f_top {background:#fff; /* height:136px; */ width:100%;/*  border-bottom:1px solid #cccccc;  *//* line-height:200px; */ margin:0 auto; text-align:center; }
.footer .f_top li{ list-style:none; display:inline-block; width:24%; vertical-align:middle; /* padding-left:2%;padding-right:2% */}
.footer .f_top li a{display:block; padding:20px 0;}
/* .footer .f_top li a img{width:100%;} */

.footer .f_mid {background:#e8e8e8; height:137px; width:100%;  line-height:137px; margin:0 auto; text-align:center; }

.footer .f_mid .mail a{font-weight:bold; font-size:32px; color:#b3b3b3; }

.footer .f_bot{background:#d1d1d1; /* height:207px; */ width:100%; padding:20px 3%;  margin:0 auto; text-align:center;  }

.footer .f_bot .text{ text-align:left; font-size:18px; color:#666;   line-height:22px; position:relative; }

.go_to_pc{position:absolute; top:0; right:0; display:block;}
.go_to_pc a{display:block;color:#fff; background:#666; padding:8px 20px; font-weight:bold; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px;}


.ppop{height:100%}
.site_pop{background:#eee; height:100%; width:70%; float:left; position:absolute; top:0; left:0; z-index:5555;}
.site_pop_bg{width:100%; height:100%; background:url('../../img/common/layer_bg.png') repeat;}
.site_pop_bg a{display:block;width:100%;height:100%}

/* .site_pop .t_box{width:90%; margin:27px auto} */
.site_pop .t_box .p_top{padding:20px 5%; background:#dddddd;}
.site_pop .t_box .p_top .tt_lf{text-align:left; color:#666;font-size:20px; font-weight:600; display:inline-block; letter-spacing:1px;}

.site_pop .t_box .p_top .tt_rt{text-align:right;color:#666;font-size:15px; display:inline-block;float:right;}
.site_pop .t_box .p_top .tt_rt a{text-align:right;color:#666;font-size:15px;  display:inline-block; }
.site_pop .t_box .st{color:#666; padding:20px 5%; padding-bottom:2.5%; }
.site_pop .t_box .st a{color:#666;font-size:20px; font-weight:600;  }
.site_pop .t_box .sst{color:#888; padding:5px 5%; padding-left:8%;}
.site_pop .t_box .sst a{color:#888;font-size:18px;   font-weight:600;}







.ppop{height:100%}

.brand_pop{background:#eee; height:100%; width:70%; float:right;position:absolute;  top:0; right:0; z-index:5555;}
.site_pop_bg{width:100%; height:100%; background:url('../../img/common/layer_bg.png') repeat;}
.site_pop_bg a{display:block;width:100%;height:100%}

/* .brand_pop .t_box{} */
.brand_pop .t_box{ display:block; }
.brand_pop .t_box .p_top{padding:20px 5%; background:#dddddd;}
.brand_pop .t_box .p_top .tt_lf{text-align:left; color:#666;font-size:20px; font-weight:600; display:inline-block; letter-spacing:1px;}
.brand_pop .t_box .p_top .tt_rt{text-align:right;color:#666;font-size:15px; display:inline-block;float:right;}
.brand_pop .t_box .p_top .tt_rt a{text-align:right;color:#666;font-size:15px;  display:inline-block; }

.brand_pop .t_box .st{color:#666; padding:20px 5%; padding-bottom:5px; }
.brand_pop .t_box .st a{color:#888;font-size:18px;   font-weight:600;  }

/* .brand_pop .st.brand_bottom{position:absolute;; top:400px} */
/* .brand_pop .st.brand_bottom a{color:#888;font-size:18px;   font-weight:600;  } */

.brand_pop .st.brand_bottom a{color:#4c4c4c;}


#layerPop{position:absolute; z-index:22; display:none;margin:0 auto; background:url('../../img/common/layer_bg.png') repeat; width:100%;top:0; height:100%}

#layerPop2{position:absolute; z-index:22; display:none;margin:0 auto; background:url('../../img/common/layer_bg.png') repeat; width:100%;top:0; height:100%}


/*------------------------------------------미디어쿼리 1024 이하 tablet size------------------------------------------*/	
@media screen and (max-width: 1024px) {

.gnb{ width:100%; height:120px; background:#fff;margin:0 auto; position:relative; }
.gnb .top{margin:0 auto; width:90%; height:100%; line-height:120px; position:relative;}
.gnb .top .site_map{position:absolute; top:0px; left:0px;}
.gnb .top h1{ text-align:center;margin:0 auto;}
.gnb .top .brand{position:absolute; top:0px; right:0px; }
.gnb .top .site_map a{ text-align:left;font-family:"helve",  sans-serif; color:#868686; font-size:25px; letter-spacing:-1px; font-weight:bold;}
.gnb .top .brand a{ text-align:right;font-family:"helve",  sans-serif; color:#868686;font-size:25px; font-weight:bold;letter-spacing:1px;}


.footer { width:100%; margin:0 auto;}
/* .footer .f_top {background:#e8e8e8; height:136px; width:100%; border-bottom:1px solid #cccccc; line-height:200px; margin:0 auto; text-align:center; }
.footer .f_top li{ list-style:none; display:inline-block; width:20%; padding-left:2%;padding-right:2%}
 */
.footer .f_mid {background:#e8e8e8; height:137px; width:100%;  line-height:137px; margin:0 auto; text-align:center; }

.footer .f_mid .mail a{font-weight:bold; font-size:32px; color:#b3b3b3; }

/* .footer .f_bot{background:#d1d1d1; height:207px; width:100%;   margin:0 auto; text-align:center;  } */

/* .footer .f_bot .text{ text-align:center; font-size:24px; color:#555; padding-top:5% } */
.footer .f_bot .text{font-size:15px; line-height:20px;}



.ppop{height:100%}
.site_pop{background:#eee; height:100%; width:70%; float:left;}
/* .site_pop .t_box{width:90%; margin:27px auto} */
/* .site_pop .t_box .p_top{border-bottom:1px solid #ffffff; padding-bottom:5%} */
/* .site_pop .t_box .p_top .tt_lf{text-align:left; color:#ffffff;font-size:80px; font-weight:900; display:inline-block;}
.site_pop .t_box .p_top .tt_rt{text-align:right;color:#ffffff;font-size:80px; display:inline-block;float:right;}
.site_pop .t_box .p_top .tt_rt a{text-align:right;color:#ffffff;font-size:80px;  display:inline-block; }
.site_pop .t_box .st{color:#ffffff; padding-top:15%; padding-bottom:2.5%; font-size:60px; font-weight:800;  }
.site_pop .t_box .st a{color:#ffffff;font-size:60px; font-weight:800;  }
.site_pop .t_box .sst{color:#ffffff; padding-top:2.5%; padding-bottom:2.5%; padding-left:2.5%}
.site_pop .t_box .sst a{color:#ffffff;font-size:50px;   }

 */



.ppop{height:100%}
.brand_pop{background:#eee; height:100%; width:70%; float:right}
/* .brand_pop .t_box{width:90%; margin:27px auto}
.brand_pop .t_box .p_top{border-bottom:1px solid #ffffff; padding-bottom:5%}
.brand_pop .t_box .p_top .tt_lf{text-align:left; color:#ffffff;font-size:80px; font-weight:900; display:inline-block;}
.brand_pop .t_box .p_top .tt_rt{text-align:right;color:#ffffff;font-size:80px; display:inline-block;float:right;}
.brand_pop .t_box .p_top .tt_rt a{text-align:right;color:#ffffff;font-size:80px;  display:inline-block; }
.brand_pop .t_box .st{color:#ffffff; padding-top:15%; padding-bottom:2.5%; font-size:60px; font-weight:800;  }
.brand_pop .t_box .st a{color:#ffffff;font-size:60px; font-weight:800;  }
    */
}




/*-------------------------------------------미디어쿼리 768 이하 phone size --------------------------------------------------*/

@media screen and (max-width: 768px) {
.mg_100{margin-bottom:30px;}



.mg_5{margin-bottom:2px ;}
.mg_10{margin-bottom:5px;}
.mg_20{margin-bottom:7px;}
.mg_30{margin-bottom:8px;}
.mg_40{margin-bottom:10px;}
.mg_50{margin-bottom:14px ;}

.mg_70{margin-bottom:18px;}



.mg_60{margin-bottom:17px;}
.gnb{ width:100%; height:65px; background:#fff;margin:0 auto; position:relative; }
.gnb .top{margin:0 auto; width:90%; height:100%; line-height:65px; position:relative;}
.gnb .top .site_map{position:absolute; top:0px; left:0px;}
.gnb .top h1{ text-align:center;margin:0 auto;}
.gnb .top .brand{position:absolute; top:0px; right:0px; }
.gnb .top .site_map a{ text-align:left;font-family:"helve",  sans-serif; color:#868686; font-size:15px;letter-spacing:-0.5px; font-weight:bold;}
.gnb .top .brand a{ text-align:right;font-family:"helve",  sans-serif; color:#868686;font-size:15px; font-weight:bold; letter-spacing:1px;}


.footer { width:100%; margin:0 auto;}
/* .footer .f_top {background:#fff; height:60px; width:100%; border-bottom:1px solid #cccccc; line-height:90px; margin:0 auto; text-align:center; }
.footer .f_top li{ list-style:none; display:inline-block; width:12%; padding-right:5%}
 */

.footer .f_top li a{width:40%; margin:0 auto;}
.footer .f_mid {background:#e8e8e8; height:40px; width:100%;  line-height:40px; margin:0 auto; text-align:center; }

.footer .f_mid .mail a{font-weight:bold; font-size:15px; color:#b3b3b3; }

/* .footer .f_bot{background:#d1d1d1;  width:100%; height:100px;  margin:0 auto; text-align:center;  } */

/* .footer .f_bot .text{ text-align:center; font-size:11px; color:#555; padding-top:5% } */
.footer .f_bot .text{line-height:18px; font-size:12px;}
.footer .f_mid .m_img{width:4%; margin-right: 5px;}
.footer .f_mid .ar_img{width:2%; margin-left: 5px;}
.fb_logo{ max-width:50%}

.ppop{height:100%}
.site_pop{background:#eee; height:100%; width:70%; float:left;}
/* .site_pop .t_box{width:90%; margin:27px auto} */
/* .site_pop .t_box .p_top{border-bottom:1px solid #ffffff; padding-bottom:5%} */
/* .site_pop .t_box .p_top .tt_lf{text-align:left; color:#ffffff;font-size:15px; font-weight:900; display:inline-block;}
.site_pop .t_box .p_top .tt_rt{text-align:right;color:#ffffff;font-size:15px; display:inline-block;float:right;}
.site_pop .t_box .p_top .tt_rt a{text-align:right;color:#ffffff;font-size:15px;  display:inline-block; }
.site_pop .t_box .st{color:#ffffff; padding-top:8%; padding-bottom:2.5%; font-size:12px; font-weight:800;  }
.site_pop .t_box .st a{color:#ffffff;font-size:15px; font-weight:800;  }
.site_pop .t_box .sst{color:#ffffff; padding-top:2.5%; padding-bottom:2.5%; padding-left:2.5%}
.site_pop .t_box .sst a{color:#ffffff;font-size:14px;   }


 */


.ppop{height:100%}
 .brand_pop{background:#eee; height:100%; width:70%; float:right}/*
.brand_pop .t_box{width:90%; margin:27px auto}
.brand_pop .t_box .p_top{border-bottom:1px solid #ffffff; padding-bottom:5%}
.brand_pop .t_box .p_top .tt_lf{text-align:left; color:#ffffff;font-size:15px; font-weight:900; display:inline-block;}
.brand_pop .t_box .p_top .tt_rt{text-align:right;color:#ffffff;font-size:15px; display:inline-block;float:right;}
.brand_pop .t_box .p_top .tt_rt a{text-align:right;color:#ffffff;font-size:15px;  display:inline-block; }
.brand_pop .t_box .st{color:#ffffff; padding-top:15%; padding-bottom:2.5%; font-size:12px; font-weight:800;  }
.brand_pop .t_box .st a{color:#ffffff;font-size:15px; font-weight:800;  } */
   
}


@media screen and (max-width: 480px) {
.footer .f_bot .text{text-align:center;}
.go_to_pc{position:static; top:auto; right:auto; display:block; margin:0 auto; text-align:center; width:120px;}
.go_to_pc a{text-align:center; margin-top:10px;}
.gnb .top h1 a{display:block; height:13px ;}
.gnb .top h1 a img{height: 100%;}

}
@media screen and (max-width: 340px) {
.brand_pop .t_box .st{padding:10px 5% 0;}
}