@charset "utf-8";

.main-visual{width:100%; position:relative; }
.main-visual .txt-box{position:absolute; z-index:1; width:100%; top:36%; text-align:center; }
.main-visual .txt-box dl{overflow:hidden; margin-bottom:1%;}
.main-visual .txt-box dl dd{display:inline-block; margin-right:10px;}
.main-visual .txt-box .t-box{color:#fff; }
.main-visual .txt-box .t-box h3{ font-size:3.4em;  font-family: 'locus_sangsang'; font-weight:400; line-height:190%; text-shadow:4px 3px 5px rgba(0,0,0,0.5); letter-spacing:-0.5px;}
.main-visual .txt-box .t-box h1{ font-size:2.6em;  font-family:'s-core-dream-regular'; line-height:200%; text-shadow:4px 3px 5px rgba(0,0,0,0.5); letter-spacing:-1.5px; }
.main-visual .txt-box .t-box p{font-size:2em; font-family: 's-core-dream-regular'; font-weight:400;  text-shadow:4px 3px 5px rgba(0,0,0,0.5); letter-spacing:-1.2px;} 
.main-visual .txt-box .t-box p span{display:block;}

.visual li{width:100%; height:500px;}
.visual img{width:100%; height:500px;}

/*content*/
.wrap .cont{width:1280px; margin:0 auto;}

.wrap .cont .article1{margin-top:2%;}
.wrap .cont .article1::after{content:""; display:block; clear:both}
.wrap .cont .article1 .left, .wrap .cont .article1 .right{float:left;}
.wrap .cont .article1 .left{margin-left:5px;margin-right:50px;  margin-top:-24px; width:650px;}
.wrap .cont .article1 .left .noticle{background-color:#fff; box-sizing:border-box; border:solid 0px #ddd; padding:10px; position:relative; min-height:150px;}
.wrap .cont .article1 .left .noticle h3{font-size:1.714em; }
.wrap .cont .article1 .left .noticle p.txt{font-size:1.071em; color:#666;   position:relative; padding:1% 0 1% 0;}
.wrap .cont .article1 .left .noticle p.txt::after{content:""; display:block; width:100%; height:1px; background-color:#ddd; position:absolute; bottom:0;}
.wrap .cont .article1 .left .noticle ul.list{overflow:hidden; margin-top:5%;}
.wrap .cont .article1 .left .noticle ul.list li{width:100%; border-bottom:solid 0px #ddd; margin:1% 0 1% 0;}
.wrap .cont .article1 .left .noticle ul.list span{display:inline-block;}
.wrap .cont .article1 .left .noticle ul.list span.tit{font-size:1.143em; width:80%; font-weight:500; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.wrap .cont .article1 .left .noticle ul.list span.data{font-size:1.000em; text-align:left; width:19%;  color:#666;}
.wrap .cont .article1 .left .noticle ul li:after{content:""; display:block; border-bottom: solid 2px #666;   transform: scaleX(0); transition: transform 350ms ease-in-out;}
.wrap .cont .article1 .left .noticle ul li:hover:after{transform: scaleX(1);}
.wrap .cont .article1 .left .noticle ul li:after{transform-origin:0% 50%;}
.wrap .cont .article1 .left .noticle button.more-btn{position:absolute; top:0; right:0; width:30px; height:30px; background-color:#666; color:#fff; font-size:1.857em;}
.wrap .cont .article1 .left .noticle button.more-btn a{color:#fff; display:block;}

.wrap .cont .article2{margin:2% 0% 4% 20%;}
.wrap .cont .article2::after{content:""; display:block; clear:both;}
.wrap .cont .article2 h3{font-size:1.6em; text-align:center;  color:#555; margin-bottom:1%;}
.wrap .cont .article2 dl{overflow:hidden;}
.wrap .cont .article2 dl dd{float:left; width:330px; margin-right:30px; cursor:pointer;}
.wrap .cont .article2 dl dd:last-child{margin-right:0;}
.wrap .cont .article2 dl dd .ibox{overflow:hidden; background:#efefef; }
.wrap .cont .article2 dl dd .ibox img{width:99%;  }
.wrap .cont .article2 dl dd .tbox h4{font-size:1.429em;  padding:6% 0 1% 0;}
.wrap .cont .article2 dl dd .tbox p{font-size:1.143em; color:#555; letter-spacing:-1.3px;}
.wrap .cont .article2 dl dd .tbox p span{display:block;}
.wrap .cont .article2 dl dd:hover .ibox img{transform:scale(1.1);-o-transform:scale(1.1); -moz-transform:scale(1.1);-webkit-transform:scale(1.1); transition: transform .35s;  -o-transition: transform .35s;-moz-transition: transform .35s;-webkit-transition: transform .35s;}
.wrap .cont .article2 dl dd:hover .tbox h4.line:after{width:100%;}
.wrap .cont .article2 dl dd .tbox h4.line{ display: inline-block; position: relative;}
.wrap .cont .article2 dl dd .tbox h4.line:after{content:""; width:0; height:10px; display:inline-block; background:#e6deff; position:absolute; bottom:10%; left:0; z-index:-1; transition:0.3s all;}


/*************************************************************************
³×¿ÀÇ浌       
*************************************************************************/

.sub-cont{width:1280px; margin:50px auto;}
.sub-cont h3{font-size:1.9em; font-weight:800; color:#a62a68;text-align:center;  position:relative;}
.sub-cont h3::after{content:""; display:block; width:100%; height:1px; background-color:#ddd; position:absolute; left:0; bottom:0;}
.sub-cont .tite{margin-top:2%;}
.sub-cont .tite p{font-size:2.143em;  color:#000; letter-spacing:-1.2px; line-height:0.9;}
.sub-cont .tite span.gn{color:#3ca638; }

.sub-cont .txt-box{font-size:1.429em; color:#555; letter-spacing:-0.8px; margin-top:1%;}
.sub-cont .txt-box span{display:block;}

.sub-cont .img-box{margin:3% 0;}
.sub-cont .img-box::after{content:""; display:block; clear:both;}
.sub-cont .img-box dl{position:relative;}
.sub-cont .img-box dl::before{content:""; display:block; position:absolute; top:34%; left:42%; background:url("../img/sub/company-ico-02.png")no-repeat; width:218px; height:218px; z-index:1;}
.sub-cont .img-box dl::after{content:""; display:block; clear:both;}

.sub-cont .img-box dl dd{float:left; width:620px; position:relative;}
.sub-cont .img-box dl dd:nth-child(1), .sub-cont .img-box dl dd:nth-child(2){margin-bottom:40px;}
.sub-cont .img-box dl dd:nth-child(2), .sub-cont .img-box dl dd:nth-child(4){margin-left:40px;}
.sub-cont .img-box dl dd:nth-child(3)::after{content:""; display:block; position:absolute; bottom:-8%; left:0; background:url("../img/sub/company-ico-01.png")no-repeat; width:171px; height:204px;}

.sub-cont .ceo{text-align:left; color:#555; font-size:1.429em; margin:1% 0 2%; }

.b-line{width:100%; height:11px; background:url("../img/sub/company-line.png")repeat-x;}

#ci{position:relative; margin-top:2%;}
#ci h4{color:#000;  font-size:2.143em;}
#ci p{font-size:1.429em; color:#555; letter-spacing:-1.2px;}

#ci dl.ci-box{overflow:hidden;}
#ci dl.ci-box dd{width:615px; float:left; margin-top:2%;}
#ci dl.ci-box dd:nth-child(2){margin-left:50px;}
#ci dl.ci-box dd .ibox{position:relative; border-right:solid 1px #efefef;}
#ci dl.ci-box dd .ibox::after{content:""; display:block; background:url("../img/sub/company-ci-p.png")repeat; width:100%; height:100%; z-index:-1; opacity:.5; position:absolute; top:0; left:0;}
#ci dl.ci-box dd .tbox{text-align:center; background-color:#f1f1f1; padding:3%; font-size:1.286em; letter-spacing:-0.8px; font-weight:500;}

#ci .color-box{overflow:hidden; margin:3% 0;}
#ci .color-box .left{float:left; width:60%; font-size:2.143em;  letter-spacing:-1.2px; position:relative;}
#ci .color-box .left::after{content:""; display:block; position:absolute; width:68%; height:1px; background-color:#bbb; right:4%; top:57%;}

#ci .color-box .right{float:left; width:40%;}
#ci .color-box .right dl dd{float:left; width:50%; text-align:center;}
#ci .color-box .right dl dd:nth-child(1){background-color:#6c5c54; color:#fff; padding:3%;}
#ci .color-box .right dl dd:nth-child(2){background-color:#81b72a; color:#fff; padding:3%;}


#map{position:relative; margin-top:2%;}
#map h4{color:#000;  font-size:2.143em;}
#map .g-map{margin-top:2%;}

#map .ad-box{margin-top:2%;}
#map .ad-box dl{overflow:hidden; border-top:solid 2px #ddd;}
#map .ad-box dl dd{border-bottom:solid 1px #ddd; padding:1%; font-size:1.286em;}
#map .ad-box dl dd span.tit{width:106px; display:inline-block; position:relative;}
#map .ad-box dl dd span.tit::after{content:""; display:block; width:1px; height:19px; background-color:#ddd; position:absolute; right:0; top:18%;}
#map .ad-box dl dd span.txt{padding-left:1%;}

/*************************************************************************
(ÁÖ)³×¿ÀÇ浌         
*************************************************************************/
.sub-cont dl.box3{position:relative; margin:1% 0 3%;}
.sub-cont dl.box3::after{content:""; display:block; clear:both;}
.sub-cont dl.box3 dd{float:left; width:420px; margin-right:10px;}
.sub-cont dl.box3 dd:nth-child(3){margin-right:0;}

.sub-cont dl.box2{position:relative; margin:3% 0 0;}
.sub-cont dl.box2::after{content:""; display:block; clear:both;}
.sub-cont dl.box2 dd{float:left; width:635px;}
.sub-cont dl.box2 dd:nth-child(2){margin-left:10px;}
.sub-cont dl.box2.ico::before{content:""; display:block;  background:url("../img/sub/vi-ico-01.png")no-repeat; width:176px; height:231px; position:absolute; bottom:77%; right:0;}

.sub-cont .slogan{position:relative; padding:4% 0 5% 31%; text-align:center;}
.sub-cont .slogan::after{content:""; display:block; background:url("../img/sub/vi-human-02.png")no-repeat; width:336px; height:331px; position:absolute; bottom:-14%; left:0;}
.sub-cont .slogan .txt{font-size:26px; color:#555; letter-spacing:-1.2px;}
.sub-cont .slogan .tit{line-height:1.4; margin-top:1%;}
.sub-cont .slogan .tit span, .sub-cont .slogan .tit span i{ font-size:38px; letter-spacing:-1.8px;}
.sub-cont .slogan .tit span{display:block;}
.sub-cont .slogan .tit span i{font-style:normal; color:#3ca638;}

.sub-cont .slogan .tit span:nth-child(1){color:#555; }
.sub-cont .slogan .tit span:nth-child(2){position:relative;}
.sub-cont .slogan .tit span:nth-child(2)::after{content:""; display:block; position:absolute; bottom:0; left:4%; width:93%; border-bottom:thick double #3ca638;}

.sub-cont .vi-box{position:relative; margin:1% 0 3% 0; background:url("../img/sub/vi-img-11.jpg")no-repeat; width:100%; height:639px;}
.sub-cont .vi-box::before{content:""; display:block; position:absolute; left:0; bottom:0; width:100%; height:137px; background:url("../img/sub/vi-img-12.png")no-repeat;}
.sub-cont .vi-box::after{content:""; display:block; position:absolute; left:2%; bottom:0; width:494px; height:539px; background:url("../img/sub/vi-human-01.png")no-repeat;}

.sub-cont .vi-box .t-box{position:absolute; top:45%; right:11%; text-align:center;}
.sub-cont .vi-box .t-box .tite *{ font-size:40px; letter-spacing:-2.4px; line-height:1.2;}
.sub-cont .vi-box .t-box .tite span{display:block;}
.sub-cont .vi-box .t-box .tite span i{font-style:normal; color:#3ca638; border-bottom:thick double #3ca638;}
.sub-cont .vi-box .t-box .vi-ceo{font-size:25px; letter-spacing:-1.4px; margin-top:3%;}
.sub-cont .vi-box .t-box .vi-ceo i{font-style:normal; font-weight:600;}

.sub-cont .vi-more{margin-top:3%;}
.sub-cont .vi-more .tite{ font-size:30px; letter-spacing:-1.2px;}
.sub-cont .vi-more .url{margin-bottom:1%;}
.sub-cont .vi-more .url a{font-size:20px; color:#555;}
.sub-cont .vi-more .url a:hover{text-decoration:underline;}
.sub-cont .vi-more button{position:relative; border:solid 1px #ddd; box-sizing:border-box; color:#009345;  font-size:30px; padding:2% 4% 2% 8%; box-shadow:10px 10px #e8e8e8;}
.sub-cont .vi-more button:after{content:""; display:block; position:absolute; top:20%; left:6%; background:url("../img/sub/vi-cafe-ico.png")no-repeat; width:60px; height:60px; background-size:contain;}
.sub-cont .vi-more button.btn5:hover{color:#fff;}
.btn5::before{content: ''; position: absolute; left:0; bottom:0; z-index:-1; width: 100%; height:100%; background: transparent; box-shadow: inset 0px 0px 0px #adcb64; display: block; -webkit-transition: all 0.5s cubic-bezier(.5, .24, 0, 1); transition: all 0.5s cubic-bezier(.5, .24, 0, 1)}
.btn5:hover::before{ box-shadow: inset 384px 0px 0px #009345;}


/*************************************************************************
¹Ìµð¾îÄõ¸®      
*************************************************************************/

@media (max-width:1536px){
.main-visual li{height:500px; background-position:50% 50% !important;}

}
@media (max-width: 1259px) and (min-width: 748px){
/*mainvisual*/
.main-visual li{height:500px; }
.main-visual .txt-box{top:34%;}
.main-visual .txt-box dl{margin-bottom:1%;}
.main-visual .txt-box .t-box h3{font-size:3.214em;}
.main-visual .txt-box .t-box h1{font-size:2.6em;}
.main-visual .txt-box .t-box p{font-size:1.571em;}


/*cont*/
.wrap{width:100%; overflow:hidden;}
.wrap .cont{width:90%; margin:0 5%;}
.wrap .cont .article1 .left, .wrap .cont .article1 .right{float:none;}
.wrap .cont .article1 .right iframe{width:100%; height:500px;}
.wrap .cont .article1 .left{width:90%; margin-left:0; margin-top:3%;}
.wrap .cont .article1 .left .noticle{padding:2%; min-height:auto;}
.wrap .cont .article1 .left .noticle ul.list{margin-top:0;}

.wrap .cont .article2{margin:5% 0;}
.wrap .cont .article2 h3{margin-bottom:2%;}
.wrap .cont .article2 dl dd{width:24%; margin-right:1%;}
.wrap .cont .article2 dl dd .tbox p span{display:inline;}

/**(ÁÖ)³×¿ÀÇʵå**/
.sub-cont{width:90%; margin:5%;}
.sub-cont .img-box dl::before{top:31%; left:39%; background-size:contain; width:200px; height:200px;}
.sub-cont .img-box dl dd{width:49%;}
.sub-cont .img-box dl dd:nth-child(1), .sub-cont .img-box dl dd:nth-child(2){margin-bottom:2%;}
.sub-cont .img-box dl dd:nth-child(2), .sub-cont .img-box dl dd:nth-child(4){margin-left:2%;}
.sub-cont .img-box dl dd img{width:100%;}

#ci dl.ci-box dd{width:49%;}
#ci dl.ci-box dd:nth-child(2){margin-left:2%;}
#ci dl.ci-box dd .ibox img{width:100%;}
#ci .color-box{margin:5% 0;}

/**³×¿ÀÇʵå**/
.sub-cont dl.box3 dd{width:32.3%; margin-right:1%;}
.sub-cont dl.box3 dd img{width:100%;}

.sub-cont dl.box2 dd{width:49%;}
.sub-cont dl.box2 dd:nth-child(2){margin-left:1%;}
.sub-cont dl.box2 dd img{width:100%;}
.sub-cont dl.box2.ico::before{display:none;}

.sub-cont .slogan{padding:5% 0 0 0;}
.sub-cont .slogan::after{position:relative; bottom:0; margin:0 auto;}
.sub-cont .slogan .tit{padding-bottom:3%;}

.sub-cont .vi-box{background:none; height:auto; padding:6% 0 22%;}
.sub-cont .vi-box::before{height:99px; background-size:contain;}
.sub-cont .vi-box::after{background-size:contain; width:370px; height:382px;}
.sub-cont .vi-box .t-box{position:relative; top:0; right:0; text-align:right;}

.sub-cont .vi-more .url{margin-bottom:3%;}
.sub-cont .vi-more button{padding:3% 4% 3% 11%;}

}

@media (max-width:1024px){
/**(ÁÖ)³×¿ÀÇʵå**/
.sub-cont .img-box dl::before{top:32%; left:39%; width:150px; height:150px;}
.sub-cont .img-box dl dd:nth-child(3)::after{background-size:contain; width:134px; height:152px;}
.sub-cont .ceo{margin:4% 0;}

/**³×¿ÀÇʵå**/
.sub-cont .txt-box span{display:inline;}
.sub-cont .slogan::after{background-size:contain; width:211px; height:209px;}
.sub-cont .slogan .txt{font-size:20px;}
.sub-cont .slogan .tit span, .sub-cont .slogan .tit span i{font-size:30px;}

.sub-cont .vi-box{padding:6% 0 30%;}
.sub-cont .vi-box::before{height:74px;}
.sub-cont .vi-box::after{width:254px; height:260px;}
.sub-cont .vi-box .t-box{text-align:center;}
.sub-cont .vi-more button:after{width:50px; height:50px;}
}


@media (max-width: 747px) {

/*mainvisual*/
.main-visual li{height:400px; background-size:cover !important; background-position:50% 50% !important;}
.visual img{width:100%; height:400px;}
.main-visual .txt-box{top:40%;}
.main-visual .txt-box dl{margin-bottom:1%;}
.main-visual .txt-box dl dd{width:11%;}
.main-visual .txt-box .t-box h3{font-size:2.0em;}
.main-visual .txt-box .t-box h1{font-size:1.9em; padding-left:40px; padding-right:40px;}
.main-visual .txt-box .t-box p{font-size:1.143em;}




/*cont*/
.wrap .cont{width:90%; margin:0 5%;}
.wrap .cont .article1 .left, .wrap .cont .article1 .right{float:none;}
.wrap .cont .article1 .right iframe{width:100%; height:220px;}
.wrap .cont .article1 .left{width:100%; margin-left:0; margin-top:3%;}
.wrap .cont .article1 .left .noticle{padding:5% 2%; min-height:auto;}
.wrap .cont .article1 .left .noticle h3{font-size:1.429em;}
.wrap .cont .article1 .left .noticle p.txt{font-size:0.929em;}
.wrap .cont .article1 .left .noticle ul.list{margin-top:0;}
.wrap .cont .article1 .left .noticle ul.list span.tit{font-size:1.071em;}
.wrap .cont .article1 .left .noticle ul.list span.data{font-size:0.857em;}

.wrap .cont .article2{margin:10% 0;}
.wrap .cont .article2 h3{margin-bottom:4%; font-size:1.571em;}
.wrap .cont .article2 dl dd{width:48%; margin-right:3%; margin-bottom:5%;}
.wrap .cont .article2 dl dd:nth-child(2){margin-right:0;}
.wrap .cont .article2 dl dd .tbox h4{font-size:1.214em; letter-spacing:-0.086em;}
.wrap .cont .article2 dl dd .tbox p {font-size:1.000em;}
.wrap .cont .article2 dl dd .tbox p span{display:inline;}

/**(ÁÖ)³×¿ÀÇʵå**/
.sub-cont{width:90%; margin:5%;}
.sub-cont .img-box dl::before, .sub-cont .img-box dl dd:nth-child(3)::after{display:none;}

.sub-cont .tite{margin-top:4%;}
.sub-cont .tite p{font-size:1.429em; line-height:1.4;}
.sub-cont .txt-box{font-size:1.286em;}
.sub-cont .txt-box div{margin-top:1%;}

.sub-cont .img-box{margin-top:5%;}
.sub-cont .img-box dl dd{width:49%;}
.sub-cont .img-box dl dd:nth-child(1), .sub-cont .img-box dl dd:nth-child(2){margin-bottom:2%;}
.sub-cont .img-box dl dd:nth-child(2), .sub-cont .img-box dl dd:nth-child(4){margin-left:2%;}
.sub-cont .img-box dl dd img{width:100%;}
.sub-cont .ceo{font-size:1.143em;}

#ci{margin-top:8%;}
#ci h4{font-size:1.786em;}
#ci p{font-size:1.143em; margin-top:1%;}

#ci dl.ci-box dd{margin-top:5%; width:100%; float:none;}
#ci dl.ci-box dd:nth-child(2){margin-left:0;}
#ci dl.ci-box dd .ibox img{width:100%;}
#ci dl.ci-box dd .tbox{font-size:1.143em; padding:4%;}

#ci .color-box{margin:10% 0;}
#ci .color-box .left{font-size:1.786em; width:100%; float:none;}
#ci .color-box .left::after{width:53%; right:0;}

#ci .color-box .right{width:100%; float:none; margin-top:3%;}
#ci .color-box .right dl dd:nth-child(1),#ci .color-box .right dl dd:nth-child(2){padding:4%;}

#map{margin-top:5%;}
#map h4{font-size:1.786em;}
#map .g-map{margin-top:5%;}
#map .g-map iframe{height:auto;}

#map .ad-box dl dd{font-size:1.071em; padding:3% 0;}
#map .ad-box dl dd span.tit{width:auto; display:block;}
#map .ad-box dl dd span.tit::after{display:none;}
#map .ad-box dl dd span.txt{padding-left:0; display:block;}

/**³×¿ÀÇʵå**/
.sub-cont dl.box3{margin:5% 0;}
.sub-cont dl.box3 dd{width:100%; float:none; margin-right:0; margin-bottom:3%;}
.sub-cont dl.box3 dd img{width:100%;}

.sub-cont dl.box2{margin:5% 0 0;}
.sub-cont dl.box2 dd{width:100%; float:none; margin-bottom:3%;}
.sub-cont dl.box2 dd:nth-child(2){margin-left:0;}
.sub-cont dl.box2 dd img{width:100%;}
.sub-cont dl.box2.ico::before{display:none;}

.sub-cont .slogan{padding:5% 0 0 0;}
.sub-cont .slogan::after{position:relative; width:202px; height:198px; margin:0 auto;}
.sub-cont .slogan .txt{font-size:16px; text-align:left;}
.sub-cont .slogan .tit{text-align:left;}
.sub-cont .slogan .tit span{display:inline;}
.sub-cont .slogan .tit span, .sub-cont .slogan .tit span i{font-size:22px;}
.sub-cont .slogan .tit span:nth-child(2)::after{border-bottom:none;}

.sub-cont .vi-box{background:none; height:auto; padding:6% 0 52%; margin:1% 0 5% 0;}
.sub-cont .vi-box::before{height:80px; background-size:cover; background-position:57% 50%;}
.sub-cont .vi-box::after{background-size:contain; width:178px; height:189px;}
.sub-cont .vi-box .t-box{position:relative; top:0; right:0; text-align:center;}

.sub-cont .vi-more{margin-top:5%; margin-bottom:15%;}
.sub-cont .vi-more .url{margin-bottom:5%;}
.sub-cont .vi-more .url a{font-size:13px;}
.sub-cont .vi-more button{padding:6%; width:100%; box-sizing:border-box; font-size:23px;}
.sub-cont .vi-box .t-box .tite *{font-size:27px;}
.sub-cont .vi-box .t-box .vi-ceo{font-size:20px;}

.sub-cont .vi-more .tite{font-size:22px;}
.sub-cont .vi-more button:after{width:45px; height:45px; top:22%; left:11%;}

}

@media (max-width: 400px) {
.main-visual .txt-box .t-box h3{font-size:1.7em;}
.main-visual .txt-box .t-box h1{font-size:1.6em; padding-left:34px; padding-right:34px;}
}

@media (max-width: 380px) {
.wrap .cont .article1{margin-top:6%;}
.wrap .cont .article1 .left .noticle ul.list span.tit{width:95%;}
.wrap .cont .article1 .left .noticle button.more-btn{width:40px; height:40px;}
.wrap .cont .article1 .left{margin-top:2%;}
.wrap .cont .article2 dl dd{width:100%; margin-right:0; margin-bottom:10%;}




/**(ÁÖ)³×¿ÀÇʵå**/
.sub-cont h3{font-size:1.6em;}

.sub-cont .img-box dl dd{width:100%; float:none; margin-bottom:1%;}
.sub-cont .img-box dl dd:nth-child(1), .sub-cont .img-box dl dd:nth-child(2){margin-bottom:1%;}
.sub-cont .img-box dl dd:nth-child(2), .sub-cont .img-box dl dd:nth-child(4){margin-left:0;}

.sub-cont .txt-box{font-size:1.143em;}
.sub-cont .txt-box div{margin-top:2%;}

/**(ÁÖ)³×¿ÀÇʵå**/
.sub-cont .vi-box{padding:6% 0 58%;}
.sub-cont .vi-box .t-box .tite span{display:inline;}
.sub-cont .vi-box .t-box .tite *{font-size:24px;}


}