@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

* {padding:0;margin:0;}
body{font-family: 'Noto Sans KR', sans-serif; color:#353535;}
th, td{font-family:dotum,±¼¸²,µ¸¿ò; font-size:12px;line-height:21px;}
img,fieldset{ border:0;}
ul,li { list-style:none; }
select,input{ font-family:verdana;color:#000000;font-size:1.00em;}
address,em{ font-style:normal;}
button{ border:none;background:none;cursor:pointer;}
hr,legend{ display:none;}
p,h1,h2,h3,h4,h5,h6,form,input,ul,li,dl,dt,dd {margin:0;padding:0;}
a img {vertical-align:text-bottom;}
a:link{color:#353535;text-decoration:none;}
a:visited{color:#353535;text-decoration:none;}
a:hover{color:#353535;text-decoration:underline;}





/* LAYOUT */
#main{position:relative;}
#wrap_main{width:100%;height:100%;overflow:hidden;}
#wrap_slider {position:relative;margin:0 auto; z-index:1; margin-top:-42px;}
#wrap{ width:1000px; margin:0 auto;}
#header {position:relative;height:122px;width:100%;}
.global_nav {*zoom:1;padding:15px 1px 0 0;overflow:hidden;height:25px;}
.global_nav:after {content:"";clear:both;display:block;}
.global_nav ul {float:right;margin-right:-7px;*zoom:1}
.global_nav li {float:left;padding:0 6px 0 6px;}
.global_nav li a {color:#868787 !important;font-size:11px !important;font-family:dotum, verdana;}


#footer {position:relative;clear:both;width:100%;z-index:1; background:#f2f2f2; font-size:11px;}
.copyright{padding:15px 10px;}
.copyright ul { max-width:1000px; margin:0 auto; overflow:hidden;}
.copyright li{float:left;color:#878787; line-height:17px;}
.copyright .line{color:#c6c6c6;margin:0 10px;}
.copyright .copy{clear:both;margin-top:10px;}

#quick {position:relative;padding:78px 0 0 0; float:right;width:80px;}

.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.tb25{margin:25px 0;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mr7{margin-right:7px;}
.ml215{margin-left:215px;}
.ml11{margin-left:11px;}
.pt10{padding-top:10px;}

.col1{width:100%;}
.col2{width:50%; float:left;}
.col2_2{width:45%;}
.col3{width:33.33%;}
.col4{width:24%; margin:0.5%;}
.col5{width:20%;}
.width70{width:70%;}
.width30{width:30%;}




.title1{font-size:30px; line-height:1.3; letter-spacing:-2px; font-weight:500;word-break:keep-all;}
.title2{font-size:24px; line-height:32px; letter-spacing:-2px; font-weight:500;word-break:keep-all;}
.title3{font-size:18px; line-height:25px; letter-spacing:-1px;word-break:keep-all;}
.title4{font-size:16px; line-height:1.3; word-break:keep-all;}
.title5{font-size:14px; line-height:21px; color:#484848; font-weight:400; letter-spacing:0px; word-break:keep-all;}
.title6{font-size:12px; line-height:1.8; color:#595959;font-weight:300; word-break:keep-all;}
.title7{font-size:30px; line-height:1.3; letter-spacing:-2px; font-weight:500;word-break:keep-all; text-decoration: underline;}
.point_color{color:#b3917c !important; font-weight:500; margin-bottom:10px;}
.fontB{font-weight:500;}
.fontR{font-weight:300;}
.border1{border-bottom:1px solid #e5e5e5 !important;}
.border2{border-top:2px solid #464646 !important;}
.underNone{text-decoration:none !important;}
.pcNone{display:none;}
.mobileNone{display:block;}
#content{float:left;}




/* MAIN ONLY */
#main_content{clear:both; margin:0 auto; overflow:hidden;width:100%; max-width:981px; padding-top:25px; }
#main_content div{float:left;}
#main_content .news {position:relative;}
#main_content .col4 img{border:1px solid #e8e8e8;overflow:hidden;}
.image_hover {display:block; position:relative; z-index:0;}
#main_content section{clear:both; line-height:0; overflow:hidden;}
#main_second{clear:both;  overflow:hidden;width:100%;  margin-top:25px; background:#1b2121; text-align:center;}




/* Sub */
#fff{background:#fff url(../img/design/bg_sub.gif) center top repeat-x; overflow:hidden; padding-bottom:50px; }

#secondmenu{float:left;width:150px;border-top:2px solid #8b8b8b; border-bottom:2px solid #8b8b8b; font-family:dotum; font-size:12px;}
#secondmenu h1{height:46px;}
.leftmenu dt{border-top:1px solid #dfdfdf;padding:9px 0 9px 0; padding:10px 0 6px 0\9; font-weight:bold;}
#leftoff a, #lefton a{ border-top:1px solid #dfdfdf;padding:9px 0 9px 0; padding:10px 0 6px 0\9;font-weight:bold; }
#secondmenu #leftoff a:hover, #lefton a:hover{text-decoration:none;color:#212121!important;background:url(../img/design/icon_left.gif) right 2px no-repeat!important;}

#secondmenu a{text-decoration:none;color:#878787; display:block; }
#secondmenu a:hover{text-decoration:none;color:#212121;background:url(../img/design/icon_left.gif) right -9px no-repeat;}

#secondmenu #leftoff a {color:#878787!important;font-weight:bold; }
#secondmenu #lefton a {color:#212121!important;;font-weight:bold;background:url(../img/design/icon_left.gif) right 2px no-repeat;}
#secondmenu .on{color:#212121!important;font-weight:bold;background:url(../img/design/icon_left.gif) right -9px no-repeat;}



.sub_main {float:right;width:730px;text-align:left;margin-top:0px; }
.visual{width:1920px; margin:0 auto;position:relative; left:50%; margin-left:-960px; padding-bottom:30px; margin-top:-42px;}
.location {text-align:right;margin:-20px 0 40px 0;font-size:11px;color:#989898;z-index:3;width:100%;}
.location img {vertical-align:top;}
.location .page {color:#272727;}
.history{position:relative;width:100%;border-top:1px solid #e2e2e2;overflow:hidden; padding:15px 0;}
.history div{float:left; width:130px;}
.history ol{float:left; width:600px;padding-top:5px;overflow:hidden;}
.history ol li{position:relative; padding-bottom:10px;}
.history ol li p{position:absolute;}
.history ol li span{display:block; width:90%; margin-left:50px;}
.bullet{width:29px !important; margin:15px 0;}
.business{position:relative;overflow:hidden;}
.business .txt{width:45%; float:left;}
.business .img2{width:50%; float:left;}
.business .img{width:50%; float:right;}
.business .txt2{width:45%; float:right;}
.add b{width:65px; float:left;}
.add span{display:block;margin-left:65px;}
.subway{width:100%; height:130px; background:url(../img/design/sub1_bg2.jpg) right top no-repeat;}

.map iframe{width:100% !important; height:400px; margin-bottom:20px;}

.product{margin-bottom:45px; overflow:hidden;}
.product .txt{float:left; width:53%;}
.product img{float:right;}

.tabMenu{overflow:hidden; width:100%;}
.tabMenu li{float:left; font-size:12px;}
.tabMenu li a{text-align:center;padding:10px 20px;}
.tabMenu li a:hover{text-decoration:none;}
.tabMenu li a,.tabMenu li a span{display:inline-block;background:#ebebeb; color:#8d8c8a;}
.tabMenu li a:hover,.tabMenu li a:hover span,.tabMenu li.current a,.tabMenu li.current a span{background:#2a90da; color:#fff;}


.description{background:#f4f4f4; padding:20px; overflow:hidden;}
.description ul{margin-top:10px; margin-left:10px;}
.description li, .list li{padding-left:10px; background:url(../img/design/dot.gif) left 50% no-repeat;}
.list{padding:0px 10px; overflow:hidden;}


@media only screen and (max-width:1023px) {
    #wrap_slider {margin-top:0px;}
    #main_content .col4 img{width:100%;}
    #main_content .on{display:none;} 
    #fff{background:none;}
    #wrap{width:100%;}
    .visual{margin-top:0;}
    #secondmenu{display:none;}
    .sub_main {clear:both; float:none; width:100%;}
    .lr10{padding:0 10px;}
    .sub_main .m_padding{padding:0 10px;}
    .wh100{width:100%;}
    .title1{font-size:24px; line-height:30px;}
    .title2{font-size:20px; line-height:26px;}
    .title3{font-size:18px; line-height:24px;}
    .title4{font-size:15px; line-height:21px;}
    .title5{font-size:13px; line-height:19px;}
    .title6{font-size:12px;}   
}



@media only screen and (max-width:767px) {
     #main_content{padding-top:0;}
     #main_content section{padding:15px 13px;}
     #main_second{margin-top:0;}
     #main_content .col4 {width:46%; margin:2%;}
    .copyright ul { width:100%;}
    .copyright .line{display:none;}
    .copyright li{margin:0px 20px 0 0;}
    .visual{width:767px; margin-left:-384px; }
    .visual img{width:100%;}
    .location{text-indent:-99999px; text-align:left;}
    .history div{float:none;}
    .history ol{float:none; width:auto;margin-left:10px; margin-top:5px;}
    .history ol li{width:95%; padding:0px 0 0 0;}
    .history ol li span{margin-left:30px;}
    .bullet{margin:10px 0;}
    .business .txt{float:right; min-width:100%;}
    .business img{width:100%;}
    .business .img{float:left; min-width:100%; margin:10px 0;}
    .business .txt2{float:left; min-width:100%;}
    .business .img2{float:right; min-width:100%; margin:10px 0;} 
    .add, .subway{background:none;}  
    .map iframe{height:260px !important;}  
    .product img{float:none; width:100%;}
    .product .txt{width:100%; margin-bottom:40px;}
    .tabMenu li{width:50%;}
    .tabMenu li a, .tabMenu li a span{display:block;}
    .description .col2{width:100%;float:none; margin-top:40px;}
    .description .col2:first-child{margin-top:0;}
    .description ul{margin-left:5px;}
    .description li, .list li{background-position-y:10px;}
}