
/*서브-상단비주얼 */
#svisual{ width:100%; min-width:1200px; height:450px; margin:0px auto; overflow:hidden; position:relative; background-image:url(../img/sub/svisual.jpg); background-position:center bottom; background-repeat:no-repeat;}
/*.sv_bg01 { background-image:url(../img/sub/svisual01.jpg); min-width:1200px;}
.sv_bg02 { background-image:url(../img/sub/svisual02.jpg); min-width:1200px;}
.sv_bg03 { background-image:url(../img/sub/svisual03.jpg); min-width:1200px;}
.sv_bg04 { background-image:url(../img/sub/svisual04.jpg); min-width:1200px;}
.sv_bg05 { background-image:url(../img/sub/svisual05.jpg); min-width:1200px;}
.sv_bg06 { background-image:url(../img/sub/svisual06.jpg); min-width:1200px;}*/
#svisual .s_text{ width:800px; position:absolute; top:42%; left:50%; margin-left:-400px; color:#fff; text-align:center;}
#svisual .s_text h1{ font-size:66px; font-weight:900;}
#svisual .s_text h2{ font-size:32px; font-weight:400; letter-spacing:-2px; margin:10px 0 25px 0;}
#svisual .s_text h2 strong{ font-weight:500;}
#svisual .s_text p{ font-size:15px; font-weight:300; color:rgba(250,250,250,0.8);}
/*@media (max-width:991px) {
#svisual { min-width:100%; height:180px; background-position:center top; background-size:cover;}
#svisual .sm_text{ width:300px; position:absolute; top:43%; left:50%; margin-left:-150px; opacity:0; font-weight:400; color:#fff; text-align:center; }
#svisual .sm_text h1{ font-size:30px; font-weight:900; line-height:1.5em;}
#svisual .sm_text p{ font-size:14px;}
}*/

/* 테이블 */
.tbl { border:0; /*border-left:1px #dde2e9 solid;*/ border-top:2px #122c5d solid; /*border-bottom:1px #dde2e9 solid;*/ width:100%; /*font-family:Sans-serif;*/ margin-bottom:10px; }
.tbl table { width:100%; /*font-family:Sans-serif; margin-bottom:10px;*/border-collapse: collapse;}
.tbl caption {position:absolute; overflow:hidden; height:0; width:0; font-size:0; visibility:hidden;}
.tbl thead th { font-size:1.05em; border:0; border-bottom:1px solid #dde2e9; border-right:1px solid #dde2e9; color:#1e2e42; font-weight:500; line-height:1.5em; background:#f6f9fd; height:1.5em; padding:13px 5px; text-align:center; vertical-align:middle }
.tbl thead th.right {border-right:1px solid #dde2e9 !important;}
.tbl thead th:last-child { border-right:0px }
.tbl tbody th { font-size:1.25em; border:0; border-bottom:1px solid #dde2e9; border-right:1px solid #dde2e9; color:#1e2e42; line-height:1.5em; background:#f6f9fd; height:1.5em; padding:10px 5px; text-align:center; font-weight:500;}
.tbl td {font-size:1.20em; border:0; border-bottom:1px solid #dde2e9; color:#5c5c5c; border-right:1px solid #dde2e9; text-align:center; padding:13px 5px 13px 13px; line-height:1.5em;word-break:break-all; vertical-align:middle}
.tbl td span{ color:#1e2e42; font-weight:500; margin:0 0 10px}
.tbl td img { text-align:center; margin:20px 0 0 ; width:80%}
.tbl td.point{font-size:1.10em; border:0; font-weight:600; border-bottom:1px solid #dde2e9; color:#555; border-right:1px solid #dde2e9; text-align:center; padding:7px 5px; line-height:1.5em;word-break:break-all; vertical-align:middle}
.tbl td.right{font-size:1.00em; border:0; border-bottom:1px solid #dde2e9; border-right:1px solid #dde2e9 !important; text-align:center; padding:7px 5px; line-height:1.5em;word-break:break-all; vertical-align:middle}
.tbl td:last-child { border-right:0px }
.tbl .center {text-align:center;}
.tbl .left {text-align:left;}

.tbl .list li {

    list-style-type: disc;
    line-height: 1.3em;
    margin: 10px;

}

/* 내용-공통 */
.notice_area{ background:url(../img/common/notice_bg.png) no-repeat 97% center #ecf1f5; padding:40px 45px}
.notice_area li{ padding:0 0 0 28px; background:url(../img/common/notice_icon.png) no-repeat left 10%; margin:8px 0; font-size:1.2em; color:#192f54; font-weight:600}
.container { width: 1100px !important;}

.mt_10{ margin-top:10px;}
.mt_20{ margin-top:20px;}
.mt_30{ margin-top:30px;}
.mt_40{ margin-top:40px;}
.mt_50{ margin-top:50px;}
.mt_60{ margin-top:60px;}
.mt_70{ margin-top:70px;}
.mt_80{ margin-top:80px;}
.mt_90{ margin-top:90px;}
.mt_100{ margin-top:100px;}
.mb_10{ margin-bottom:10px;}
.mb_20{ margin-bottom:20px;}
.mb_30{ margin-bottom:30px;}
.mb_40{ margin-bottom:40px;}
.mb_50{ margin-bottom:50px;}
.mb_60{ margin-bottom:60px;}
.mb_70{ margin-bottom:70px;}
.mb_80{ margin-bottom:80px;}
.mb_90{ margin-bottom:90px;}
.mb_100{ margin-bottom:100px;}
.fl{ float:left;}
.t_center{ text-align:center;}
.spoca{font-family: 'Spoqa Han Sans', sans-serif; font-weight:400;}


/*가로스크롤*/
.row-horizon {
  position:relative;
  width:100%;
  overflow-x: hidden;
  overflow-y: hidden;
}

/*@media (max-width:991px) {

.notice_area{ background:#ecf1f5; padding:40px 45px}
.mt_40{ margin-top:20px;}
.mt_50{ margin-top:30px;}
.mt_60{ margin-top:40px;}
.mt_70{ margin-top:50px;}
.mt_80{ margin-top:60px;}
.mt_90{ margin-top:70px;}
.mt_100{ margin-top:80px;}
.mb_40{ margin-bottom:20px;}
.mb_50{ margin-bottom:30px;}
.mb_60{ margin-bottom:40px;}
.mb_70{ margin-bottom:50px;}
.mb_80{ margin-bottom:60px;}
.mb_90{ margin-bottom:70px;}
.mb_100{ margin-bottom:80px;}
.img img{ width:100%;}



.row-horizon:before{content:"좌우스크롤로 확인해주세요 ←→"; display:block;  font-size:11px; color:#999; margin-bottom:5px;}

.row-horizon {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  float: none;
  width: 100%;
}
}*/


/*인사말*/
.greet{ position:relative; padding-left:444px;}
.greet h1{ font-size:33px; color:#999; font-weight:400; letter-spacing:-2.5px; line-height:1.1em; padding:40px 0 50px 200px;}
.greet h1 strong{ font-weight:700; font-size:40px; color:#3898ee;}
.greet h1 span{ font-weight:700; font-size:25px; color:#3898ee; letter-spacing:-1px;}
.greet p{ background:url(../img/sub/greet_img02.jpg) no-repeat center top; width:756px; height:311px; box-sizing:border-box; padding:50px 50px 50px 205px; font-size:17px; color:#5d5d5d; font-weight:300; line-height:1.8em; letter-spacing:-1.5px;}
.greet .ceo{ font-size:1.3em; font-weight:500; color:#333; display:block; text-align:right; line-height:2em;}
.greet .gimg{ position:absolute; top:0px; left:0px;}
/*@media (max-width:991px) {
.greet{padding-left:0;}
.greet h1{ font-size:25px; padding:0px 0 20px 0px;}
.greet h1 strong{ font-size:30px;}
.greet h1 span{ font-size:20px;}
.greet p{ background-size:cover; width:100%; height:auto; padding:30px 30px; font-size:14px;}
.greet .gimg{ position:relative;  top:0px; left:0px; margin-top:20px;}
.greet .gimg img{ width:100%;}
}*/

#download span:after{ display:block; width:32px; height:5px; margin:20px auto 20px auto; content:""; background:url(../img/main/mid_bar.gif) no-repeat center bottom;}
#download a{ display:inline-block; background:#242d3c; line-height:30px; padding:15px 25px; color:#fff; border:0px solid #ccc; left:0; transition:all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s; font-size:1.2em}
#download a:hover { background:#25b4e8; border:0px solid #25b4e8;  color:#fff; transition:all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;}
/*@media (max-width:991px) {
#download a{ display:inline-block; background:#242d3c; line-height:30px; padding:15px 25px; color:#fff; border:0px solid #ccc; left:0; transition:all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s; font-size:1.2em; width:100%; text-align:center; margin:0 0 3px}
}*/


/* 연혁 */
.his{ background:url(../img/sub/global_map.jpg) no-repeat 90% bottom/auto 400px; width:90%; margin:0 auto;}
.his_ul li{/*border-bottom:1px solid #e5e6e6;*/overflow:hidden;padding:10px 0 30px 0;position:relative;/*margin-left:10px*/}
.his_ul li.no_border{border:none}
.his_ul li strong{ display:inline-block; width:120px; height:120px; border-radius:50%; background:url(../img/sub/his_dong.png) no-repeat right center #3898ee; font-family: 'Spoqa Han Sans', sans-serif; color:#fff;font-size:2em; font-weight:normal;
 text-align:center;line-height:120px;position:absolute;top:15px;left:0;}
/*.his_ul li strong:before{ display:block; content:""; width:15px; height:15px; background:#303192; border:3px solid #fff; border-radius:50px; position:absolute; top:12px; left:-5px;}*/
.his_ul li .history_dl{margin:0 0 0;padding:10px 0 0 10%;position:relative; min-height:130px;}
.his_ul li .history_dl *{margin:0;padding:0;}
.his_ul li .history_dl dt{font-weight:400;left:17%;position:absolute;top:5px;}
.his_ul li .history_dl dd{ width:50%; padding:8px 0 8px 10px; margin-left:7%; font-size: 1.15em; color:#777; border-bottom:1px dotted #ddd; position:relative;}
.his_ul li .history_dl dd span{ display:inline-block;font-family: 'Spoqa Han Sans', sans-serif;font-weight:bold; font-size:1.1em; color:#333; width:40px;}
.his_ul{background:url(../img/sub/y_line.gif) repeat-y 57px top;}
/*@media (max-width:991px) {
.his{ background:none; width:100%;}
.his div{ padding:0;}
.his_ul li{ padding:0 0 10px 0;}
.his_ul li strong{ width:60px; height:60px;font-size:1.2em;line-height:60px; top:15px;left:0; background-position:80% top;}
.his_ul li .history_dl{padding:30px 0 0px 70px; min-height:90px;}
.his_ul li .history_dl dt{position:relative;top:auto;left:auto}
.his_ul li .history_dl dd{ width:100%; padding:7px 0 7px 10px; font-size:1em; margin-left:0;}
.his_ul li .history_dl dd span{ width:30px;}
.his_ul{ background-position:27px top;}
}*/

/* 오시는길 */
.map .col-md-6,.col-sm-6,.col-xs-6 { padding:0 !important}
.location {
    background:#008ad1;
    color: #fff;
    padding: 4% 5% !important;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 530px;
    height: auto;
    height: 530px;
}
.location h1{font-family: Arial, Helvetica, sans-serif;font-weight: 700;line-height: 1.4em; font-size: 2.6em;margin-bottom: 20px;}
.location p{ color: #fff; font-size: 15px;}
.location .border{border-top: 1px solid #fff;  border-left: 1px solid #fff; border-right: 1px solid #fff; font-size: 16px; padding: 5px 15%;}

/* 교정주기대상 */
.period { height:400px; background:url(../img/sub/correction02_img.gif) no-repeat center center; padding:70px 70px 50px 440px}
.period p { font-size:1.4em; line-height:1.8em}
.period p span{ font-weight:600; color:#000}


/*제품소개*/
#product h1{ font-size:1.7em; font-weight:600; color:#222; letter-spacing:-1px; margin-bottom:20px; padding-left:18px; position:relative;}
#product h1:before{content:""; display:block; position:absolute;left:0; top:5px; width:14px; height:14px; border:4px solid #3898ee; border-radius:3px;}
#product h1 span{ font-size:18px; color:#333; letter-spacing:-0.5px;}
#product h2{ font-size:1.4em; font-weight:700; color:#333; letter-spacing:-1px; margin:0 0 15px 0; padding-left:13px; position:relative;}
#product h2:before{ content:""; display:block; position:absolute;left:0; top:6px; width:8px; height:8px; border-radius:50%; background:#3898ee;}
#product p{ font-size:1.2em; font-weight:400; color:#333; line-height:1.8em;}
#product p.p2{ font-size:1em; font-weight:700; color:#333; line-height:1.8em; margin-left:10px; background:#eee; padding:5px 10px; display:inline-block;}
#product .img2{}
#product .img2 img{ width:100%;}
#product .box{ background:#f5f5f5; border:1px solid #ddd; padding:30px 30px;}
#product .box2{ width:85%; margin:0 auto; border:1px solid #ddd; padding:40px 30px;}
#product li{ font-size:1.2em; font-weight:400; color:#555; line-height:1.8em; padding-left:8px; position:relative;}
#product li:before{ content:""; display:block; position:absolute;left:0; top:12px; width:3px; height:3px; background:#3898ee;}
#product li span{ font-size:13px; }
#product li strong{ color:#3898ee;}
#product .big_tit{ text-align:center; font-size:2em; font-weight:500; letter-spacing:-2px; color:#222; margin-bottom:30px;}
#product .big_tit:after{ display:block; content:""; width:50px; height:3px; background:#3898ee; margin:10px auto 0 auto;}
/*@media (max-width:991px) {
#product h1{ font-size:1.5em; padding-left:14px;}
#product h1:before{ top:5px; width:12px; height:12px; border:3px solid #3898ee;}
#product h2{ font-size:1.4em; font-weight:700; color:#333; letter-spacing:-1px; margin:0 0 15px 0; padding-left:13px; position:relative;}
#product h2:before{ content:""; display:block; position:absolute;left:0; top:6px; width:8px; height:8px; border-radius:50%; background:#3898ee;}
#product p{ font-size:1em;}
#product .box{ padding:20px 20px;}
#product .box2{ width:100%; padding:20px 20px;}
#product .li{ font-size:1.2em; font-weight:400; color:#555; line-height:1.8em; padding-left:8px; position:relative;}
#product li:before{ content:""; display:block; position:absolute;left:0; top:12px; width:3px; height:3px; background:#3898ee;}
#product li span{ font-size:13px; }
#product li strong{ color:#3898ee;}
#product .big_tit{ font-size:1.5em; margin-bottom:20px;}
#product .big_tit:after{ width:30px;}
}*/


/*고객문의*/
.cus{ width:85%; margin:0 auto;}
.cust{ width:65%; height:306px; background:#f5f5f5; padding:50px 60px;}
.cust p{ font-size:1.1em; color:#999; margin-bottom:30px;}
.cust dl{ font-size:1.3em;}
.cust .cus_dl{ border-right:1px solid #ddd; margin-right:70px; padding-right:70px;}
.cust dt{ font-size:1.2em; margin-bottom:15px; position:relative; padding-left:10px;}
.cust dt:before{ content:""; display:block; position:absolute;left:0; top:11px; width:5px; height:5px; border-radius:50%; background:#3898ee;}
.cust dd{ font-family: 'Spoqa Han Sans', sans-serif; margin-bottom:3px;}
/*@media (max-width:991px) {
.cus{ width:306px;}
.cust{ width:100%; height:auto; padding:50px 40px;}
.cust p{ font-size:1em; margin-bottom:20px;}
.cust dl{ font-size:1.1em; float:none !important;}
.cust .cus_dl{ border-right:0; border-bottom:1px solid #ddd; margin-right:0; padding-right:0; margin-bottom:20px; padding-bottom:20px;}
}
*/

