@charset "UTF-8";

/*location*/
.lng_location{position:relative; padding:72px 50px 60px; border-radius:20px;  background-color:#effaff; text-align:center;}
.lng_location .title{position:absolute; top:0; right:0; width:210px; padding-top:24px; padding-bottom:23px; background-color:#4682c1; font-size:15px; color:#fff;}
.lng_location .title span{display:block; margin-top:6px; font-size:32px; line-height:38px; font-weight:600;}
.lng_location .img_area{display:inline-block; }
.lng_location .img_area.n2{position:relative; margin-left:125px;}
.lng_location .img_area.n2:before{display:block; position:absolute; top:0; bottom:0; left:-74px; width:71px; height:44px; margin:auto 0; background:url(/site/eng/images/contents/cts1683_arrow.png) no-repeat;}
@media all and (max-width:1200px){
    .lng_location .img_area{width:40%;}
}
@media all and (max-width:1000px){
    .lng_location{padding-left:10px; padding-right:10px;}
    .lng_location .title{width:160px; padding-top:10px; padding-bottom:10px;}
    .lng_location .title span{margin-top:0; font-size:26px; line-height:32px;}
    .lng_location .img_area.n2{margin-left:100px;}
}
@media all and (max-width:640px){
    .lng_location{padding:110px 30px 30px;}
    .lng_location .title{width:100%;}
    .lng_location .img_area{display:block; width:100%;}
    .lng_location .img_area.n2{margin-top:120px; margin-left:0;}
    .lng_location .img_area.n2:before{top:-80px; bottom:auto; left:0; right:0; margin:0 auto; transform:rotate(90deg);}
}

/*history*/
.lng_history .title{overflow:hidden; position:relative; padding:86px 20px 80px; border-radius:20px; background:#f3f6fb url(/site/eng/images/contents/cts1682_deco01.png) no-repeat top left; text-align:center;}
.lng_history .title:before{display:block; position:absolute; top:0; right:0; width:446px; height:100%; background:url(/site/eng/images/contents/cts1682_deco02.png) no-repeat top right; background-size:cover;}
.lng_history .title h3{margin-bottom:0; font-family:'Gmarket Sans'; font-size:40px; line-height:50px; font-weight:600; color:#0b3d6e;}
.lng_history .history_list{position:relative; margin-top:51px;}
.lng_history .history_list:before{display:block; position:absolute; top:11px; left:407px; width:1px; height:calc(100% - 50px); background-color:#e0e0e0;}
.lng_history .history_list .item{position:relative; padding-left:407px;}
.lng_history .history_list .item + .item{margin-top:58px;}
.lng_history .history_list h4{position:absolute; top:0; left:0; width:407px; margin:0; font-size:30px; line-height:36px; font-weight:600; color:#1d78cc; letter-spacing:-0.01em;}
.lng_history .history_list h4:after{display:block; position:absolute; top:18px; right:33px; width:97px; height:1px; background:url(/site/public/images/template/line2.png);}
.lng_history .history_list h4 + ul{padding-top:8px;}
.lng_history .history_list h4 + ul > li{position:relative; padding-left:29px; line-height:22px; color:#585858; letter-spacing:0;}
.lng_history .history_list h4 + ul > li + li{margin-top:30px;}
.lng_history .history_list h4 + ul > li:before{display:block; position:absolute; top:-1px; left:-11px; width:23px; height:23px; background:url(/site/eng/images/contents/cts1682_blt.png) no-repeat;}
.lng_history .history_list .item li strong{display:block; margin-bottom:7px; font-size:20px; font-weight:600; color:#2e2e2e;}
.cts1682 .lng_history .history_list .item:nth-child(5) h4:after,
.cts1691 .lng_history .history_list .item:nth-child(5) h4:after,
.cts1754 .lng_history .history_list .item:nth-child(5) h4:after{width:45px;}

@media all and (max-width:1000px){
    .lng_history .history_list:before{top:70px; left:11px; height:calc(100% - 120px);}
    .lng_history .history_list .item{padding-left:0;}
    .lng_history .history_list h4{display:inline-block; position:relative; top:auto; left:auto; width:auto; padding-left:30px;}
    .lng_history .history_list h4:after{display:none;}
    .lng_history .history_list h4 + ul{margin-top:15px;}
    .lng_history .history_list h4 + ul > li:before{left:0;}
}
@media all and (max-width:640px){
    .lng_history .title{padding-top:40px; padding-bottom:40px;}
    .lng_history .title h3{font-size:36px; line-height:46px;}
    .lng_history .history_list h4{font-size:28px; line-height:34px;}
    .lng_history .history_list h4 + ul{margin-top:8px;}
    .lng_history .history_list h4 + ul > li + li{margin-top:20px;}
    .lng_history .history_list h4 + ul > li:before{top:2px; width:20px; height:20px; background-size:contain;}
}

/*County Tree, County Flower, and County Bird*/
.county_symbol > ul{margin-left:-10px;}
.county_symbol > ul > li{float:left; width:33.33%; padding-left:10px;}
.county_symbol > ul > li .inner{min-height:614px; padding-top:28px; border:1px solid #d9d9d9; border-radius:20px;}
.county_symbol > ul > li .img_box{text-align:center;}
.county_symbol > ul > li .tit_box{position:relative; margin-top:20px; padding-bottom:22px; text-align:center; font-size:18px; color:#2e2e2e;}
.county_symbol > ul > li .tit_box:before{display:block; position:absolute; bottom:0; left:0; right:0; width:168px; height:4px; margin:0 auto; background:url(/site/public/images/template/line3.png);}
.county_symbol > ul > li .tit_box .title{display:block; font-size:30px; line-height:40px; font-weight:600; color:#0b3d6e;}
.county_symbol > ul > li .cont_box{padding:0 35px;}
.county_symbol > ul > li .cont_box .bu{margin-top:31px;}
.county_symbol > ul > li .cont_box .bu li{word-break:keep-all;}

@media all and (max-width:1430px){
    .county_symbol > ul > li .inner{min-height:635px;}
}
@media all and (max-width:1000px){
    .county_symbol > ul > li{width:50%;}
    .county_symbol > ul > li:nth-child(3){margin-top:10px;}
}
@media all and (max-width:640px){
    .county_symbol > ul{margin-left:0;}
    .county_symbol > ul > li{float:none; width:100%; margin-left:0; padding-left:0;}
    .county_symbol > ul > li + li{margin-top:10px;}
    .county_symbol > ul > li .inner{min-height:auto; padding-bottom:25px;}
    .county_symbol > ul > li .img_box{text-align:center;}
    .county_symbol > ul > li .img_box img{width:120px;}
    .county_symbol > ul > li .tit_box{padding-bottom:15px; font-size:15px;}
    .county_symbol > ul > li .tit_box:before{width:120px;}
    .county_symbol > ul > li .tit_box .title{font-size:26px; line-height:32px;}
    .county_symbol > ul > li .cont_box{padding-left:20px; padding-right:20px;}
    .county_symbol > ul > li .cont_box .bu{margin-top:20px;}
}

/*administrative district*/
.administrative_district .title{overflow:hidden; position:relative; min-height:343px; padding-top:79px; border-radius:20px; background:#407cbb; text-align:center;}
.administrative_district .title:before{opacity:0.5; display:block; position:absolute; top:0; left:0; width:614px; height:343px; background:url(/site/eng/images/contents/cts1645_bg.png) no-repeat;}
.administrative_district .title h3{margin:0; font-family:'GmarketSans'; font-size:30px; line-height:40px; color:#fff; font-weight:600;}
.administrative_district .district_box{position:relative; margin:-160px 50px 0;}
.administrative_district .district_box:before{display:block; position:absolute; bottom:100%; right:100px; width:218px; height:155px; background:url(/site/eng/images/contents/cts1645_img.png) no-repeat;}
.administrative_district .district_box > ul{position:relative; padding:41px 80px; border-radius:20px; background:#fff;}
.administrative_district .district_box > ul:before{display:block; position:absolute; bottom:0; left:118px; width:calc(100% - 236px); height:1px; background:url(/site/public/images/template/line2.png);}
.administrative_district .district_box > ul > li{float:left; width:33.33%; padding:0 50px; text-align:center;}
.administrative_district .district_box > ul > li .tit{display:inline-block; position:relative; margin-bottom:11px; padding-left:20px; font-size:22px; font-weight:600;}
.administrative_district .district_box > ul > li .tit:before{display:block; position:absolute; top:7px; left:0; width:9px; height:9px; border-radius:100%;}
.administrative_district .district_box > ul > li:nth-child(1) .tit{color:#156c67;}
.administrative_district .district_box > ul > li:nth-child(2) .tit{color:#306ab9;}
.administrative_district .district_box > ul > li:nth-child(3) .tit{color:#0b3d6e;}
.administrative_district .district_box > ul > li:nth-child(1) .tit:before{background-color:#156c67;}
.administrative_district .district_box > ul > li:nth-child(2) .tit:before{background-color:#306ab9;}
.administrative_district .district_box > ul > li:nth-child(3) .tit:before{background-color:#0b3d6e;}
.administrative_district .district_box > ul > li p{line-height:24px; word-break:keep-all;}
.administrative_district .district_box .map_area{margin-top:32px; padding:24px 30px 76px; border:1px solid #29a0e1; border-top-width:0; border-radius:0 0 20px 20px;}

@media all and (max-width:1200px){
    .administrative_district .district_box:before{right:20px;}
    .administrative_district .district_box > ul{padding-left:30px; padding-right:30px;}
    .administrative_district .district_box > ul > li{padding-left:10px; padding-right:10px;}
}
@media all and (max-width:1000px){
    .administrative_district .district_box{margin-left:25px; margin-right:25px;}
    .administrative_district .district_box:before{right:0; width:158px; height:112px; background-size:contain;}
    .administrative_district .district_box > ul{padding:20px;}
    .administrative_district .district_box > ul > li{float:none; width:100%;}
    .administrative_district .district_box > ul > li + li{margin-top:20px;}
}
@media all and (max-width:640px){
    .administrative_district .title h3{word-break:keep-all;}
    .administrative_district .district_box{margin-left:10px; margin-right:10px;}
    .administrative_district .district_box:before{display:none;}
    .administrative_district .district_box > ul > li .tit{font-size:20px;}
}

/*symbol mark*/
.sym .box.desc.type3{margin-bottom:30px;}
.sym .box.desc .box_inner{min-height:216px; padding-top:30px; padding-right:115px;}
.sym .box.desc .desc_area{min-height:auto;}
.sym .box.desc .img_area{margin-left:62px;}
.sym .box.desc.type3 p{margin-top:51px; line-height:26px; word-break:keep-all;}
.sym .box.type2{margin-bottom:33px;}
@media all and (max-width:1430px){
    .sym .box.desc .box_inner{padding-right:41px;}
    .sym .box.desc .img_area{margin-left:20px;}
    .sym .box.desc.type3 p{margin-top:0;}
}

/*Co-brand*/
.coBrand .box.desc.type3{margin-bottom:30px;}
.coBrand .box.desc .box_inner{min-height:216px;}
.coBrand .box.desc .img_area{top:12px; left:45px;}
.coBrand .box.desc .desc_area{min-height:auto; padding-left:333px;}
.coBrand .box.desc .text_area .em_blue{display:block; margin-top:25px; margin-bottom:17px; font-size:20px; font-weight:600;}

@media all and (max-width:1000px){
    .coBrand .box.desc .img_area{left:0;}
    .coBrand .box.desc .desc_area{padding-left:245px;}
    .coBrand .box.desc .text_area .em_blue{margin-top:0;}
}
@media all and (max-width:640px){
    .coBrand .box.desc .img_area{top:auto; left:auto;}
    .coBrand .box.desc .desc_area{padding-left:0;}
    .coBrand .box.desc .text_area .em_blue{margin-top:0;}
}

/*Sancheong's Oriental Medicinal Herb*/
.oriental_herb .regional_condition{margin-top:53px; text-align:center;}
.oriental_herb .regional_condition .title{display:inline-block; position:relative; padding:0 66px; font-size:26px; line-height:34px; color:#0b3d6e; font-weight:600;}
.oriental_herb .regional_condition .title:before, .oriental_herb .regional_condition .title:after{display:block; position:absolute; top:0; bottom:0; width:22px; height:54px; margin:auto 0; border:10px solid #e0eff6; box-sizing:border-box;}
.oriental_herb .regional_condition .title:before{left:0; border-left-width:13px; border-right-width:0;}
.oriental_herb .regional_condition .title:after{right:0; border-left-width:0; border-right-width:13px;}
.oriental_herb .regional_condition .title span{position:relative;}
.oriental_herb .regional_condition .title span:before{display:block; position:absolute; top:100%; left:0; right:0; width:54px; height:60px; margin:32px auto 0; background:url(/site/eng/images/contents/cts1686_arrow01.png) no-repeat;}
.oriental_herb .regional_condition .title + ul{position:relative; margin-top:130px; margin-left:-24px;}
.oriental_herb .regional_condition .item{float:left; width:25%; padding-left:24px;}
.oriental_herb .regional_condition .item .inner{overflow:hidden; border:1px solid #6d7996; border-radius:10px;}
.oriental_herb .regional_condition .item .subject{display:table; width:100%; height:77px; padding:0 40px; background-color:#f1f5fc;}
.oriental_herb .regional_condition .item .subject strong{display:table-cell; background-color:#f1f5fc; font-size:20px; line-height:24px; font-weight:600; color:#145ba2; word-break:keep-all; vertical-align:middle;}
.oriental_herb .regional_condition .item .bu{height:190px; margin:0; padding:17px 20px 0 29px; text-align:left;}
.oriental_herb .regional_condition .item .bu li{word-break:keep-all;}
.oriental_herb .oriental_necessity{margin-top:39px;}
.oriental_herb .oriental_necessity > ul {text-align:center; font-size:0; line-height:0;}
.oriental_herb .oriental_necessity .item{display:inline-block; width:415px; vertical-align:top;}
.oriental_herb .oriental_necessity .item + .item{margin-left:-25px;}
.oriental_herb .oriental_necessity .item .title{display:table; position:relative; width:100%; height:112px; padding:0 20px; border-radius:100px; font-size:20px; line-height:25px; color:#fff;}
.oriental_herb .oriental_necessity .item.type1 .title{background-color:#0082ca;}
.oriental_herb .oriental_necessity .item.type2 .title{background-color:rgba(0, 57, 113, 0.82);}
.oriental_herb .oriental_necessity .item.type3 .title{background-color:rgba(86, 104, 146, 0.82);}
.oriental_herb .oriental_necessity .item .title:before{display:block; position:absolute; top:100%; left:0; right:0; width:26px; height:25px; margin:23px auto 0; background-repeat:no-repeat; background-size:contain;}
.oriental_herb .oriental_necessity .item.type1 .title:before{background-image:url(/site/eng/images/contents/cts1686_arrow02.png);}
.oriental_herb .oriental_necessity .item.type2 .title:before{background-image:url(/site/eng/images/contents/cts1686_arrow03.png);}
.oriental_herb .oriental_necessity .item.type3 .title:before{background-image:url(/site/eng/images/contents/cts1686_arrow04.png);}
.oriental_herb .oriental_necessity .item .title strong{display:table-cell; vertical-align:middle;}
.oriental_herb .oriental_necessity .item .text{padding:0 23px;}
.oriental_herb .oriental_necessity .item .bu{display:inline-block; margin-top:73px; margin-bottom:0; text-align:left;}
.oriental_herb .oriental_necessity .item .bu li{word-break:keep-all;}
.oriental_herb .industrial_condition{margin-top:90px;}
.oriental_herb .industrial_condition > .title{position:relative; width:714px; margin:0 auto; padding:8px; background: rgb(70,136,227); background: -moz-linear-gradient(left,  rgba(70,136,227,1) 0%, rgba(20,91,162,1) 100%); background: -webkit-linear-gradient(left,  rgba(70,136,227,1) 0%,rgba(20,91,162,1) 100%); background: linear-gradient(to right,  rgba(70,136,227,1) 0%,rgba(20,91,162,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4688e3', endColorstr='#145ba2',GradientType=1 ); border-radius:120px;}
.oriental_herb .industrial_condition > .title:before{display:block; position:absolute; top:100%; left:0; right:0; width:54px; height:60px; margin:35px auto 0; background:url(/site/eng/images/contents/cts1686_arrow01.png) no-repeat;}
.oriental_herb .industrial_condition > .title .inner{padding:22px 10px; background-color:#fff; border-radius:120px; text-align:center; font-size:24px; line-height:25px; color:#151515; word-break:keep-all;}
.oriental_herb .industrial_condition .text{margin-top:118px; padding:0 57px;}
.oriental_herb .industrial_condition .text .item{float:left; position:relative; width:25%; padding-top:100px;}
.oriental_herb .industrial_condition .text .item:before{display:block; position:absolute; top:8px; left:54px; background-repeat:no-repeat; background-size:contain;}
.oriental_herb .industrial_condition .text .item:nth-child(1):before{width:67px; height:74px; background-image:url(/site/eng/images/contents/cts1686_icon01.png);}
.oriental_herb .industrial_condition .text .item:nth-child(2):before{width:65px; height:70px; background-image:url(/site/eng/images/contents/cts1686_icon02.png);}
.oriental_herb .industrial_condition .text .item:nth-child(3):before{width:64px; height:69px; background-image:url(/site/eng/images/contents/cts1686_icon03.png);}
.oriental_herb .industrial_condition .text .item:nth-child(4):before{width:64px; height:69px; background-image:url(/site/eng/images/contents/cts1686_icon04.png);}
.oriental_herb .industrial_condition .text .item:after{display:block; position:absolute; top:30px; right:65px; width:55px; height:31px; border:1px solid #b3cef4; border-radius:30px; background:url(/site/eng/images/contents/cts1686_arrow05.png) center center no-repeat;}
.oriental_herb .industrial_condition .text .item:last-child:after{display:none;}
.oriental_herb .industrial_condition .text .subject{display:block; position:relative; padding-top:22px; padding-left:48px; border-top:1px solid #dedede; font-size:20px; line-height:25px; color:#0b3d6e;}
.oriental_herb .industrial_condition .text .subject:before{display:block; position:absolute; top:-3px; left:51px; width:80px; height:3px; background-color:#0b3d6e;}
.oriental_herb .industrial_condition .text .subject span{display:block;}
.oriental_herb .industrial_condition .text .info{margin-top:40px; padding-left:48px;}
.oriental_herb .industrial_condition .text .info .bu{margin:0;}
.oriental_herb .industrial_condition .text .info .bu li{word-break:keep-all;}
.oriental_herb .oriental_process{margin-top:93px;}

@media all and (max-width:1430px){
    .oriental_herb .regional_condition .item{width:50%;}
    .oriental_herb .regional_condition .item:nth-child(n + 3){margin-top:20px;}
    .oriental_herb .oriental_necessity .item{width:33.33%;}
    .oriental_herb .industrial_condition > .title{width:600px;}
    .oriental_herb .industrial_condition > .title .inner{font-size:22px;}
    .oriental_herb .industrial_condition .text .subject{padding-left:20px;}
    .oriental_herb .industrial_condition .text .info{margin-top:25px; padding-left:20px;}
}
@media all and (max-width:1200px){
    .oriental_herb .industrial_condition .text .item{width:50%;}
    .oriental_herb .industrial_condition .text .item:nth-child(n + 3){margin-top:20px;}
    .oriental_herb .industrial_condition .text .info{height:150px;}
    .oriental_herb .industrial_condition .text .item .info{height:150px;}
    .oriental_herb .oriental_process{margin-top:40px;}
}
@media all and (max-width:1000px){
    .oriental_herb .oriental_necessity .item{width:50%;}
    .oriental_herb .oriental_necessity .item.type3{margin-top:30px; margin-left:0;}
    .oriental_herb .industrial_condition .text{padding-left:0; padding-right:0;}
}
@media all and (max-width:800px){
    .oriental_herb .regional_condition .title{padding:0 40px; font-size:22px; line-height:30px;}
    .oriental_herb .regional_condition .title br{display:none;}
    .oriental_herb .regional_condition .title:before, .oriental_herb .regional_condition .title:after{height:100%;}
    .oriental_herb .oriental_necessity{margin-top:30px;}
    .oriental_herb .oriental_necessity .item{display:block; width:100%;}
    .oriental_herb .oriental_necessity .item + .item{margin-top:30px; margin-left:0;}
    .oriental_herb .oriental_necessity .item .title{width:100%; height:80px; font-size:18px; line-height:22px; word-break:keep-all;}
    .oriental_herb .oriental_necessity .item .title br{display:none;}
    .oriental_herb .oriental_necessity .item .title:before{width:20px; margin-top:15px;}
    .oriental_herb .oriental_necessity .item .bu{margin-top:50px;}
}
@media all and (max-width:640px){
    .oriental_herb .regional_condition .title{width:100%; font-size:18px; line-height:26px;}
    .oriental_herb .regional_condition .title span{word-break:keep-all;}
    .oriental_herb .regional_condition .title span:before{width:48px; background-size:contain;}
    .oriental_herb .regional_condition .title + ul{margin-top:110px; margin-left:0;}
    .oriental_herb .regional_condition .item{float:none; width:100%; padding-left:0;}
    .oriental_herb .regional_condition .item + .item{margin-top:20px;}
    .oriental_herb .regional_condition .item .bu{height:auto; padding-bottom:20px;}
    .oriental_herb .regional_condition .item .subject{height:68px;}
    .oriental_herb .regional_condition .item .subject strong{font-size:18px;}
    .oriental_herb .industrial_condition{margin-top:30px;}
    .oriental_herb .industrial_condition > .title{width:100%;}
    .oriental_herb .industrial_condition > .title:before{width:48px; background-size:contain;}
    .oriental_herb .industrial_condition > .title .inner{padding-top:20px; padding-bottom:20px; font-size:18px;}
    .oriental_herb .industrial_condition .text{margin-top:100px;}
    .oriental_herb .industrial_condition .text .item{float:none; width:100%; padding-top:75px;}
    .oriental_herb .industrial_condition .text .item:before{top:0; left:30px;}
    .oriental_herb .industrial_condition .text .item:nth-child(1):before{width:57px;}
    .oriental_herb .industrial_condition .text .item:nth-child(2):before{width:55px;}
    .oriental_herb .industrial_condition .text .item:nth-child(3):before{width:54px;}
    .oriental_herb .industrial_condition .text .item:nth-child(4):before{width:54px;}
    .oriental_herb .industrial_condition .text .item:after{top:15px;}
    .oriental_herb .industrial_condition .text .item + .item{margin-top:20px;}
    .oriental_herb .industrial_condition .text .item .info{height:auto;}
    .oriental_herb .industrial_condition .text .item .info .dl li{display:table;}
    .oriental_herb .industrial_condition .text .item .info .dl li .title{display:table-cell;}
    .oriental_herb .industrial_condition .text .subject{font-size:18px;}
    .oriental_herb .industrial_condition .text .subject:before{left:20px;}
    .oriental_herb .industrial_condition .text .subject span{display:inline-block; margin-left:5px;}
    .oriental_herb .industrial_condition .text .info{margin-top:15px;}
}

/*Oriental Medicine Anti-aging*/
.oriental_antiaging{padding-top:75px; padding-bottom:96px; background-color:#f8f9fb; text-align:center;}
.oriental_antiaging > .title{display:inline-block; position:relative; width:208px; height:208px; border-radius:100%; text-align:center;}
.oriental_antiaging > .title:before{display:block; position:absolute; top:50%; left:50%; z-index:0; width:259px; height:259px; background:url(/site/eng/images/contents/cts1687_round.png) center center no-repeat; transform:translate(-50%, -50%);}
.oriental_antiaging > .title:after{display:block; position:absolute; top:100%; left:50%; width:301px; height:70px; margin-top:46px; background:url(/site/eng/images/contents/cts1687_arrow.png) no-repeat; transform:translateX(-50%);}
.oriental_antiaging > .title .inner{position:relative; z-index:10; width:100%; height:100%; border-radius:100%; background-color:#0082ca;}
.oriental_antiaging > .title .inner:after{display:inline-block; height:100%; vertical-align:middle;}
.oriental_antiaging > .title .inner span{display:inline-block; font-size:26px; font-weight:600; color:#fff; line-height:32px; vertical-align:middle;}
.oriental_antiaging .vision{margin-top:148px;}
.oriental_antiaging .goal{margin-top:86px;}
.oriental_antiaging .round_type{display:table; position:relative; width:783px; height:84px; margin-left:auto; margin-right:auto; padding-left:180px; padding-right:60px; border:6px solid #e3e5e7; border-radius:60px; text-align:left; box-sizing:border-box;}
.oriental_antiaging .round_type:before{display:inline-block; position:absolute; top:100%; left:0; right:0; width:205px; height:48px; margin:27px auto 0; background:url(/site/eng/images/contents/cts1687_arrow.png) no-repeat; background-size:contain;}
.oriental_antiaging .round_type.goal:before{margin:35px auto 0;}
.oriental_antiaging .round_type strong{position:absolute; top:-19px; left:-20px; width:170px; border-radius:90px; text-align:center; font-size:22px; line-height:82px; font-weight:600; color:#fff;}
.oriental_antiaging .round_type.vision strong{background-color:#0b3d6e;}
.oriental_antiaging .round_type.goal strong{background-color:#6d7996;}
.oriental_antiaging .round_type p{display:table-cell; font-size:18px; color:#151515; word-break:keep-all; vertical-align:middle;}
.oriental_antiaging .strategy{position:relative; margin-top:120px;}
.oriental_antiaging .strategy:before{display:block; position:absolute; top:100%; left:0; right:0; width:290px; height:68px; margin:30px auto 0; background:url(/site/eng/images/contents/cts1687_arrow.png) no-repeat; background-size:contain;}
.oriental_antiaging .strategy .title{position:relative; width:138px; height:138px; margin:0 auto; border:1px solid #145ba2; border-radius:100%; background-color:#fff; box-shadow: 0 0 20px 0 rgba(177, 210, 243, 0.3);}
.oriental_antiaging .strategy .title:before{display:block; position:absolute; top:100%; left:50%; width:1px; height:72px; background:url(/site/eng/images/contents/cts1687_vline.png);}
.oriental_antiaging .strategy .title:after{display:inline-block; height:100%; vertical-align:middle;}
.oriental_antiaging .strategy .title span{font-size:20px; line-height:25px; color:#145ba2; font-weight:600; vertical-align:middle;}
.oriental_antiaging .strategy .list{display:inline-block; position:relative; margin-top:72px; font-size:0; line-height:0;}
.oriental_antiaging .strategy .list:before{display:block; position:absolute; top:0; left:151px; width:calc(100% - 303px); height:1px; background:url(/site/eng/images/contents/cts1687_hline.png);}
.oriental_antiaging .strategy .list .item{display:inline-block; position:relative; width:303px; margin-top:68px; border:1px solid #d9d9d9; border-radius:20px; background-color:#fff; vertical-align:top;}
.oriental_antiaging .strategy .list .item:before{display:block; position:absolute; bottom:100%; left:50%; width:1px; height:68px; background:url(/site/eng/images/contents/cts1687_vline.png);}
.oriental_antiaging .strategy .list .item + .item{margin-left:55px;}
.oriental_antiaging .strategy .list .item .subject{display:table; position:relative; width:100%; height:60px; padding:0 35px; font-size:17px; line-height:20px; color:#fff; font-weight:600;}
.oriental_antiaging .strategy .list .item .subject:before{display:block; position:absolute; top:-1px; left:-1px; width:calc(100% + 2px); height:calc(100% + 1px); border-radius:20px 20px 0 0; background-color:#0b3d6e;}
.oriental_antiaging .strategy .list .item .subject span{display:table-cell; position:relative; word-break:keep-all; vertical-align:middle;}
.oriental_antiaging .strategy .list .item .text{padding:0 20px 16px;}
.oriental_antiaging .strategy .list .item ul li{height:92px; font-size:16px; line-height:20px; color:#2e2e2e; word-break:keep-all;}
.oriental_antiaging .strategy .list .item ul li:nth-child(2){position:relative; padding-top:8px; color:#d00d56;}
.oriental_antiaging .strategy .list .item ul li:nth-child(2):before{display:block; position:absolute; top:0; left:0; width:100%; height:1px; background:url(/site/public/images/template/line2.png);}
.oriental_antiaging .strategy .list .item ul li:after{display:inline-block; height:100%; vertical-align:middle;}
.oriental_antiaging .strategy .list .item ul li span{vertical-align:middle;}
.oriental_antiaging .business{margin-top:147px;}
.oriental_antiaging .business .title{display:inline-block; border-bottom:2px solid #299a44; font-size:30px; line-height:40px; font-weight:600; color:#299a44;}
.oriental_antiaging .business .list{margin-top:66px; margin-left:283px; margin-right:283px;}
.oriental_antiaging .business .list > li{position:relative; padding-left:226px;}
.oriental_antiaging .business .list > li + li{margin-top:30px;}
.oriental_antiaging .business .list .subject{display:table; position:absolute; top:0; bottom:0; left:0; width:199px; height:199px; margin:auto 0; padding:0 20px; border-radius:100%; background-color:#299a44;}
.oriental_antiaging .business .list .subject:before{display:block; position:absolute; top:0; bottom:0; left:100%; width:100px; height:1px; margin:auto 0; background-color:#299a44;}
.oriental_antiaging .business .list .subject span{display:table-cell; font-size:18px; line-height:24px; color:#fff; font-weight:600; word-break:keep-all; vertical-align:middle;}
.oriental_antiaging .business .list .subject strong{display:block; width:37px; margin:0 auto 14px; border-radius:15px; background-color:#fff; text-align:center; font-size:14px; line-height:35px; color:#299a44;}
.oriental_antiaging .business .list .text{position:relative; z-index:10; min-height:199px; padding:30px 30px 23px; border:1px solid #299a44; border-radius:10px; background-color:#fff;}
.oriental_antiaging .business .list .bu{margin:0; text-align:left;}
.oriental_antiaging .business .list .bu li{word-break:keep-all;}

@media all and (max-width:1430px){
    .oriental_antiaging .business .list{margin-left:180px; margin-right:180px;}
}
@media all and (max-width:1200px){
    .oriental_antiaging .round_type{width:580px; height:auto; padding:20px 20px 20px 140px;}
    .oriental_antiaging .round_type strong{width:140px; line-height:65px;}
    .oriental_antiaging .strategy .list .item + .item{margin-left:10px;}
    .oriental_antiaging .business{margin-top:140px;}
    .oriental_antiaging .business .list{margin-left:50px; margin-right:50px;}
}
@media all and (max-width:1000px){
    .oriental_antiaging .strategy .list{margin-left:30px; margin-right:30px;}
    .oriental_antiaging .strategy .list:before{left:25%; width:50%;}
    .oriental_antiaging .strategy .list .item{width:calc(50% - 5px);}
    .oriental_antiaging .strategy .list .item:last-child{margin-top:10px; margin-left:0;}
    .oriental_antiaging .strategy .list .item:last-child:before{display:none;}
}
@media all and (max-width:640px){
    .oriental_antiaging{padding-top:60px;}
    .oriental_antiaging > .title{width:178px; height:178px;}
    .oriental_antiaging > .title:before{width:210px; height:210px; background-size:contain;}
    .oriental_antiaging > .title .inner span{font-size:22px;}
    .oriental_antiaging .round_type{width:440px; padding-left:120px;}
    .oriental_antiaging .round_type strong{width:120px; line-height:55px;}
    .oriental_antiaging .round_type p{font-size:16px;}
    .oriental_antiaging > .title:after{width:230px; background-size:contain;}
    .oriental_antiaging .vision{margin-top:120px;}
    .oriental_antiaging .goal{margin-top:80px;}
    .oriental_antiaging .round_type:before{width:145px;}
    .oriental_antiaging .strategy{margin-top:80px;}
    .oriental_antiaging .strategy:before{width:220px;}
    .oriental_antiaging .strategy .title:before{height:40px;}
    .oriental_antiaging .strategy .list{margin-top:40px;}
    .oriental_antiaging .strategy .list .item{margin-top:40px;}
    .oriental_antiaging .strategy .list .item:before{height:40px;}
    .oriental_antiaging .strategy .list .item .subject{font-size:15px; line-height:18px;}
    .oriental_antiaging .strategy .list .item ul li{height:145px; font-size:15px;}
    .oriental_antiaging .business{margin-top:110px;}
    .oriental_antiaging .business .list > li{padding-left:0;}
    .oriental_antiaging .business .list .subject{position:relative; top:auto; bottom:auto; left:auto; width:170px; height:170px; margin:0 auto;}
    .oriental_antiaging .business .list .subject:before{bottom:auto; top:100%; left:50%; width:1px; height:100px;}
    .oriental_antiaging .business .list .subject span{font-size:16px; line-height:24px;}
    .oriental_antiaging .business .list .subject strong{width:32px; margin-bottom:10px; border-radius:13px; line-height:32px;}
    .oriental_antiaging .business .list .text{min-height:auto; margin-top:20px; padding:15px;}
    .oriental_antiaging .business .list .bu li{font-size:15px; line-height:25px;}
}
@media all and (max-width:480px){
    .oriental_antiaging .round_type{width:90%; height:auto; padding:20px; text-align:center;}
    .oriental_antiaging .round_type:before{margin-top:10px;}
    .oriental_antiaging .round_type strong{top:-35px; left:0; right:0; width:100px; margin:0 auto; font-size:18px; line-height:40px;}
    .oriental_antiaging .round_type p{font-size:15px;}
    .oriental_antiaging .vision{margin-top:160px;}
    .oriental_antiaging .goal .bu{text-align:left;}
    .oriental_antiaging .round_type.goal:before{margin-top:15px;}
    .oriental_antiaging .strategy{margin-top:60px;}
    .oriental_antiaging .strategy:before{width:170px;}
    .oriental_antiaging .strategy .list:before{display:none;}
    .oriental_antiaging .strategy .list .item{width:100%; margin-top:0;}
    .oriental_antiaging .strategy .list .item:before{display:none;}
    .oriental_antiaging .strategy .list .item + .item{margin-top:20px; margin-left:0;}
    .oriental_antiaging .strategy .list .item .subject{font-size:16px; line-height:24px;}
    .oriental_antiaging .strategy .list .item .text{padding-bottom:0;}
    .oriental_antiaging .strategy .list .item ul li{height:auto; padding:20px; font-size:14px;}
    .oriental_antiaging .strategy .list .item ul li br{display:none;}
    .oriental_antiaging .business{margin-top:100px;}
    .oriental_antiaging .business .title{font-size:26px; line-height:32px;}
    .oriental_antiaging .business .list{margin:30px 30px 0;}
}

/*organization chart*/
.organization_chart{text-align:center; font-size:0; line-height:0;}
.organization_chart .depth1{position:relative;}
.organization_chart .depth1_text{display:table; position:relative; height:62px; font-size:17px; line-height:20px; font-weight:600; color:#fff; letter-spacing:-0.01em;}
.organization_chart .depth1_text span{display:table-cell; position:relative; width:100%; padding:0 20px; border-radius:10px; vertical-align:middle; word-break:keep-all;}
.organization_chart .depth2 .depth2_list{font-size:0; line-height:0;}
.organization_chart .depth2 .depth2_item{display:inline-block; height:51px; padding:0 20px; border-radius:10px; border-width:1px; border-style:solid; vertical-align:top;}
.organization_chart .depth2 .depth2_item + .depth2_item{margin-left:15px;}
.organization_chart .depth2 .depth2_item:after{display:inline-block; height:100%; vertical-align:middle;}
.organization_chart .depth2 .depth2_item span{display:inline-block; font-size:16px; line-height:20px; vertical-align:middle; word-break:keep-all;}
.organization_chart.type1 .mayor{display:inline-block; position:relative; width:193px; height:193px; padding:16px; border-radius:100%; background:url(/site/eng/images/contents/cts5164_dot.png);}
.organization_chart.type1 .mayor:before{display:block; position:absolute; top:100%; left:50%; width:1px; height:41px; background:url(/site/eng/images/contents/cts5164_dot02.png);}
.organization_chart.type1 .mayor .inner{display:table; width:100%; height:100%; border-radius:100%; background-color:#fff;}
.organization_chart.type1 .mayor .inner span{display:table-cell; font-size:24px; line-height:26px; font-weight:600; color:#145ba2; vertical-align:middle; letter-spacing:0;}
.organization_chart.type1 .deputy{position:relative; width:243px; margin:41px auto 25px; padding:16px 20px 17px; background-color:#0b3d6e; border-radius:20px; font-size:18px; line-height:20px; color:#fff; font-weight:600; letter-spacing:0;}
.organization_chart.type1 .deputy:before{display:block; position:absolute; top:100%; left:50%; width:1px; height:25px; background:url(/site/eng/images/contents/cts5164_dot02.png);}
.organization_chart.type1 .depth1{margin-left:-9px;}
.organization_chart.type1 .depth1:before{display:block; position:absolute; top:0; left:8.33%; width:83.34%; height:1px; background:url(/site/eng/images/contents/cts5164_dot02.png);}
.organization_chart.type1 .depth1_item:nth-child(-n + 6){float:left; width:16.66%; margin-top:35px;}
.organization_chart.type1 .depth1_item:nth-child(7){padding-top:60px;}
.organization_chart.type1 .depth1_item:nth-child(n + 7){clear:both;}
.organization_chart.type1 .depth1_item:nth-child(n + 8){margin-top:40px;}
.organization_chart.type1 .depth1_item:nth-child(n + 9){display:inline-block;}
.organization_chart.type1 .depth1_item:nth-child(10){margin-left:45px;}
.organization_chart.type1 .depth1_item:nth-child(-n + 6) .depth1_text{width:100%;}
.organization_chart.type1 .depth1_item:nth-child(n + 7) .depth1_text{width:231px; margin:0 auto;}
.organization_chart.type1 .depth1_text{padding-left:9px;}
.organization_chart.type1 .depth1_item:nth-child(1) .depth1_text:before, .organization_chart.type1 .depth1_item:nth-child(6) .depth1_text:before{display:block; position:absolute; bottom:100%; left:50%; width:1px; height:35px; background:url(/site/eng/images/contents/cts5164_dot02.png);}
.organization_chart.type1 .depth1_text span{background-color:#0082ca;}
.organization_chart.type1 .depth2{display:inline-block; margin:-20px auto 0; padding:32px 25px 42px; border-radius:25px; box-shadow:0 0 15px 0 rgba(20, 91, 162, 0.15);}
.organization_chart.type1 .depth2 .depth2_item{width:226px; margin-top:10px; border-color:#29a0e1;}
.organization_chart.type1 .depth2 .depth2_item span{color:#0082ca;}
.organization_chart.type2{margin-top:80px;}
.organization_chart.type2 .depth1_text{width:231px; margin-left:auto; margin-right:auto;}
.organization_chart.type2 .depth1_text:before{display:block; position:absolute; top:100%; left:50%; width:1px; height:35px; background:url(/site/eng/images/contents/cts5164_dot02.png);}
.organization_chart.type2 .depth1_text span{background-color:#1e847b;}
.organization_chart.type2 .depth2{position:relative;}
.organization_chart.type2 .depth2:before{display:block; position:absolute; top:0; left:126px; width:calc(100% - 252px); height:1px; background:url(/site/eng/images/contents/cts5164_dot02.png);}
.organization_chart.type2 .depth2 .depth2_list{margin-top:35px;}
.organization_chart.type2 .depth2 .depth2_item{position:relative; width:182px; margin-top:30px; border-color:#1e847b;}
.organization_chart.type2 .depth2 .depth2_item:nth-child(n + 8){margin-top:20px;}
.organization_chart.type2 .depth2 .depth2_item:nth-child(1):before, .organization_chart.type2 .depth2 .depth2_item:nth-child(7):before{display:block; position:absolute; bottom:100%; left:50%; width:1px; height:30px; background:url(/site/eng/images/contents/cts5164_dot02.png);}
.organization_chart.type2 .depth2 .depth2_item span{color:#1e847b;}

@media all and (max-width:1430px){
    .organization_chart .depth1_text span{padding-left:0; padding-right:0;}
    .organization_chart.type1 .depth2{display:block;}
    .organization_chart.type1 .depth2 .depth2_item{margin-left:5px; margin-right:5px;}
    .organization_chart.type1 .depth1_item:nth-child(n + 9){display:block;}
    .organization_chart.type1 .depth1_item:nth-child(10){margin-left:0;}
    .organization_chart.type2 .depth2:before{left:12.5%; width:75%;}
    .organization_chart.type2 .depth2 .depth2_item{width:calc(25% - 10px); margin-left:5px; margin-right:5px;}
    .organization_chart.type2 .depth2 .depth2_item:nth-child(n + 5){margin-top:10px;}
    .organization_chart.type2 .depth2 .depth2_item:nth-child(4):before{display:block; position:absolute; bottom:100%; left:50%; width:1px; height:30px; background:url(/site/eng/images/contents/cts5164_dot02.png);}
    .organization_chart.type2 .depth2 .depth2_item:nth-child(7):before{display:none;}
    .organization_chart.type2 .depth2 .depth2_item{}
}
@media all and (max-width:1000px){
    .organization_chart.type1 .depth1:before{left:17.16%; width:66.34%;}
    .organization_chart.type1 .depth1_item:nth-child(-n + 6){width:33.33%;}
    .organization_chart.type1 .depth1_item:nth-child(3) .depth1_text:before{display:block; position:absolute; bottom:100%; left:50%; width:1px; height:35px; background:url(/site/eng/images/contents/cts5164_dot02.png);}
    .organization_chart.type1 .depth1_item:nth-child(6) .depth1_text:before{display:none;}
}
@media all and (max-width:640px){
    .organization_chart.type1 .mayor{width:170px; height:170px; padding:10px;}
    .organization_chart.type1 .mayor .inner span{font-size:22px; line-height:24px;}
    .organization_chart.type1 .deputy{width:200px; font-size:16px;}
    .organization_chart .depth1_text{font-size:15px; line-height:18px;}
    .organization_chart.type1 .depth1_item:nth-child(7){padding-top:40px;}
    .organization_chart.type1 .depth1_item:nth-child(n + 8){margin-top:30px;}
    .organization_chart.type1 .depth1_item:nth-child(n + 7) .depth1_text{width:250px;}
    .organization_chart.type1 .depth2 .depth2_item{width:100%;}
    .organization_chart.type2{margin-top:40px;}
    .organization_chart.type2 .depth2:before{left:25%; width:50%;}
    .organization_chart.type2 .depth2 .depth2_item{width:calc(50% - 10px);}
    .organization_chart.type2 .depth2 .depth2_item:nth-child(n + 3){margin-top:10px}
    .organization_chart.type2 .depth2 .depth2_item:nth-child(2):before{display:block; position:absolute; bottom:100%; left:50%; width:1px; height:30px; background:url(/site/eng/images/contents/cts5164_dot02.png);}
    .organization_chart.type2 .depth2 .depth2_item:nth-child(4):before{display:none;}
    .organization_chart .depth2 .depth2_item span{font-size:14px;}
}

/*directions to sancheong county office*/
.direction_way{margin-top:50px;}
.direction_way ul{margin-left:-28px;}
.direction_way ul > li{float:left; width:20%; padding-left:28px;}
.direction_way ul > li .inner{position:relative; height:254px; padding-top:106px; border-radius:15px;background-color:#f8f9fb; text-align:center;}
.direction_way ul > li .inner:before{display:block; position:absolute; top:33px; left:0; right:0; width:52px; height:52px; margin:0 auto; background:url(/site/eng/images/contents/cts1648_icon.png);}
.direction_way ul > li .inner .tit{font-size:20px; color:#145ba2;}
.direction_way ul > li .inner .cont{margin-top:18px; padding:0 50px; font-size:15px; line-height:22px; word-break:keep-all;}

@media all and (max-width:1200px){
    .direction_way ul > li{width:33.33%;}
    .direction_way ul > li:nth-child(n + 4){margin-top:20px;}
    .direction_way ul > li .inner .cont{padding-left:18px; padding-right:18px;}
}
@media all and (max-width:800px){
    .direction_way ul{margin-left:-15px;}
    .direction_way ul > li{width:50%; padding-left:15px;}
    .direction_way ul > li:nth-child(n + 3){margin-top:15px;}
}
@media all and (max-width:480px){
    .direction_way ul{margin-left:0;}
    .direction_way ul > li{width:100%; padding-left:0;}
    .direction_way ul > li:nth-child(n + 2){margin-top:15px;}
    .direction_way ul > li .inner{height:auto; padding-top:90px; padding-bottom:20px;}
    .direction_way ul > li .inner .cont{margin-top:10px;}
    .direction_way ul > li .inner:before{top:22px;}
}

/*scenic view*/
.scenic_view{padding-top:61px;}
.scenic_view .title_area{position:relative; padding:139px 30px 113px; text-align:center;}
.scenic_view .title_area:before{display:block; position:absolute; top:0; left:50%; width:100vw; height:100%; background:url(/site/eng/images/contents/cts1672_bg.jpg) center center no-repeat; background-size:cover; transform:translateX(-50%);}
.scenic_view .title_area .number{position:absolute; top:-61px; left:0; right:0; width:124px; height:124px; margin:0 auto; padding-top:37px; border-radius:100%; background-color:#2184de; text-align:center;}
.scenic_view .title_area .number span{position:relative; padding:13px 0 9px; font-family:'GmarketSans'; font-size:24px; color:#fff;}
.scenic_view .title_area .number span:before, .scenic_view .title_area .number span:after{display:block; position:absolute; left:50%; width:59px; height:1px; background:rgba(255, 255, 255, 0.4); transform:translateX(-50%);}
.scenic_view .title_area .number span:before{top:0;}
.scenic_view .title_area .number span:after{bottom:0;}
.scenic_view .title_area .sub_title{position:relative; padding-top:57px; font-size:24px; line-height:30px; color:#fff; letter-spacing:0;}
.scenic_view .title_area .sub_title:before{display:block; position:absolute; top:0; left:0; right:0; width:32px; height:28px; margin:0 auto; background:url(/site/eng/images/contents/cts1672_quote.png) no-repeat;}
.scenic_view .title_area .title{position:relative; margin-top:62px; font-family:'GmarketSans'; font-size:48px; font-weight:600; line-height:54px; color:#fff; word-break:keep-all;}
.scenic_view .title_area .title:before{display:block; position:absolute; top:-38px; left:0; right:0; width:7px; height:14px; margin:0 auto; border-radius:10px; background-color:#fff; transform:rotate(45deg);}
.scenic_view .image_area{margin-top:50px; text-align:center; font-size:0; line-height:0;}
.scenic_view .image_area img{margin:10px 11px;}
.scenic_view .text_area{margin-top:40px; padding:0 165px; text-align:center;}
.scenic_view .text_area p{line-height:32px; color:#414141; letter-spacing:0; word-break:keep-all;}

@media all and (max-width:1430px){
    .scenic_view .image_area img{width:45%;}
}
@media all and (max-width:1200px){
    .scenic_view .text_area{padding:0 50px;}
}
@media all and (max-width:800px){
    .scenic_view{padding-top:45px;}
    .scenic_view .title_area{padding-top:110px; padding-bottom:90px;}
    .scenic_view .title_area .number{top:-45px; width:110px; height:110px; padding-top:32px;}
    .scenic_view .title_area .title{font-size:42px;}
}
@media all and (max-width:640px){
    .scenic_view .title_area{padding-top:80px; padding-bottom:50px;}
    .scenic_view .title_area .number{width:90px; height:90px; padding-top:27px;}
    .scenic_view .title_area .number span{padding-top:11px; padding-bottom:8px; font-size:20px;}
    .scenic_view .title_area .number span:before, .scenic_view .title_area .number span:after{width:45px;}
    .scenic_view .title_area .sub_title{padding-top:40px; font-size:20px; line-height:25px;}
    .scenic_view .title_area .sub_title:before{width:28px; background-size:contain;}
    .scenic_view .title_area .title{margin-top:40px; font-size:30px; line-height:44px;}
    .scenic_view .title_area .title:before{top:-24px;}
    .scenic_view .image_area{margin-top:30px;}
    .scenic_view .image_area img{width:95%;}
    .scenic_view .text_area{margin-top:20px; padding:0;}
    .scenic_view .text_area p{line-height:30px;}
}
/*The 2nd Scenic View – Daewonsa Valley*/
.scenic_view.n2 .title_area:before{background-image:url(/site/eng/images/contents/cts1673_bg.jpg);}
.scenic_view.n2 .title_area .number{background-color:#0a87a7;}

/*The 3rd Scenic View – Royal Azaleas of Hwangmaesan Mountain*/
.scenic_view.n3 .title_area:before{background-image:url(/site/eng/images/contents/cts1674_bg.jpg);}
.scenic_view.n3 .title_area .number{background-color:#c53d7d;}

/*The 4th Scenic View – Royal Tomb of King Guhyeong*/
.scenic_view.n4 .title_area:before{background-image:url(/site/eng/images/contents/cts1675_bg.jpg);}
.scenic_view.n4 .title_area .number{background-color:#008c68;}

/*The 5th Scenic View – Gyeonghogang River Scenic View*/
.scenic_view.n5 .title_area:before{background-image:url(/site/eng/images/contents/cts1676_bg.jpg);}
.scenic_view.n5 .title_area .number{background-color:#0c4381;}

/*The 6th Scenic View – Namsa Yedam Village*/
.scenic_view.n6 .title_area:before{background-image:url(/site/eng/images/contents/cts1677_bg.jpg);}
.scenic_view.n6 .title_area .number{background-color:#5b46a3;}

/*The 7th Scenic View – Historic Site of Jo Sik*/
.scenic_view.n7 .title_area:before{background-image:url(/site/eng/images/contents/cts1772_bg.jpg);}
.scenic_view.n7 .title_area .number{background-color:#108118;}

/*The 8th Scenic View – Jeongchwiam View Point*/
.scenic_view.n8 .title_area:before{background-image:url(/site/eng/images/contents/cts1776_bg.jpg);}
.scenic_view.n8 .title_area .number{background-color:#c57219;}

/*The 8th Scenic View – Jeongchwiam View Point*/
.scenic_view.n9 .title_area:before{background-image:url(/site/eng/images/contents/cts1779_bg.jpg);}
.scenic_view.n9 .title_area .number{background-color:#c2471c;}

/*key attractions*/
.attractions .attraction_item{position:relative; padding-bottom:44px;}
.attractions .attraction_item + .attraction_item{margin-top:50px;}
.attractions .attraction_item:after{display:block; position:absolute; bottom:0; left:0; width:100%; height:1px; background:url(/site/public/images/template/line2.png);}
.attractions .attraction_item > .title{padding:29px 37px 26px; border-radius:20px; background:#effaff url(/site/eng/images/contents/cts1783_deco.png) top right 35px no-repeat;}
.attractions .attraction_item > .title span{position:relative; padding-left:50px; font-size:24px; line-height:30px; color:#145ba2; word-break:keep-all;}
.attractions .attraction_item > .title span:before, .attractions .attraction_item > .title span:after{display:block; position:absolute; top:10px; left:0; width:9px; height:9px; border-radius:100%; background-color:#afc8e8;}
.attractions .attraction_item > .title span:after{left:17px;}
.attractions .cont{margin-top:47px;}
.attractions .img_area{float:left; padding-left:27px; margin-right:52px; margin-bottom:10px;}
.attractions .img_area img{border:3px solid #fff; border-radius:25px; box-shadow:0 10px 20px 0 rgba(23, 58, 107, 0.15);}
.attractions .text p{line-height:32px; color:#414141; word-break:keep-all;}

@media all and (max-width:800px){
    .attractions .cont{margin-top:35px;}
    .attractions .img_area{width:280px; padding-left:10px; margin-right:35px;}
}
@media all and (max-width:640px){
    .attractions .attraction_item{padding-bottom:25px;}
    .attractions .attraction_item + .attraction_item{margin-top:30px;}
    .attractions .attraction_item > .title{padding:22px 27px 19px;}
    .attractions .attraction_item > .title span{padding-left:40px; font-size:20px;}
    .attractions .cont{margin-top:30px;}
    .attractions .img_area{float:none; width:auto; max-width:360px; padding-left:0; margin:0 auto;}
    .attractions .img_area + .text{margin-top:30px;}
    .attractions .text p{line-height:28px;}
}
/*mountains*/
.attractions.mountains .attraction_item > .title{background-color:#e4f3ff; background-image:url(/site/eng/images/contents/cts1786_deco.png);}
.attractions.mountains .attraction_item > .title span{color:#2e5bb5;}
.attractions.mountains .attraction_item > .title span:before, .attractions.mountains .attraction_item > .title span:after{background-color:#9db9e7;}
/*rivers*/
.attractions.rivers .attraction_item > .title{background-color:#e8fbf8; background-image:url(/site/eng/images/contents/cts1791_deco.png);}
.attractions.rivers .attraction_item > .title span{color:#23828d;}
.attractions.rivers .attraction_item > .title span:before, .attractions.rivers .attraction_item > .title span:after{background-color:#b6dbd5;}
/*valleys*/
.attractions.valleys .attraction_item > .title{background-color:#e9efff; background-image:url(/site/eng/images/contents/cts1793_deco.png);}
.attractions.valleys .attraction_item > .title span{color:#6d509e;}
.attractions.valleys .attraction_item > .title span:before, .attractions.valleys .attraction_item > .title span:after{background-color:#a9b5da;}
/*forests*/
.attractions.forests .attraction_item > .title{background-color:#f3faf5; background-image:url(/site/eng/images/contents/cts1801_deco.png);}
.attractions.forests .attraction_item > .title span{color:#366e42;}
.attractions.forests .attraction_item > .title span:before, .attractions.forests .attraction_item > .title span:after{background-color:#b0d0b8;}
/*museums*/
.attractions.museums .attraction_item > .title{background-color:#fcfbf2; background-image:url(/site/eng/images/contents/cts1804_deco.png);}
.attractions.museums .attraction_item > .title span{color:#937a36;}
.attractions.museums .attraction_item > .title span:before, .attractions.museums .attraction_item > .title span:after{background-color:#e5dfa9;}
/*exhibits/arts*/
.attractions.arts .attraction_item > .title{background-color:#fcf7f2; background-image:url(/site/eng/images/contents/cts1807_deco.png);}
.attractions.arts .attraction_item > .title span{color:#9b6132;}
.attractions.arts .attraction_item > .title span:before, .attractions.arts .attraction_item > .title span:after{background-color:#cdb7a4;}
/*other*/
.attractions.other .attraction_item > .title{background-color:#fcf2f6; background-image:url(/site/eng/images/contents/cts1809_deco.png);}
.attractions.other .attraction_item > .title span{color:#ab2d62;}
.attractions.other .attraction_item > .title span:before, .attractions.other .attraction_item > .title span:after{background-color:#e6c5d3;}

/*Agricultural Specialty Products*/
.agri_specialty .agri_item{position:relative; min-height:426px; padding:48px 50px 45px; border:1px solid #d9d9d9; border-radius:20px;}
.agri_specialty .agri_item + .agri_item{margin-top:20px;}
.agri_specialty .agri_item .image_area{position:absolute; top:56px; right:50px; z-index:10; }
.agri_specialty .agri_item .image_area img{border-radius:50px;}
.agri_specialty .agri_item .cont > .title{padding-right:380px; font-size:36px; line-height:45px; font-weight:600; color:#0b3d6e;}
.agri_specialty .agri_item .info{position:relative; padding-right:380px; margin-top:28px; margin-bottom:30px; padding-bottom:29px; padding-left:40px; font-size:18px; color:#2e2e2e;}
.agri_specialty .agri_item .info:before{display:block; position:absolute; top:-1px; left:0; width:28px; height:28px; background:url(/site/eng/images/contents/cts1654_icon.png) no-repeat;}
.agri_specialty .agri_item .info:after{display:block; position:absolute; bottom:0; left:0; width:100%; height:1px; background-color:#e0e0e0;}
.agri_specialty .agri_item .info span{position:relative; padding-right:35px; color:#0082ca;}
.agri_specialty .agri_item .info span:after{display:block; position:absolute; top:7px; right:16px; width:1px; height:13px; background:url(/site/eng/images/contents/cts1654_dot.png);}
.agri_specialty .agri_item .text{padding-right:380px;}
.agri_specialty .agri_item .text p{word-break:keep-all;}
.agri_specialty .agri_item .cont .warning{margin-top:21px; font-size:15px; line-height:25px;}
.agri_specialty .agri_item .cont .warning + .warning{margin-top:5px;}

@media all and (max-width:1000px){
    .agri_specialty .agri_item .image_area{position:relative; top:auto; right:auto; text-align:center;}
    .agri_specialty .agri_item .cont{margin-top:30px;}
    .agri_specialty .agri_item .cont > .title{padding-right:0;}
    .agri_specialty .agri_item .info{padding-right:0;}
    .agri_specialty .agri_item .text{padding-right:0;}
}
@media all and (max-width:640px){
    .agri_specialty .agri_item{padding:38px 35px 35px;}
    .agri_specialty .agri_item .cont > .title{font-size:27px; line-height:32px;}
    .agri_specialty .agri_item .image_area img{width:200px;}
    .agri_specialty .agri_item .info{margin-top:20px; padding-bottom:20px; margin-bottom:20px; font-size:16px;}
    .agri_specialty .agri_item .info:before{top:-4px;}
    .agri_specialty .agri_item .info span{display:block; margin-bottom:5px;}
    .agri_specialty .agri_item .info span:after{display:none;}
    .agri_specialty .agri_item .cont .warning{margin-top:10px; font-size:13px; line-height:20px;}
}

/*flow chart on investment attraction*/
.investment_attraction{text-align:center;}
.investment_attraction .title{display:inline-block; position:relative; padding:38px 75px 37px; background-color:#0b3d6e; border-radius:90px; text-align:center; font-family:'GmarketSans'; font-size:22px; font-weight:600; color:#fff;}
.investment_attraction .title:after{display:block; position:absolute; top:100%; left:0; right:0; width:54px; height:60px; margin:18px auto 0; background:url(/site/eng/images/contents/cts1686_arrow01.png) no-repeat;}
.investment_attraction .step_box.horizontal{margin-top:95px; padding:55px 122px 35px; border-radius:150px; background-color:#fff; box-shadow:7px 7px 50px 0 rgba(43, 81, 133, 0.1);}
.investment_attraction .step_box.horizontal .step_list{margin-left:-94px;}
.investment_attraction .step_box.horizontal .step_item{width:20%; padding-left:94px;}
.investment_attraction .step_box.horizontal .step_item:after{right:-50px;}
.investment_attraction .step_box.horizontal .step_inner{padding:0; border-radius:62px; background-color:#f8f9fb;}
.investment_attraction .step_box.horizontal .step_item:first-child .step_inner{background-color:#4688e3;}
.investment_attraction .step_box.horizontal .step_item:last-child .step_inner{background-color:#fff;}
.investment_attraction .step_box.horizontal .step_text{height:162px;}
.investment_attraction .step_box.horizontal .step_text span{line-height:20px; color:#1a1a1a;}
.investment_attraction .step_box.horizontal .step_item:first-child .step_text span{color:#fff;}
.investment_attraction .intro_box{margin-top:75px; text-align:left;}
.investment_attraction .intro_box .box_inner{min-height:181px;}
.investment_attraction .intro_box .box_inner:before{top:30px; background-image:url(/site/eng/images/contents/cts1845_icon.png);}
.investment_attraction .intro_box .box_title{margin-bottom:32px;}
.investment_attraction .intro_box .em_sky{position:relative; padding-right:37px; font-size:22px;}
.investment_attraction .intro_box .em_sky:after{display:block; position:absolute; top:3px; right:20px; width:1px; height:13px; background:url(/site/eng/images/contents/cts1654_dot.png);}

@media all and (max-width:1430px){
    .investment_attraction .step_box.horizontal{padding-left:70px; padding-right:70px;}
    .investment_attraction .step_box.horizontal .step_list{margin-left:-40px;}
    .investment_attraction .step_box.horizontal .step_item{padding-left:40px;}
    .investment_attraction .step_box.horizontal .step_item:after{right:-25px;}
}
@media all and (max-width:1000px){
    .investment_attraction .step_box.horizontal .step_item{width:33.33%;}
    .investment_attraction .step_box.horizontal .step_text span{word-break:keep-all;}
    .investment_attraction .step_box.horizontal .step_text span br{display:none;}
}
@media all and (max-width:640px){
    .investment_attraction .title{padding:30px 35px 27px; font-size:18px;}
    .investment_attraction .title span{word-break:keep-all;}
    .investment_attraction .step_box.horizontal .step_item{width:50%;}
    .investment_attraction .intro_box{margin-top:30px;}
    .investment_attraction .intro_box .em_sky{display:block; margin-bottom:10px; font-size:18px;}
    .investment_attraction .intro_box .em_sky:after{display:none;}
}
@media all and (max-width:480px){
    .investment_attraction .step_box.horizontal{padding-left:30px; padding-right:30px; border-radius:30px;}
    .investment_attraction .step_box.horizontal .step_list{margin-left:0;}
    .investment_attraction .step_box.horizontal .step_item{padding-left:0;}
    .investment_attraction .step_box.horizontal .step_item:after{right:0;}
    .investment_attraction .step_box.horizontal .step_text{height:auto; padding:20px 10px;}
}

/*event*/
.event .event_item{position:relative; min-height:394px; padding:35px 45px 35px 485px; background:url(/site/eng/images/contents/cts1656_bg.png) no-repeat right 15px top;}
.event .event_item + .event_item{margin-top:25px;}
.event .event_item:before,
.event .event_item:after{display:block; position:absolute; top:0; left:0;}
.event .event_item:before{right:0; bottom:0; border:1px solid #6d7996; border-radius:9px}
.event .event_item:after{width:128px; height:42px; border-top:3px solid #6d7996; border-left:3px solid #6d7996; border-radius:9px 0 0 0;}
.event .event_cont .event_title{display:block; margin-bottom:35px; color:#145ba2; font-size:34px; line-height:40px; word-break:keep-all;}
.event .event_cont .point_bu{margin-bottom:20px; padding-bottom:20px; background:url(/site/public/images/template/desc_dot.png) repeat-x bottom;}
.event .event_cont .point_bu li{word-break:keep-all;}
.event .event_cont .event_text{color:#151515; font-size:16px; line-height:24px; word-break:keep-all;}
.event .event_cont .bu li{word-break:keep-all;}
.event .event_img{position:absolute; top:35px; left:45px; width:392px; padding-bottom:48px;}
.event .event_img .img_list{overflow:hidden; border-radius:16px; box-shadow:0 10px 25px rgba(33,47,73,0.15); font-size:0; line-height:0;}
.event .event_img .img_item img{width:100%;}
.event .event_img .img_control{position:absolute; left:0; right:0; bottom:0; margin-right:auto; margin-left:auto; font-size:0; text-align:center; line-height:0;}
.event .event_img .img_control .img_count,
.event .event_img .img_control button{display:inline-block; vertical-align:top;}
.event .event_img .img_control .img_count{margin-right:11px; color:#868686; font-size:12px; line-height:31px;}
.event .event_img .img_control .img_current{color:#000; font-size:16px; font-weight:600;}
.event .event_img .img_control .img_total{position:relative; margin-left:5px; font-size:15px;}
.event .event_img .img_control .img_total:before{display:inline-block; margin-right:5px; content:'/'; font-size:13px; transform:translateY(-1px);}
.event .event_img .img_control button{position:relative; width:33px; height:33px; border:1px solid #eaeaeb; border-radius:13px; background-color:#fff;}
.event .event_img .img_control button + button{margin-left:8px;}
.event .event_img .img_control button:before{display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:31px; height:31px; margin:auto; background-image:url(/site/eng/images/contents/cts1656_sprite.png); background-repeat:no-repeat;}
.event .event_img .img_control .img_prev:before{background-position:left top; transform:rotateY(180deg);}
.event .event_img .img_control .img_next:before{background-position:left top;}
.event .event_img .img_control .img_auto:before{background-position:left 50%;}
.event .event_img .img_control .img_auto.slick-pause:before{background-position:left 100%;}
@media all and (min-width:1201px){
    .event .event_item:nth-child(odd) .event_cont .event_text span{margin-left:-440px;}
    .event .event_item:nth-child(even){padding:35px 485px 35px 45px;}
    .event .event_item:nth-child(even):after{left:auto; right:1px; border-right:2px solid #6d7996; border-left:0; border-radius:0 9px 0 0;}
    .event .event_item:nth-child(even) .event_cont .event_text span{margin-right:-440px;}
    .event .event_item:nth-child(even) .event_img{left:auto; right:45px;}
}
@media all and (max-width:1200px){
    .event .event_item{padding:385px 45px 35px 45px;}
    .event .event_img{left:0; right:0; margin-right:auto; margin-left:auto;}
}
@media all and (max-width:640px){
    .event .event_item{padding:295px 15px 20px 15px;}
    .event .event_cont .event_title{margin-bottom:12px; font-size:24px; line-height:32px;}
    .event .event_cont .point_bu{margin-bottom:15px; padding-bottom:15px;}
    .event .event_cont .event_text{font-size:14px; line-height:22px;}
    .event .event_img{top:20px; width:300px;}
}

/*leports*/
.leports .leports_box{position:relative; padding-top:90px; text-align:center;}
.leports .leports_box:before{display:block; position:absolute; top:0; left:0; right:0; z-index:-1; height:425px; border-radius:17px; background-repeat:no-repeat; background-position:center top;}
.leports .leports_box.n1:before{background-image:url(/site/eng/images/contents/cts1657_bg1.jpg);}
.leports .leports_box.n2{margin-top:70px;}
.leports .leports_box.n2:before{background-image:url(/site/eng/images/contents/cts1657_bg2.jpg);}
.leports .leports_title{margin-right:auto; margin-left:auto; padding-right:3%; padding-left:3%; color:#fff;}
.leports .leports_title span{font-size:44px; font-weight:600; font-family:'GmarketSans', sans-serif; line-height:52px; word-break:keep-all;}
.leports .leports_title span em{color:#fffcce;}
.leports .leports_title p{max-width:770px; margin-top:40px; margin-right:auto; margin-left:auto; font-size:18px; line-height:26px; word-break:keep-all;}
.leports .leports_text{position:relative; margin-top:80px; margin-right:145px; margin-left:145px; padding:45px 25px; border-radius:19px 19px 0 0; background-color:#fff;}
.leports .leports_text:before{display:block; position:absolute; background-repeat:no-repeat;}
.leports .leports_box.n2 .leports_text{margin-top:108px;}
.leports .leports_box.n1 .leports_text:before{top:-47px; right:-146px; width:334px; height:194px; background-image:url(/site/eng/images/contents/cts1657_icon1.png);}
.leports .leports_box.n2 .leports_text:before{top:-90px; right:-41px; width:312px; height:219px; background-image:url(/site/eng/images/contents/cts1657_icon2.png);}
.leports .leports_text p{color:#414141; font-size:16px; line-height:32px; word-break:keep-all;}
.leports .leports_text p + p,
.leports .leports_text .bu{margin-top:32px;}
.leports .leports_text .bu{display:inline-block;}
.leports .leports_text .bu li em{color:#d00d56;}
.leports .leports_img{padding:39px; border:1px solid #d9d9d9; border-radius:9px;}
.leports .leports_img .img_list{font-size:0; line-height:0;}
.leports .leports_img .img_list li{display:inline-block; position:relative; vertical-align:top;}
.leports .leports_img .img_list li + li{margin-left:73px;}
.leports .leports_img .img_list li + li:before{display:block; position:absolute; top:34px; left:-37px; bottom:34px; width:1px; background:url(/site/public/images/template/emphasis_dot.png) repeat-y;}
.leports .leports_img .img_list li img{border-radius:10px;}
@media all and (max-width:1430px){
    .leports .leports_text p br{display:none;}
    .leports .leports_text p:first-child{max-width:560px; margin-right:auto; margin-left:auto;}
    .leports .leports_box.n2 .leports_text:before{right:-160px;}
    .leports .leports_img .img_list li + li{margin-left:31px;}
    .leports .leports_img .img_list li + li:before{left:-16px;}
}
@media all and (max-width:1200px){
    .leports .leports_text{margin-right:3%; margin-left:3%;}
    .leports .leports_img .img_list li img{width:280px;}
}
@media all and (max-width:1000px){
    .leports .leports_title span{font-size:30px; line-height:40px;}
    .leports .leports_title p{margin-top:20px;}
    .leports .leports_box.n1 .leports_text:before{right:-31px; width:167px; height:97px; background-size:167px auto;}
    .leports .leports_box.n2 .leports_text:before{right:-10px; width:167px; height:117px; background-size:167px auto;}
    .leports .leports_text p:first-child{max-width:inherit; margin-right:0; margin-left:0;}
    .leports .leports_text .bu{display:block;}
    .leports .leports_text .bu.dl li .title{display:block;}
    .leports .leports_img{padding:20px 15px;}
    .leports .leports_img .img_list li + li{margin-left:21px;}
    .leports .leports_img .img_list li + li:before{left:-11px;}
    .leports .leports_img .img_list li img{width:220px;}
}
@media all and (max-width:800px){
    .leports .leports_img .img_list li img{width:170px;}
}
@media all and (max-width:640px){
    .leports .leports_title span{font-size:26px;}
    .leports .leports_title p{font-size:16px;}
    .leports .leports_text{padding-bottom:20px;}
    .leports .leports_text p{font-size:14px; line-height:24px;}
    .leports .leports_text p + p,
    .leports .leports_text .bu{margin-top:24px;}
    .leports .leports_img .img_list li + li{margin-top:10px; margin-left:0;}
    .leports .leports_img .img_list li + li:before{display:none;}
    .leports .leports_img .img_list li img{width:auto;}
}

/*Investment Climate*/
.climate{position:relative; text-align:center;}
.climate .climate_title{position:relative; width:599px; margin-right:auto; margin-left:auto; padding:21px; border-radius:74px; background:linear-gradient(100deg, #4688e3 0, #145ba2 100%); box-shadow:0 7px 30px rgba(16,67,121,0.5);}
.climate .climate_title:before{display:block; position:absolute; top:241px; left:50%; width:1105px; height:1px; border-bottom:1px dashed #aaa; transform:translateX(-50%);}
.climate .climate_title:after{display:block; position:absolute; top:100%; left:50%; width:1px; height:95px; border-left:1px dashed #aaa; transform:translateX(-50%);}
.climate .climate_title span{display:block; height:105px; padding-top:16px; border-radius:53px; background-color:#fff; color:#0b3d6e; font-size:22px; font-weight:500; font-family:'GmarketSans', sans-serif; line-height:36px;}
.climate .climate_title span em{display:block; font-size:30px; font-weight:600;}
.climate .climate_list{margin-top:130px; font-size:0; line-height:0;}
.climate .climate_item{display:inline-block; position:relative; width:248px; margin-right:14px; margin-left:14px; vertical-align:top;}
.climate .climate_item:before{display:block; position:absolute; top:-33px; left:50%; z-index:-1; width:1px; height:300px; border-left:1px dashed #aaa; transform:translateX(-50%);}
.climate .climate_item:after{display:block; position:absolute; top:0; left:0; right:0; z-index:1; width:23px; height:23px; margin-right:auto; margin-left:auto; border:5px solid #fff; border-radius:50%; background-color:#145ba2; box-shadow:0 5px 20px rgba(12,67,123,0.2); box-sizing:border-box;}
.climate .climate_name{display:inline-block; position:relative; width:248px; height:248px; margin-bottom:23px; padding-top:150px; padding-right:20px; padding-left:20px; border-radius:50%; background:linear-gradient(to bottom, #fff 0, #effaff 100%); color:#292929; font-size:18px; line-height:23px; word-break:keep-all;}
.climate .climate_name:before{display:block; position:absolute; top:48px; left:0; right:0; width:80px; height:80px; margin-right:auto; margin-left:auto; background-repeat:no-repeat;}
.climate .climate_item.n1 .climate_name:before{background-image:url(/site/eng/images/contents/cts1658_icon1.png);}
.climate .climate_item.n2 .climate_name:before{background-image:url(/site/eng/images/contents/cts1658_icon2.png);}
.climate .climate_item.n3 .climate_name:before{background-image:url(/site/eng/images/contents/cts1658_icon3.png);}
.climate .climate_item.n4 .climate_name:before{background-image:url(/site/eng/images/contents/cts1658_icon4.png);}
.climate .climate_item.n5 .climate_name:before{background-image:url(/site/eng/images/contents/cts1658_icon5.png);}
.climate .climate_text{min-height:164px; padding:25px; border-radius:19px; background-color:#fff; box-shadow:0 10px 50px rgba(43,81,133,0.15); color:#4d4d4d; font-size:15px; line-height:22px; word-break:keep-all;}
@media all and (max-width:1430px){
    .climate .climate_title:before{width:912px;}
    .climate .climate_item{width:200px;}
    .climate .climate_name{width:200px; height:200px; padding-top:110px; font-size:16px;}
    .climate .climate_name:before{top:38px; width:60px; height:60px; background-size:60px auto;}
}
@media all and (max-width:1200px){
    .climate .climate_title:before{width:792px;}
    .climate .climate_item{width:170px;}
    .climate .climate_name{width:170px; height:170px; padding-top:100px; padding-right:10px; padding-left:10px; font-size:14px;}
    .climate .climate_name:before{top:38px; width:50px; height:50px; background-size:50px auto;}
    .climate .climate_text{padding:15px 10px;}
}
@media all and (max-width:1000px){
    .climate{text-align:left;}
    .climate .climate_title{text-align:center}
    .climate .climate_title{width:320px; padding:10px; border-radius:45px;}
    .climate .climate_title span{display:block; height:70px; padding-top:9px; border-radius:35px; font-size:18px; line-height:26px;}
    .climate .climate_title span em{font-size:24px;}
    .climate .climate_title:before,
    .climate .climate_title:after,
    .climate .climate_item:after{display:none;}
    .climate .climate_item:before{top:85px; left:170px; width:20px; height:1px; border-top:1px dashed #aaa; border-left:0; transform:translateX(0);}
    .climate .climate_list{margin-top:40px;}
    .climate .climate_item{width:46%; margin-right:2%; margin-bottom:20px; margin-left:2%;}
    .climate .climate_item:last-child{margin-bottom:0;}
    .climate .climate_name{float:left; margin-bottom:0; text-align:center;}
    .climate .climate_text{display:inline-block; width:calc(100% - 190px); min-height:206px; margin-left:20px; padding:15px 20px;}
}
@media all and (max-width:800px){
    .climate .climate_item{width:100%; margin-right:0; margin-left:0;}
    .climate .climate_text{position:absolute; top:50%; min-height:auto; transform:translateY(-50%);}
}
@media all and (max-width:640px){
    .climate .climate_item:before{top:75px; left:150px;}
    .climate .climate_name{width:150px; height:150px; padding-top:85px; line-height:20px;}
    .climate .climate_item:nth-child(3) .climate_name,
    .climate .climate_item:nth-child(4) .climate_name{padding-top:70px;}
    .climate .climate_name:before{top:30px;}
    .climate .climate_item:nth-child(3) .climate_name:before,
    .climate .climate_item:nth-child(4) .climate_name:before{top:15px;}
    .climate .climate_text{position:relative; top:auto; width:calc(100% - 170px); min-height:150px; transform:translateY(0);}
}

/*기존유지 main > Sancheong Promotional Video*/
#contents .ico_box .ico_img{background-image:url(/site/language/images/main/movie_icon.png);}
#contents .movie h3{display:inline-block;height:24px;margin:0 0 5px;padding:0 27px 0 0;background:url(/site/language/images/main/movie_ti.png) no-repeat right 50%;color:#354353;font-size:22px;line-height:24px;}
.movie{width:auto;margin:0 auto;}
.movie > div{float:left;width:454px;margin:0 0 0 40px;}
.movie > div:first-child{margin-left:0;}
.movie .movie_box{position:relative;width:454px;padding:0;box-sizing:border-box;}
.movie .movie_box img{width:100%;}
.movie .movie_box object{position:absolute;left:0;top:0;width:100%;height:350px;font-size:0;line-height:0;}
.movie .movie_box object div{position:absolute;top:150px;left:0;bottom:0;right:0;width:80%;height:50%;margin:auto;color:#fff;font-size:12px;line-height:16px;text-align:center;}
.movie .subtitle{width:100%;height:155px;margin:10px 0 0 0;padding:15px;background-color:#f9f9f9;border:1px solid #ebebeb;border-top-color:#354353;font-size:14px;box-sizing:border-box;overflow-y:auto;}
.movie .movie_link{margin:20px 0 0 0;text-align:center;font-size:0;line-height:0;}
.movie .movie_link a{width:49.6%;margin:3px 0 0 0;box-sizing:border-box;}
.movie .movie_link a:nth-child(2n){float:right;}

@media all and (max-width:1000px) {
    .movie{width:454px;margin:0 auto;}
    .movie > div{display:block;overflow:hidden;float:none;width:auto;height:inherit;margin:0 0 30px;}
    .movie .movie_box{position:relative;top:auto;left:auto;width:454px;margin:0 auto;}
    .movie .movie_box object div{top:60px;}
    .movie .movie_cnt{position:relative;top:auto;right:auto;width:454px;height:inherit;margin:0 auto;}
    .movie .movie_cnt .subtitle{height:170px;margin:0;}
    .movie .movie_link a{width:49.6%;}
}
@media all and (max-width:450px) {
    .movie{width:100%;}
    .movie .movie_box{width:100%;}
    .movie .movie_box object{width:100%;height:auto;}
    .movie .movie_box object div{top:110px;}
    .movie .movie_cnt{width:100%;}
    .movie .movie_cnt .subtitle{height:170px;margin:0;}
    .movie .movie_link a{width:100%;}
}
