/* À¥ÆùÆ® */
@font-face{
font-family:'NanumGothic-B';
font-style:normal;
font-weight: 700;
src:url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot);
src:url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('woff2'),
url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'),
url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');
}

@font-face{
font-family: "NB-S";
src: url("/bizdemo24511/img/design/NanumBarunGothic.eot"); /*IE9 ȣȯ¼º º¸±â*/
src: local("@"),
url("/bizdemo24511/img/design/NanumBarunGothic.eot?#iefix") format("embedded-opentype"), /*IE 6-8*/
url("/bizdemo24511/img/design/NanumBarunGothic.woff") format("woff"); /*Ç¥ÁØ ºê¶ó¿ìÀú*/
}







* {padding:0;margin:0; font-family:'NanumGothic-B', 'NB-S', 'Dotum', 'Gulim', 'Arial', sans-serif;}
body,th,td,textarea,h1,h2,h3,h4,h5,h6 {font-family:dotum;font-size:12px;}
td{line-height:19px;}
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:top;}
a:link{font-size:12px;color:#787878;text-decoration:none;}
a:visited{font-size:12px;color:#787878;text-decoration:none;}
a:hover{font-size:12px;color:#787878;text-decoration:underline;}





/* LAYOUT */
#main{position:relative;}
#wrap_main{width:100%;height:100%;overflow:hidden; background:url(../img/main/bg_slider.jpg) center top no-repeat;}
#wrap_slider {position:relative;margin:0 auto; z-index:1; width:983px;}
#wrap{ width:983px; margin:0 auto;}
#header{ width:100%; position:relative; }
.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; border-top:1px solid #e2e2e2; font-size:0.9em; margin-top:50px;}
.copyright{padding:15px 10px;}
.copyright ul { max-width:983px; margin:0 auto; overflow:hidden; line-height:17px;}
.copyright li{float:left;color:#878787;}
.copyright .line{color:#2a2b2c;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;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt50{margin-top:50px;}
.mb8{margin-bottom:8px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mr7{margin-right:7px;}
.ml215{margin-left:215px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.pt10{padding-top:10px;}
.pb30{padding-bottom:30px;}

.col1{width:100%;}
.col2{width:50%;}
.col2_2{width:45%;}
.col3{width:33.33%;}
.col4{width:25%;}
.col5{width:20%;}
.width70{width:70%;}
.width30{width:30%;}




.title1{font-size:34px; line-height:40px; letter-spacing:-2px;}
.title2{font-size:24px; line-height:32px; letter-spacing:-2px;}
.title3{font-size:18px; line-height:25px; color:#787878; letter-spacing:-1px;}
.title4{font-size:16px; line-height:18px; color:#787878; letter-spacing:-1px;}
.title5{font-size:14px; line-height:20px; font-family:MalgunGothic; color:#595959; letter-spacing:0px;}
.title6{font-size:12px; line-height:19px; font-family:MalgunGothic; color:#595959;letter-spacing:-1px;}
.point_color{color:#b3917c; font-family:'NanumGothic-B'; margin-bottom:10px;}
.fontB{font-family:'NanumGothic-B';}
.fontR{font-family:'NanumGothic-R';}
.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{overflow:hidden;width:100%; max-width:500px; float:left; margin-left:6px;}
#main_content a{text-decoration:none;}
#main_content a:hover{color:#b3917c;}
#main_content .news{width:285px; height:212px; overflow:hidden;  background:url(../img/main/Mcontent3a.jpg) center 77px no-repeat;}
#main_content .news img{height:77px !important; min-height:77px !important;}
#main_content .news table img{height:0 !important;min-height:0 !important;}
#main_content .wh55{width:55%;}
#main_content .wh44{width:44%;}
#main_content .wh55 img, #main_content .wh44 img{width:100%;height:212px; min-height:132px;}



/* Sub */
#fff{background:url(../img/design/bg_sub.gif) center top repeat-x; overflow:hidden; }
#secondmenu{float:left;width:150px; border-top:2px solid #8b8b8b;border-bottom:2px solid #8b8b8b;}
#leftoff a, #lefton a{font-weight:bold; }
dt a:hover{text-decoration:none;color:#212121 !important;background:url(../img/design/icon_left.gif) right -4px no-repeat!important;}
#secondmenu a{text-decoration:none;color:#878787; display:block;}
#secondmenu #leftoff a:hover, #secondmenu #lefton a:hover{text-decoration:none;color:#212121 !important;background:url(../img/design/icon_left.gif) right 2px 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 -4px no-repeat;}

.sub_main {float:right;width:730px;text-align:left;margin-top:0px; }
.visual{width:1920px; margin:0 auto;position:relative;overflow:hidden; }
.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{width:100%; height:130px; background:url(../img/design/sub1_bg1.jpg) right top no-repeat;}
.subway{width:100%; height:130px; background:url(../img/design/sub1_bg2.jpg) right top no-repeat;}







@media only screen and (max-width:1023px) {
    #wrap_slider{margin:0 0 0 1% ; width:49%; overflow:hidden; float:left;}
    #main_content{width:49%; margin-left:1%;}
    #main_content .wh44{width:43%;}
    #main_content .wh55{width:54%;}
    #fff{background:none;}
    #wrap{width:100%;}
    .visual{display:none;}
    .sub_main .title{background:#e5ddd2; padding:6% 10px;}
    #secondmenu{display:none;}
    .sub_main {clear:both; float:none; width:100%;}
    .sub_main .m_padding{padding:0 10px;}
    .sub_main .wh100{width:100%;}
    .location .page{margin-right:10px;}
    .title1{font-size:24px; line-height:30px;}
    .title2{font-size:20px; line-height:26px;}
    .title3{font-size:18px; line-height:21px;}
    .title4{font-size:14px; line-height:20px;}
    .title5{font-size:14px; line-height:20px;}
    .title6{font-size:14px;}
    .lr10{padding:0 10px;}
}



@media only screen and (max-width:767px) {
    .mobileWidth{width:90%; max-width:470px; margin:0 auto;}
    #main_content{max-width:100%;}
    #main_content .news{width:100%; height:100%; padding-bottom:4em; background:#f4f4f4;}
    #main_content .news img{height:auto !important; min-height:49px !important;}
    #wrap_slider{margin:0% ; width:100%; }
    #main_content{width:100%; margin-left:0%; margin-top:10px;}
    #main_content .wh44{width:44%;}
    #main_content .wh55{width:54%;}
    #main_content .ml5{margin-left:0;}
    #main_content .wh55 img, #main_content .wh44 img{height:auto;}
    #content{float:none; clear:both;width:100%;}
    .copyright ul { width:100%;}
    .copyright .line{display:none;}
    .copyright li{margin:0px 10px;}
    .location{text-align:right; margin-top:-25px;}
    .sub_main .title{padding:6% 10px 12% 6%;}
    .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;}
   .pcNone{display:block;}
   .mobileNone{display:none;}
}



@media only screen and (max-width:490px) {
    #main_content .news{padding-bottom:3em;}
}

@media only screen and (max-width:450px) {
   #main_content .news{padding-bottom:2em;}
}

@media only screen and (max-width:400px) {
    #main_content .news{padding-bottom:1em;}
}
@media only screen and (max-width:350px) {
   #main_content .news{padding-bottom:0.5em;}
}