/* 서브비주얼 */
#subvisual{width:100%; height:500px; position:relative; margin:0 auto; overflow:hidden;}
#subvisual .visual_img{width:100%; height:500px; background:url(../img/sub/svisual01.jpg) no-repeat 50%/cover;}
#subvisual .sslogan{ text-align:center; width:500px; font-size:3.5em; font-weight:400; color:#fff; position:absolute; top:280px; left:50%; margin-left:-250px;}
#subvisual .sslogan p{ font-size:20px; font-weight:300;}
@media (max-width: 991px) {
#subvisual{height:180px;}
#subvisual .visual_img{height:200px;}
#subvisual .sslogan{top:100px; width:330px; margin-left:-160px; font-size:25px;}
#subvisual .sslogan p{ font-size:15px;}
}


/*브랜드스토리*/
.brand{background:url(../img/sub/brand_bg.jpg) no-repeat center top; background-size: cover; height:auto; padding:80px 50px;}
.brand dl{ color:#fff;}
.brand dt{ font-size:2.4em; font-weight:600; margin-bottom:30px;}
.brand dd{ color:rgba(250,250,250,0.7); font-size:1.05em;font-weight:400;  line-height:1.8em;}
.brand .bimg{ margin-top:60px;}
@media (max-width: 991px) {
.brand{ background-size:500%; height:auto; padding:40px 10px;}
.brand dl{}
.brand dt{ font-size:1.4em; margin-bottom:10px;}
.brand dd{ font-size:12px;}
.brand .bimg{ margin-top:20px;}
.brand .bimg2{ margin-bottom:10px;}
.brand img{ width:100%;}
}

/*인사말*/
.greet{ font-size:1.05em; line-height:1.8em; color:#555; font-weight:400; background:url(../img/sub/company.jpg) no-repeat right center; padding:70px 0;}
.greet h1{ font-size:2.2em; line-height:1.5em; letter-spacing:-2px; margin-bottom:50px; font-weight:400;  color:#222;}
.greet b{ color:#333;}
@media (max-width: 991px) {
.greet{ font-size:1em; background-size:auto 350px; background-position:center top; padding:380px 0 0px 0;}
.greet h1{ font-size:1.4em;  margin-bottom:30px;}
}

/* 연혁 */
.his{ background:url(../img/sub/history_bg_eng.jpg) no-repeat left 80px; padding:100px 0 80px 580px; font-size:1.1em;}
.his_ul li{/*border-bottom:1px solid #e5e6e6;*/overflow:hidden;padding:15px 0;position:relative;/*margin-left:10px*/}
.his_ul li.no_border{border:none}
.his_ul li strong{color:#444;font-size:1.4em; font-weight:500;letter-spacing:-1px;line-height:32px; position:absolute; top:10px;left:0; padding-left:20px;}
.his_ul li strong:before{ display:block; content:""; width:11px; height:11px; border-radius:30px; border:3px solid #e2372e; background:#fff; position:absolute; top:12px; left:0px;}
.his_ul li .history_dl{margin:0 0 0;padding:0px 0 0 20%;position:relative;}
.his_ul li .history_dl *{margin:0;padding:0;}
.his_ul li .history_dl dt{font-weight:600;left:17%;position:absolute;top:5px;}
.his_ul li .history_dl dd{padding:0 0 1px 3%;}
.his_ul li .history_dl dd span{ font-weight:500; color:#e2372e; display:inline-block; width:35px;}
.his_ul li .history_dl dd.dds{  color:#777; text-indent:37px;}
.his_ul{background:url(../img/sub/y_line.gif) repeat-y 5px 0;}
@media (max-width: 991px) {
.his{ padding:0; font-size:1em; background-size:300px auto; background-position:left top; padding-top:210px;}
.his_ul li strong{position:relative;top:auto;left:auto;background:url(../img/sub/icon_his_y.gif) no-repeat 0 4px;}
.his_ul li .history_dl{padding:0 0 0 8%;}
.his_ul li .history_dl dt{position:relative;top:auto;left:auto}
.his_ul li .history_dl dd{padding-left:0;}
.his_ul li .history_dl dd span{ width:35px;}
.his_ul li .history_dl dd.dds{ text-indent:37px;}
}

/*물류시스템*/
.mul{ text-align:center;}
.mul .container{ position:relative; width:90%; margin:0 auto;}
.mul .mul_t{ display:inline-block;font-size:2em; font-weight:600; color:#fff; line-height:1em; padding:18px 40px 18px 90px; background:url(../img/sub/mul_truck.png) no-repeat 45px 20px/auto 30px #199bcb; border-radius:15px; border-bottom:4px solid #ccc; margin-bottom:20px;}
.mul_box{}
.mul_box img{ width:100%;}
.mul_box div{ border-radius:7px; overflow:hidden; padding:0; width:30%; margin:0 10px 20px 10px; border:3px solid #199bcb;}
.mul_box div p{ font-size:1.2em; line-height:2em; font-weight:bold; color:#333;}
.mul_c{/* position:absolute; top:20px; right:0px;*/ display:inline-block;border-radius:7px; overflow:hidden; border:3px solid #199bcb;}
.mul_sys{ margin-bottom:70px;}
.mul_sys li{ display:inline-block; vertical-align:top; width:15%; height:170px; border-radius:300px; border:4px solid #ddd;color:#fff; font-size:1.4em; font-weight:500; line-height:1.5em; padding-top:70px;}
.mul_sys li:first-child{ background:#b0d2de; padding-top:55px; color:#444;}
.mul_sys li.li2{ background:#69a3d1;}
.mul_sys li.li3{ background:#4872a4;}
.mul_sys li:last-child{ background:#073567;}
.mul_sys .arrow{ display:inline-block; width:35px; line-height:150px; margin:0 10px;}
.mul_sys .arrow img{ width:100%;}
@media (max-width: 991px) {
.mul .container{ width:100%;}
.mul .mul_t{ display:block;font-size:1.3em; line-height:1.2em; padding:7px 0 7px 43px; background-size:auto 25px; background-position:45px 7px; margin-bottom:10px;}
.mul_box{ width:100%; margin:0;}
.mul_box div{width:100%; margin:0px 0 10px 0;}
.mul_c{ position:relative; top:auto; right:auto;}
.mul_c img{ width:100%;}
.mul_sys{ margin-bottom:40px;}
.mul_sys li{ width:120px; height:120px; font-size:1.1em; padding-top:45px; margin-top:10px;}
.mul_sys li:first-child{ padding-top:35px;}
.mul_sys .arrow{ width:25px; line-height:120px; margin:0 5px;}
}

/*오시는 길*/
.map{ border:1px solid #ddd; padding:25px 25px;}
.map h4{font-size:1.5em; margin-bottom:10px; font-weight:600; color:#df2e32;}
.map .info{margin-bottom:20px;}
.map .info svg{color:#333;}
.map .info p{margin-left:5px; font-size:14px; font-weight:normal;}
.map .info p b{display:inline-block; background:#666; color:#fff; border-radius:3px; padding:0 5px; font-size:11px; line-height:1.5em; margin-left:8px;}
@media (max-width: 991px) {
.map{ padding:25px 10px;}
}

/* 메뉴소개 */
.menu{ text-align:center;}
.menu_t{ font-size:1.4em; font-weight:400; color:#333; line-height:1.6em;background:url(../img/sub/menu_icon.jpg) no-repeat 50% top/60px auto; padding-top:100px;}
.menu_t strong{ color:#df2e32;}
.menu_t:after{ display:block; content:""; width:40px; height:5px; background:#df2e32; margin:25px auto;}
.menubox{ margin-top:50px;}
.menu dl{ display:inline-block; vertical-align:top; width:30%; margin:0 10px;}
.menu dt{}
.menu dd{ font-size:1.8em; font-weight:bold; color:#000; margin-top:12px;/* background:url(../img/sub/menu_icon.jpg) no-repeat 50% top/20px auto; padding-top:28px;*/}
.menu dd:after{ display:block; content:""; width:70px; height:2px; background:#cc9e11; margin:8px auto;}
@media (max-width: 991px) {
.menu_t{ font-size:1em; background-size:40px auto; padding-top:60px;}
.menu_t:after{ width:30px; margin:20px auto;}
.menubox{ margin-top:20px;}
.menu dl{ width:100%; margin:10px 0;}
.menu dd{ font-size:1.5em; margin-top:5px;}
.menu dd:after{ width:40px; height:2px;}
.menu dt{ width:85%; margin:0 auto;}
.menu dt img{ width:100%;}
}


/*창업경쟁력*/
.fran h1{ font-size:2.7em; color:#000; text-align:center; margin-bottom:70px; letter-spacing:-2px;}
.fran h1 strong{ color:#c4980f;}
.sucbox{}
.sucbox dl{ display:inline-block; vertical-align:top; border:1px solid #ccc; border-top:2px solid #d0a31b; padding:30px 30px; width:48%; min-height:155px; margin:0 10px 30px 10px; position:relative;}
.sucbox .num{ width:50px; height:50px; line-height:50px; border-radius:50px; font-size:2em; font-weight:bold; background:#d0a31b; color:#fff; text-align:center;
position:absolute; top:-25px; left:15px;}
.sucbox dt{ font-size:1.2em; color:#333; margin-bottom:10px;}
.sucbox dd{ font-size:13px; color:#555;}
.upbox{ text-align:center; margin-top:80px;}
.upbox dl{ display:inline-block; vertical-align:top; border:2px solid #de3f3f; padding:40px 50px 50px 40px; border-radius:20px;  width:40%; margin:0 10px; background:#f5f5f5; position:relative;}
.upbox dt{ font-size:1.8em; color:#fff; line-height:50px; border-radius:20px; width:80%; background:#de3f3f; position:absolute; top:-20px; left:50px;}
.upbox dd{ font-size:1.3em; font-weight:500; color:#333; margin-top:30px;}

.inte{ margin-top:100px;}
.fran .inte h1{ font-size:2.5em; color:#000; text-align:center; margin-bottom:20px; letter-spacing:-2px;}
.inte .exp{ margin-bottom:30px; font-size:1.2em; line-height:1.6em; color:#333; text-align:center;}
.inte.exp strong{font-size:1.2em;}
.inte .img:after{content:""; display:block; clear:both;}
.inte .img dl{float:left;  width:calc(50% - 20px); margin:10px; position:relative;}
.inte .img dt{position:absolute; line-height:3em; background:rgba(0,0,0,0.5); color:#fff; left:0; bottom:0; padding:5px 30px 5px 30px; font-size:1.1em;}
.inte .img img{width:100%;}

@media (max-width: 991px) {
.fran h1{ font-size:1.8em; margin-bottom:40px; }
.sucbox dl{ padding:30px 20px; width:100%; min-height:auto; margin:0 0px 10px 0px;}
.upbox{ margin-top:30px;}
.upbox dl{ padding:30px 30px 30px 30px;  width:100%; margin:0 0px 30px 0;}
.upbox dt{ font-size:1.5em; line-height:40px; width:85%; top:-20px; left:30px;}
.upbox dd{ font-size:1.1em; margin-top:10px;}
.inte{ margin-top:50px;}
.fran .inte h1{ font-size:1.8em; margin-bottom:10px; }
.inte .exp{font-size:1em; margin-bottom:10px;}
.inte .img dl{width:100%; margin:5px 0;}
}


/*창업절차*/
#fran{text-align:center;}
#fran .fran_t{ font-size:1.4em; line-height:1.6em; color:#111; font-weight:500; margin-bottom:40px; letter-spacing:-1.5px;}
#fran .fran_t:after{ display:block; content:""; width:40px; height:5px; background:#189bca; margin:25px auto;}
.step{ width:89%; margin:0 auto;}
.step:after{content:""; display:block; clear:both;}
.step dl{ position:relative; float:left; width:150px; height:120px; border-radius:5px; margin-right:50px; margin-bottom:20px; padding:35px 0; box-sizing:border-box;
		  border:1px solid #ccc; border-right:2px solid #5dc6ec; border-bottom:2px solid #5dc6ec;}
.step dl.line2{padding:25px 0;}
.step dl:after{content:""; display:block; position:absolute; right:-40px; top:50%; background:url(../img/sub/arrow.png) no-repeat 50%/30px auto; width:30px; height:50px; margin-top:-23px;}
.step dt{font-size:1.3em; color:#333; letter-spacing:0;}
.step dl:last-child:after{display:none;}
.step dl:last-child{border:2px solid #189bca; background:#189bca; color:#fff;}
.step dl:last-child dt{ color:#fff;}

#fran h4{font-size:2em; margin-bottom:15px; font-weight:bold; color:#E24725; margin-top:60px;}
#fran .basic{ background:#f4f4f4; padding:40px 0; width:60%; border:1px dashed #ccc; margin:0 auto;}
#fran .basic dl{font-size:1.2em; width:400px; margin:0 auto; text-align:left;}
#fran .basic dt{float:left; width:80px; margin-right:10px; color:#333; line-height:1.8em;}
#fran .basic dd{line-height:1.8em;}
#fran .basic dd.btel{ color:#E24725; font-weight:bold;}

#fran .fbox{}
#fran .fbox h4{font-size:2em; margin-bottom:25px; margin-top:0; font-weight:bold; color:#E24725; text-align:left;}
#fran .exp{ font-size:1em; line-height:1em; color:#333; text-align:right;}
#fran .exp strong{font-size:1.2em;}
#fran .tbl{margin-bottom:30px; font-size:1.2em;}
#fran .tbl table{margin-bottom:10px;}
#fran .tbl tr th{ font-weight:bold; color:#333;}
#fran .tbl p{ font-weight:bold; color:#333; text-align:left; font-size:14px;}
#fran .tbl tr.total td{ background:#f5f5f5; font-weight:bold; color:#000;}
/*가로스크롤*/
.row-horizon {
  position:relative;
  width:100%;
  overflow-x: hidden;
  overflow-y: hidden;
}

@media (max-width: 991px) {
#fran .fran_t{ font-size:1.2em; margin-bottom:20px;}
#fran .fran_t:after{margin:15px auto;}
.step{ width:100%;}

#fran h4{font-size:1.5em; margin-top:40px;}
#fran .basic{ padding:30px 10px; width:100%;}
#fran .basic dl{font-size:1em; width:100%;}
#fran .basic dt{width:50px;}


#fran .fbox{}
#fran .fbox h4{font-size:1.5em; margin-bottom:5px;}
#fran .tbl{margin-bottom:20px; font-size:1em;}
#fran .tbl table{margin-bottom:10px;}
#fran .tbl p{  font-size:12px;}
.row-horizon:before{content:"← 좌우스크롤로 확인해주세요 →"; display:block;  font-size:12px; color:#888; text-align:left;}
/*가로스크롤*/
.row-horizon {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  float: none;
  width: 100%;
}

}


/*eng ver*/

.eng .mul_sys li{
    font-size: 1.1em;
    line-height: 1.3em;
}
.eng .upbox dt{
    font-size: 1.5em;
}
.eng #fran .basic dl{
    width: 550px;
}
.eng .upbox dl {
    height: 202px;
}
.eng .his_ul li .history_dl dd span{
    width: 100%;
}
@media (max-width: 991px){
    .eng .mul_sys li{
        font-size: 0.9em;
    }
    .eng #fran .basic dl {
        font-size: 0.6em;
        width: 100%;
    }
}