@charset "utf-8";
/*
 파일명:			  default.css
 작성자:			  dm-p
 최초작성일:   2013.10.23
 @import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
 @import url("ws_common.css");
 @import url("content.css");
 */
 
 /*body,table,input,textarea,button,select{font-family:'Nanum Gothic',AppleGothic,Apple Gothic,Apple-Gothic,AppleGothic,'Dotum','돋움','gulim','굴림',Helvetica,sans-serif;font-size:13px;font-weight:400;color:#7e7e7e;letter-spacing:-.7px; font-weight: 200;}*/
 @import url("ws_common.css");
 html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:1em;  line-height:1.313em; /*vertical-align:baseline; */background:transparent; -webkit-text-size-adjust:none; word-break:keep-all; }
body {line-height:1; font-family: 'Dotum','돋움','gulim','굴림'; }
body.mainBg{  background-color: #ececec;  }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
ul,li,ol,li,dl,dd,dt{list-style:none}
blockquote, q {    quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {    content:'';    content:none;}
a {margin:0; padding:0; font-size:100%; vertical-align:baseline;  background:transparent; text-decoration: none; color: #797979;}
/* change colours to suit your needs */
ins { background-color:#ff9;    color:#000;    text-decoration:none;}
/* change colours to suit your needs */
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold;}
del { text-decoration: line-through;}
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help;}
table { border-collapse:collapse; border-spacing:0;}
/* change border colour to suit your needs */
input, select { vertical-align:middle; -webkit-border-radius:0; -webkit-appearance:none;}

img{vertical-align:middle;-ms-interpolation-mode:bicubic !important; max-width: 100%; height: auto;}
caption{visibility:hidden;z-index:-1;width:0;height:0;font-size:0;line-height:0}
legend,hr{visibility:hidden;position:absolute;left:-999px;z-index:-1;width:0;height:0;font-size:0}
hr{display:none}
/*legend{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;padding:0;font-size:0;line-height:0}*/
/* form */
.busInfoCol{ width: 180px; }
label,button{cursor:pointer}
input.inp_tx{height:28px;padding:0 5px;border:1px solid #cacaca;color:#363940;line-height:28px;-webkit-box-sizing:border-box}
input.t1{ width: 50%; border-style: solid; border-width:1px; border-color: #adafb4 #adafb4 #e7e8ed #e7e8ed; border-radius:2px; height: 22px; line-height: 22px; padding: 0 1%;    }
input.t2{ width: 50%; border-style: solid; border-width:1px; border-color: #adafb4 #adafb4 #e7e8ed #e7e8ed; border-radius:2px; height: 27px; line-height: 27px; padding: 0 1%;    }
input.title{width: 90%;}
input.tel1{ width: 20%; max-width:50px; }
textarea.textarea{  width: 90%; height: 100px; border-style: solid; border-width:1px; border-color: #adafb4 #adafb4 #e7e8ed #e7e8ed; border-radius:2px;  padding: 1%;}
textarea.textarea.w100{width: 98%;}

/* Button */
button{margin:0;padding:0;border:none;background:none}
button.btn{display:inline-block;*overflow:visible;cursor:pointer}
button,button.btn{vertical-align:middle}
button.btnt1{ background-color: #8497a4; padding: 9px 34px; border-radius:4px; color: #fff; font-weight: bold;  }
/*button{overflow:visible;margin:0;padding:0;border:none;background:none;vertical-align:top;cursor:pointer}
button::-moz-focus-inner{padding:0;border:0}
*/
.blind {visibility:hidden; font-size: 0; width: 0; height: 0; line-height: 0; margin: 0; padding: 0; background: none; position:absolute; left:0; top:0;}

.mb20{margin-bottom: 20px;}
span.selectbox_title {
    background: url("../images/bg/bu_select.png") no-repeat scroll 98% 0 #fff;
    border: 1px solid #eee;
    padding: 5px 13px 4px 13px;
    text-align: left;
    min-width: 65px;
    margin-right: 3px;
}
span.selectbox_title strong {
    color: #7E7E7E;
    display: block;
    font-size: 14px;
    font-weight: normal;
    height: 1em;
    line-height: 14px;
    overflow: hidden;
    padding: 1px 0 2px;
    position: relative;
    width: 100%;
    word-break: break-all;
}
span.selectbox_title_focus {
    border-color: #333333;
}
span.selectbox_title_focus strong {
    color: #000000;
}
span.selectbox_title_disabled {
    background-color: #EEEEEE;
}
span.selectbox_title_disabled strong {
    color: #999999;
}
div.selectbox_option {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #999999;
    overflow: hidden;
    padding: 0 0 10px;
    min-width: 91px;
}
div.selectbox_option li {
    list-style: none outside none;
}
div.selectbox_option a {
    color: #888888;
    display: block;
    font-size: 13px;
    height: 1em;
    line-height: 1.4em;
    overflow: hidden;
    padding: 5px;
    text-decoration: none;
    word-break: break-all;
}
div.selectbox_option a.on, div.selectbox_option a:hover {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #000000;
}
span.selectbox_multiple {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #999999;
    display: inline-block;
    overflow: hidden;
}
span.selectbox_multiple ul li {
    color: #666666;
    display: block;
    font-size: 11px;
    height: 1em;
    line-height: 1.4em;
    overflow: hidden;
    padding: 1px 3px 4px;
    word-break: break-all;
}
span.selectbox_multiple ul li.on {
    background: none repeat scroll 0 0 #CCCCCC;
    color: #000000;
}
span.selectbox_multiple_focus {
    border-color: #333333;
}
span.selectbox_multiple_focus ul li.on {
    background: none repeat scroll 0 0 #BBBBBB;
    color: #000000;
}
span.selectbox_multiple_disabled {
    background-color: #EEEEEE;
}
span.selectbox_multiple_disabled ul li {
    color: #999999;
}
/* buttons */
.bt_org{display:inline-block;position:relative;z-index:10;border:1px solid;border-color:#ff492a transparent #ed2009;background-color:#fc4835;background:-webkit-gradient(linear,0 0,0 100%,from(#fc4835),to(#eb3c2c));border-radius:3px;color:#fff;font-size:1em;font-weight:bold;letter-spacing:-1px;-webkit-box-sizing:border-box;box-shadow:0 1px #e5e5e5}
.bt_org:before{display:block;position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background-color:#f72d13;background:-webkit-gradient(linear,0 0,0 100%,from(#ff6137),to(#f22801));content:''}
.bt_org2{display:inline-block;position:relative;z-index:10;border:1px solid;border-color:#f04e18 transparent #95180a;background-color:#f04e18;background:-webkit-gradient(linear,0 0,0 100%,from(#f04e18),to(#95180a));border-radius:4px;color:#fff;font-weight:bold;-webkit-box-sizing:border-box;font-size:1.1em;text-shadow:0 0 1px rgba(0,0,0,.5);box-shadow:0 1px rgba(0,0,0,.2)}
.bt_org2:before{display:block;position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background-color:#ff3710;background:-webkit-gradient(linear,0 0,0 100%,from(#ff3710),to(#d92916));border-radius:3px;content:''}
.bt_org3{display:inline-block;border:1px solid #b31200;background-color:#e82d19;background:-webkit-gradient(linear,0 0,0 100%,from(#ff3710),to(#e82d19));border-radius:4px;color:#fff;font-weight:bold;-webkit-box-sizing:border-box}
.bt_gry{display:inline-block;position:relative;z-index:10;border:1px solid;border-color:#c2c2c2 transparent #ababab;background-color:#b6b6b6;background:-webkit-gradient(linear,0 0,0 100%,from(#c2c2c2),to(#ababab));border-radius:3px;color:#252d35;font-size:.9em;letter-spacing:-1px;-webkit-box-sizing:border-box}
.bt_gry:before{display:block;position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background-color:#e9e9e9;background:-webkit-gradient(linear,0 0,0 100%,from(#fdfdfd),to(#e9e9e9));border-radius:2px;box-shadow:inset 0 1px #fff;content:''}
.bt_gry2{display:inline-block;position:relative;border:1px solid #cacaca;background-color:#f8f8f8;background:-webkit-gradient(linear,0 0,0 100%,from(#f8f8f8),to(#f3f3f2));color:#70737b;box-shadow:inset 1px 1px #fff,inset -1px -1px #fff}
.bt_dgry{display:inline-block;background-color:#686868;background:-webkit-gradient(linear,0 0,0 100%,from(#686868),to(#606060));color:#c4c4c4;font-weight:bold;font-size:1.1em}
.bt_dgry2{display:inline-block;position:relative;z-index:10;border:1px solid;border-color:#5e6068 transparent #494b52;background-color:#494b52;background:-webkit-gradient(linear,0 0,0 100%,from(#5e6068),to(#494b52));border-radius:3px;color:#fff;font-size:.9em;letter-spacing:-1px;text-shadow:0 0 1px rgba(0,0,0,.5);-webkit-box-sizing:border-box}
.bt_dgry2:before{display:block;position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background-color:#6f707c;background:-webkit-gradient(linear,0 0,0 100%,from(#6f707c),to(#5f6069));content:''}
.bt_blu{display:inline-block;position:relative;z-index:10;border:1px solid;border-color:#b6bbc6 transparent #989ea9;background-color:#b6bbc6;background:-webkit-gradient(linear,0 0,0 100%,from(#b6bbc6),to(#989ea9));border-radius:4px;color:#363940;-webkit-box-sizing:border-box;font-weight:bold;text-shadow:0 1px #fff;box-shadow:0 1px rgba(0,0,0,.2)}
.bt_blu:before{display:block;position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background-color:#f9f9fb;background:-webkit-gradient(linear,0 0,0 100%,from(#f9f9fb),to(#d8dbe2));border-radius:3px;content:''}
.bt_blu2{display:inline-block;border:1px solid #caced6;background-color:#f5f5f5;background:-webkit-gradient(linear,0 0,0 100%,from(#fdfdfe),to(#f5f5f5));border-radius:4px;color:#363940;font-weight:bold;-webkit-box-sizing:border-box}
.bt_blu3{display:inline-block;position:relative;z-index:10;border:1px solid;border-color:#0c5cff transparent #064be6;background-color:#0c5cff;background:-webkit-gradient(linear,0 0,0 100%,from(#0c5cff),to(#064be6));border-radius:4px;color:#fff;-webkit-box-sizing:border-box;font-weight:bold;text-shadow:0 0 1px rgba(0,0,0,.5);box-shadow:0 1px rgba(0,0,0,.2)}
.bt_blu3:before{display:block;position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background-color:#0a46ff;background:-webkit-gradient(linear,0 0,0 100%,from(#0a46ff),to(#2e4bdc));border-radius:3px;content:''}
.bt_org3:disabled,.bt_org3_disabled,.bt_blu2:disabled{border:1px solid #c5c5c5;background:#e8eaed;color:#afb0b2;text-shadow:none;box-shadow:none}

/* 회사 연혁 */
.his_box h2 {font-size:1.563em; text-align:center; padding:5px 0; margin:0 auto; width:95%; color:#000; font-weight:bold; border:1px solid #bebebe; margin-bottom:15px;}
.his_list_box {margin-bottom:15px;}
.his_list_box:after {clear:both; content:""; display:block;}
.his_list_box strong {float:left; margin-right:3%; font-size:1.375em; color:#000; width:12%;display:inline-block; text-align:right;}
.his_list_box ul {float:left; width:85%;}
.his_list_box ul li {font-size:1.375em; color:#767676;}

.path{width: 100%; color: #232323; font-weight: bold; position: relative; padding-left:17.30555555555556%; border-bottom: 1px solid #c0c0c0; background-color: #ececec; }
.path button.prev{ display: block; position: absolute; left: 0; top: 0;border-right: 1px solid #c0c0c0; text-align: left; width: 11.43555555555556%; height: 100%; background: url(../images/bg/bg_arr.png) 0 50% no-repeat #d2d2d2; -webkit-background-size: cover; background-size: cover; text-align: center; }
.path button.prev span{ visibility: hidden; }
.path strong{ display: block; padding: 2.2% 0 2.29889%; font-size: 1.1em;   }
.nowrap{white-space: nowrap}
.c1{color: #1057a9;}/*blue*/
.c2{color: #ff2204;}/*red*/
.c3{color: #121212;}/*black*/


/*회사소개 */

.asccent {font-size:1.875em; color:#132557; text-align:center;}
.listType {}
.listType dl {margin-bottom:30px;}
.listType dl dt {font-weight:bold; font-size:1.375em; color:#595959;}
.listType dl dd {font-size:1.313em; color:#595959;}

/*paragraphs*/
.paragraphs{ margin-bottom: 35px; }
#companyArea > *{ margin-bottom: 35px; }
.pointPhoto{margin-bottom: 35px; text-align: center;}
#statusArea header.top{}

#wrapper{width: 100%; /* max-width:1024px;  */margin: 0 auto;  overflow: hidden; }
#wrap-pos{position: relative; left: 0; top: 0; z-index: 5;  width: 100%;background: transparent;}

#allMenu{ display: block;  border-style: solid; border-width: 1px 0 0 ; border-color: #fff; width:45.5%; position: absolute; top: 0; left:-50%; z-index: 10;  text-align: left; background-color: #ffffff;  background-repeat: repeat-y; }/*w305*/
#allMenu .list>li{background: url(../images/header/bg_lnb.jpg) 0 0 repeat-x; -webkit-background-size: contain;
background-size: contain; }
#allMenu .list>li>a{ display: block; padding:4.573170731707317% 11.673170731707317% 4.573170731707317% 4.573170731707317%; border-bottom: 1px solid #eaeaec;  color: #232323; font-weight: 800;  background: url(../images/header/ico_arr.gif) 95% 50% no-repeat;  }

#allMenu .depth2{ border-bottom: 1px solid #fff;  display: none; }
#allMenu .depth2 ul li a{ display: block; padding:20px 0 20px 20px;  background-color: #0f131e;  color: #fff; font-size: 1.125em; /*fz18px*/  border-top: 1px solid #4c4f56; background-image: url(../images/bg/bg_arr_allmenu.gif); background-position: 90% 50%; background-repeat: no-repeat; -webkit-background-size: 16px; background-size: 16px;}
#allMenu .depth2 ul li:first-child a{border-top: none;} 
#allMenu .depth2 ul li a.on{ color: #fff; }
#cover {    cursor:pointer;     position: absolute;     top: 0;     left: 0;    z-index:10000;  background-color: rgba(23, 29, 45, 0.2); background-image:url(trg.png);
       /* IE 5.5 - 7 */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99dddddd, endColorstr=#99dddddd);
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99dddddd, endColorstr=#99dddddd)";
}
/* 탭 */
.tabArea{ margin-bottom: 20px; *zoom:1; }

.tabArea:after{display: block; clear: both; content: ""; height: 0; visibility: hidden;}
.tabArea li{ background-color: #fff; float: left; }
.tabArea li a{display: block; border: 1px solid #bebebe; text-align: center; padding: 8px 0;  font-size: 1.125em;}
.tabArea li.on a{background-color: #212940; border: 1px solid #212940; color: #fff;}
.tabArea.l2 li{  width: 48.5%; margin-left: 1%; }
.tabArea.l2 li:first-child{margin-left: 0;}

/*상단*/
#header{ background: url(../images/header/bg_top.jpg) 0 0 repeat-x; -webkit-background-size: contain;
background-size: contain; padding: 3.055555555555556% 0 2.777777777777778%;/* margin-bottom: 1.388888888888889%;*/}
#header img{width: 100%;}
#header{ position: relative; z-index: 1; text-align: center;  overflow: hidden; }
#header h1{ text-align: center; width: 52.19444444444444%; margin-left:21%;  }
#header .btn_allmenu ,#header .btn_login{ position: absolute; top: 34%; }
#header .btn_allmenu{ left: 4.166666666666667%; width: 8.888888888888889%; }
#header .btn_login{ top:36.375%; right: 1.805555555555556%; width: 17.77777777777778%; }

#spot_main img{ width: 100%; margin-top: 1.388888888888889%; }

#lnb .list > li{ }
#lnb .list>li>a{ display: block; min-height:; height: auto !important; height: ; padding:20px 0 20px 20px; border-bottom: 1px solid #c8c8c8;  color: #595959;  background-image: url(../images/bg/bg_arrlnb_off.gif); background-position: 95% 50%; background-repeat: no-repeat; -webkit-background-size: 16px; background-size: 16px;  }
#lnb .list>li>a>strong{ display: block;  font-size: 1.500em; /*fz25px*/ font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;}
#lnb .list>li>a>strong.kr{ font-family: 'Dotum','돋움','gulim','굴림'; letter-spacing:-1px;  font-weight: bold;}
#lnb .depth2{display: none;}
#lnb .depth2 li>a{ display: block; min-height:; height: auto !important; height: ; padding:15px 0 15px 20px; border-bottom: 1px solid #c8c8c8;  color: #fff; background-color: #171d2d;   }
#spot_main,#midBanner{ text-align: center;}

#midBanner > .midBanner_inner{margin-bottom: 1.424501424501425%; overflow: hidden;}
#midBanner img{width: 100%; height:auto;}
#midBanner ul{}
#midBanner ul > li{width: 32.33618233618234%; float: left; margin-right: 1.435501424501425%; margin-bottom: 1.435501424501425%; text-align: left; }
#midBanner ul > li:nth-child(3n){ margin-right: 0;  }
#footer{ width: 100%; background-color: #828282; border-top: 1px solid #8e8e8e; color: #fff; text-align: center;  font-weight: bold;}
#footer .inner{padding: 2.083333333333333% 20px;}
#footer .bnb{ margin-bottom: 2.083333333333333%; }
#footer span.space{ display: inline-block; *display: inline; *zoom: 1; }
#footer a{ color: #fff;}

/*서브 컨텐츠 박스*/

.container_sub{min-height:300px; background-color: #fff;}
.container_sub .inner_container{ margin: 2.849002849002849% 1.388888888888889%; *zoom:1;}
.container_sub .inner_container:after{clear: both; display: block; content: ""; height: 0; visibility: hidden;}
#greetingArea .photo{ float: left;  width: 33.47578347578348%; }
#greetingArea .cont{ float: left;  width: 59.11680911680912%; margin-left: 2.849002849002849%;}
#greetingArea > .cont p{margin-bottom: 6%;}
#greetingArea .headline{ font-size: 1.4em;  font-weight: bold;}


.fromType1{margin-bottom: 50px;}
.fromType1 h1{height:35px;background-color:#eeeff2;background:-webkit-gradient(linear,0 0,0 100%,from(#eeeff2),to(#d3d4db));box-shadow:inset 0 1px rgba(255,255,255,.55);font-weight:bold;font-size:1.05em;color:#363940;line-height:35px;text-indent:10px; border: 1px solid #ccc; margin-bottom: 20px;}
.fromType1 .form dt{float:left;width:110px;padding-top:5px;text-indent:-1px}
.fromType1 .form dt .spr_ct{width:7px;height:8px;margin-left:4px;background-position:-185px 0;vertical-align:1px}
.fromType1 .form dd{overflow:hidden;min-height:34px;font-size:1.05em; margin-bottom: 7px;}
.fromType1 .form .ta{margin-top:7px}
.fromType1 .form .selwp{position:relative;float:left;width:79px;height:26px;margin-right:8px;border:1px solid #cacaca}
.fromType1 .form .selwp select{width:79px;height:26px;background:transparent;border:0;padding-left:7px;font-size:.9em;color:#363940;vertical-align:top;-webkit-appearance:none}
.fromType1 .form .inp_tx{width:100%;font-size:.9em;letter-spacing:0}
.fromType1 .form .sel .inp_tx{float:left;width:58px;text-align:center}
.fromType1 .form .sel .spr_ct{position:absolute;top:0;right:0;z-index:-1;width:26px;height:26px;border-left:1px solid #cacaca;background-color:#f9f8f8;background-position:-115px -50px}
.fromType1 .form .selv2 .selwp{width:100%;height:28px;-webkit-box-sizing:border-box}
.fromType1 .form .selv2 .selwp select{width:100%;padding-left:6px;padding:0 32px 0 6px}
.fromType1 .form .zipwp .inp_tx{margin-bottom:6px}
.fromType1 .form .zip .inp_tx{float:left;width:50px;text-align:center}
.fromType1 .form .zip .bt_gry2{width:66px;height:28px;margin-left:8px;font-size:.75em}
.fromType1 .form .hyp{display:inline-block;float:left;margin:0 6px 0 5px;padding-top:3px}
.fromType1 .form textarea{width:100%;height:60px;padding:5px 4px;border:1px solid #cacaca;font-size:.85em;color:#74757d;line-height:1.3em;-webkit-box-sizing:border-box}
.fromType1 .form textarea.on{color:#363940}
.fromType1 .form .cnt{margin-top:-4px;padding-right:1px;font-size:.7em;color:#929292;text-align:right;letter-spacing:0}
.fromType1 .form .safety{position:relative;clear:both;width:100%;padding:7px 0 18px;font-size:.9em;color:#363940;line-height:20px}
.fromType1 .form .safety .inp_ck{margin:-2px 4px 2px 0;vertical-align:middle}

/* not in use */
#iscroll_warp{overflow:auto;position:absolute;top:150px;bottom:0;left:0;width:100%;z-index:1}
#iscroll{position:absolute;width:100%;padding:0;/*-webkit-touch-callout:none;*/-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:1}
.spr{display:block;overflow:hidden;background:url( https://img.tmon.co.kr/m/spr_common.png?v=1397703789 ) no-repeat;text-indent:-100em;-webkit-background-size:494px 600px}
/*.post_no{overflow:hidden;position:absolute;top:10px;left:3%;width:94%;height:335px;margin:0 auto;border-radius:5px;background:#fff;z-index:110;}*/
.post_no{overflow:hidden; width:100%;height:325px;border-radius:5px;background:#fff;z-index:110; position: relative;}
.post_no h1{padding:9px 0;border-top-left-radius:5px;border-top-right-radius:5px;background:#ff6328 url( https://img.tmon.co.kr/m/bg_point_guide.png?v=1397642667 ) repeat-x 0 100%;color:#fff;font-size:1.386em;text-align:center}
.post_no h2{margin:20px 20px 0;font-size:1em;line-height:1.071em}
.post_no h2 span{display:block;color:#888;font-size:0.929em}
.post_no fieldset{margin:8px 20px;}
.post_no fieldset strong{font-size:0.929em}
.post_no fieldset .txt{width:58.5%;margin-left:1%;padding:5px 0 6px;border:1px solid #cacaca}
.post_no ul{margin:2px 20px;border-top:1px solid #e7e7e7}
.post_no li{position:relative;padding:10px 0 6px 65px;border-bottom:1px solid #e7e7e7;color:#313131;font-size:0.857em;line-height:1.357em}
.post_no li span{position:absolute;top:10px;left:0;color:#f74d07}
.post_no .seabox{ position: relative; }
.post_no .btn_srch{position:absolute;top:0;right:0px;width:20%; min-height: 30px;padding:4px 1px 3px;border:1px solid #fff;outline:1px solid #cacaca;background:#f5f5f5 -webkit-gradient(linear,0% 0%,0% 100%,from(#f9f9f9),to(#f5f2f2));color:#222;font-size:0.929em}
.post_no .btn_clse{position:absolute;top:11px;right:13px;width:18px;height:18px;background-position:0 -15px}

/* signup n in */
.login{margin:13px}
.login .btn_join{width:100%;height:42px;margin-top:18px;border:1px solid #f0f4f5;outline:1px solid #82a8b8;background:#f3f6f6 -webkit-gradient(linear,0% 0%,0% 100%,from(#fff),to(#e9edf0));color:#222;font-size:1.143em}
.login .forget{margin-top:18px;color:#909090;font-size:0.857em;line-height:1.357em}
.login .forget p{padding-bottom:7px;color:#2c2c2c}
.login .forget strong{color:#2c2c2c}
.login_area{position:relative;padding:14px 14px 15px;border:1px solid #fff;outline:1px solid #cfcfcf;background:#fbf9f9}
.login_area li{padding-right:76px}
.login_area .txt{width:100%;height:32px;margin-top:6px;padding:0 7px;border:1px solid #cacaca;font-size:1em;-webkit-box-sizing:border-box}
.login_area .auto_chk{margin-top:6px;padding-right:76px;font-size:1em;color:#555;text-align:right}
.login_area .auto_chk input{margin:0 5px 0 0}
.login_area .btn_login{position:absolute;top:20px;right:14px;width:70px;height:70px;background:#53534b; color:#fff;font-size:1.286em}

/* 회사소개 */
.pointPhoto{ margin-bottom: 40px; }
.ty1{ background: url(../images/bg/ico_title.jpg) 0 50% no-repeat; padding-left: 26px; color: #1057a9; font-weight: bold; font-size: 14px; margin-bottom: 20px; text-align: left; }
.ty2{ background: url(../images/bg/bg_arr2.gif) 0 50% no-repeat; padding-left: 20px; color: #1057a9; font-weight: bold; font-size: 14px; margin-bottom: 20px; text-align: left; }
.ty3{font-size: 1.2em; margin-bottom: 2%;}

#statusArea .top{ position: relative; margin-bottom: 30px; }
#statusArea .photo{ width: 39.74358974358974%;  }
#statusArea .title{ position: absolute; left:42.74358974358974%; top: 30%; font-size: 17px; color: #1057a9; font-weight: bold;   }
.tt1{ border-top: 2px solid #1057a9;  border-bottom: 1px solid #d8d8d8; margin-bottom: 15px;  }
.tt1 table{width: 100%;}
.tt1 table th,.tt1 table td{ border-style: solid; border-width:1px 0 0; border-color: #d8d8d8; padding: 10px; }
.tt1 table th{ background-color: #fafafa;  border-width:1px 1px 0 1px; }
.tt1 table tbody tr:first-child th:first-child{border-width:0 1px 0 0;}
.tt1 table tbody tr th:first-child{border-width:1px 1px 0 0;}
.tt1 table tbody tr:first-child td{border-width:0;}
.tt1 table tbody.htc tr th{text-align: center;}

.btn_bot{ margin-top: 20px; text-align: right; }
.history .years{ width: 18.51851851851852%; margin-bottom: 5px;  }
.tt_his{border-bottom: 1px solid #d8d8d8; padding-bottom: 20px; margin-bottom: 20px; }
.tt_his table{width: 100%;}
.tt_his table .arr{ background: url(../images/bg/bg_arr.gif) 0 7px no-repeat; padding-left: 10px; }
.tt_his table th,.tt_his table td{padding: 5px;}

#oriArea{ text-align: center;}
#oriArea .oriimg{margin-bottom: 30px;}
.tabSub{ margin-bottom: 30px; }
.tabSub:after{clear: both; display: block; content: ""; height: 0; visibility: hidden;}
.tabSub > ul > li{ float: left; width: 16.66%; }
.tabSub > ul > li img{width: 100%;}
#oriArea .map{margin-bottom: 10px;}
#oriArea .mapbtn{ text-align: right; margin-bottom: 20px; padding-bottom: 25px; border-bottom: 2px solid #1662b2; }
#oriArea .mapbtn a{display: inline-block; *display: inline; *zoom: 1; width: 24.5014245014245%;}
#oriArea .tabBox{ border-bottom: 1px solid #d8d8d8; padding-bottom: 20px; margin-bottom: 40px;}
.lst_arr{margin-bottom: 40px;}
.lst_arr li {background: url(../images/bg/bg_arr.gif) 0 3px no-repeat; padding-left: 18px; margin-bottom: 10px; font-size: 14px; }
.sms_content{ padding: 10px; background-color: #ececec; min-height: 150px; }
.sms_content textarea{ width: 98%; min-height: 150px; padding: 1%;}
.gallery_view{ border: 1px solid #d8d8d8; padding: 10px; text-align: center; }
.btn_bot_cen{text-align: center; margin-top: 20px;}
.smsTop{ color: #1057a9; font-size: 14px; font-weight: bold; margin-bottom: 10px; }
.select_normal{ height: 30px; line-height: 30px; border: 1px solid #d8d8d8; padding: 0 10px; vertical-align: middle; }
.input_txt{ border: 1px solid #d8d8d8; height: 24px; line-height: 24px;  vertical-align: middle; }

.sms{ margin-bottom: 10px; }
.sms input{ width:60px;  text-align: center;}


#spot_main{ position: relative; }
.bx-controls.bx-has-pager{ display: none;  }
#slider-prev , #slider-next{ position: absolute; top: 45%;  }
#slider-prev{left: 1%;}
#slider-next{ right: 1%; }
#slider-prev a, #slider-next a{ width: 30px; background: url(../images/main/btn_prev.png) 0 0 no-repeat; display: block; -webkit-background-size: 100%;background-size: 100%; height: 50px; text-indent:-1000px; overflow: hidden;  }
 #slider-next a{background: url(../images/main/btn_next.png) 0 0 no-repeat; -webkit-background-size: 100%;background-size: 100%;}
 .bbs_more{ border: 1px solid #ddd; border-radius:3px; background-color: #f2f2f2; padding: 10px 0; width: 100%; }
 
.searchTop{ text-align: right; margin-bottom:1.4%;}
.searchTop input{ height: 25px; line-height: 25px; padding: 0 5px; border: 1px solid #ddd; width: 40%; vertical-align: middle; }
.searchTop select{ height: 27px; line-height: 27px; border: 1px solid #ddd; vertical-align: middle; padding: 0 10px 0 10px;}
.searchTop button img{  width: 76px; }

@media all and (max-width:639px){
body{font-size:0.938em;  line-height:1.313em;}
.busInfoCol{ width: 170px; }


}

@media all and (max-width:560px){
body{font-size:0.875em;  line-height:1.313em;}
.busInfoCol{ width: 160px; }

}

@media all and (max-width:480px){
body{font-size:0.8em; line-height:1.25em;}
.busInfoCol{ width: 150px; }


}

@media all and (max-width:400px){
body{font-size:0.75em; line-height:1.125em;}
.busInfoCol{ width: 140px; }



}


@media all and (max-width:320px){
body{font-size:0.70em;  line-height:1em;}

}