@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%; height:100%; min-width:1020px;}

/* 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:1000px; 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{width:100%; height:590px; background:#fff ; max-width:500px;}
.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:380px; 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;}