@charset "utf-8";
@import url("common.css");

.main_visual {position:relative; overflow:hidden; height:854px; text-align:center;}
/*.main_visual .cycle-pager {position:absolute; bottom:55px; left:47.5%; z-index:60; cursor:pointer;}
.main_visual .cycle-pager span {display:block; float:left; overflow:hidden; background: url(../img/main_pager.png) no-repeat 0 -13px; width:13px; height:13px; font-size:0; line-height:0; text-indent:-9999px; margin:0 3px 0 3px;}
.main_visual .cycle-pager .cycle-pager-active {background-position:0 0;}*/

.main_txt_box {position:absolute; left:50%; top:330px; text-align:left; margin-left:-280px;}
.main_txt_box .txt_g {color:#fff; font-size:50px; line-height:1; padding-bottom:20px; text-shadow:1px 1px #444}
.main_txt_box .stxt_g {color:#fff; font-size:16px; padding-bottom:55px; text-shadow:1px 1px #222}
.service_btn {position:absolute; left:50%; top:503px; margin-left:-120px; width:240px; height:60px; display:inline-block;  text-align:left;}
/*.service_btn a {border:1px solid #fff; display:block; color:#fff; font-size:18px; font-family:'Malgun Gothic', sans-serif; background:url(../img/main_arrow.png) no-repeat 190px 27px; padding:10px 0 10px 30px; padding-left:30px; line-height:2}
.service_btn a:hover {border:1px solid #9a6a54; background:#9a6a54 url(../img/main_arrow.png) no-repeat 190px 27px;}*/

.main_content_wrap {background:#f4f4f4}
.main_content {overflow:hidden; box-sizing:border-box; background:#f4f4f4; padding-top:75px; padding-bottom:75px;}
.main_content > div {box-sizing:border-box; float:left; border:1px solid #dedede; height:420px;}
.main_content .cntbox01 {width:310px; background:#fff;}
.main_content .cntbox02 {width:340px; margin-left:16px; background:#fff;}
.main_content .cntbox03 {width:520px; float:right; background:#fff; }

/* 이벤트 */
.main_content .cntbox01 {position:relative;}
.main_content .cntbox01 .e_img {position:relative}
.main_content .cntbox01 .e_img span {position:absolute; right:0; top:0;}
.cntbox01 dl,
.cntbox01 ul {padding-left:23px;}
.cntbox01 dl {padding-top:25px;}
.cntbox01 dl dt {font-size:20px; color:#222; font-weight:bold; letter-spacing:-0.5px; padding-bottom:7px;}
.cntbox01 dl dd {font-size:14px; color:#555; letter-spacing:-0.5px;}
.cntbox01 dl dd.date {color:#888; padding-top:17px;}
.cntbox01 .event_btn {position:absolute; right:15px; bottom:15px; overflow:hidden;}
.cntbox01 .event_btn li {float:left;}

h3.main_cnt_tit {color:#222; font-weight:bold; font-size:17px; padding-bottom:20px;}
.cntbox02 {padding:20px; position:relative;}
.cntbox02 .btn_more {position:absolute; right:20px; top:27px; color:#828282; font-size:11px;}
.cntbox02 > div dt {padding-bottom:12px;}
.cntbox02 > div dd {text-align:right; color:#555555; font-size:14px;}
.cntbox02 .connect01 {padding-bottom:23px;}

.cntbox03 .orange_wrap {overflow:hidden; border-bottom:1px solid #dcdcdc; margin-bottom:20px;}
.cntbox03 .orange_wrap > p {float:left;}
.cntbox03 .orange_wrap > dl {float:left; padding-left:15px;}
.cntbox03 .orange_wrap > dl dt {color:#222; font-size:17px; font-weight:bold; padding:25px 0 5px ;}
.cntbox03 .orange_wrap > dl dd {color:#828282; font-size:12px; font-weight:normal; line-height:17px;}
.cntbox03 .orange_wrap > dl dd.orange_logo {padding-top:15px; }
.cntbox03 .gall_wrap {padding-left:20px; position:relative;}
.cntbox03 .btn_more {position:absolute; right:20px; top:27px; color:#828282; font-size:11px;}
.cntbox03 .gall_wrap h3 {padding-bottom:15px;}
.cntbox03 .gall_wrap ul {overflow:hidden;}
.cntbox03 .gall_wrap ul li {float:left; padding-right:6px; padding-bottom:6px;}

/*.footer {margin-top:0 !important}*/


/*1911_new_style*/
.main_txt_box {
    position: absolute;
    left: 50%;
    top: 267px;
    text-align: left;
    margin-left: -350px;
}

.service_btn {
    position: absolute;
    left: 50%;
    top: 437px;
    margin-left: -70px;
    width: auto;
    height: auto;
    display: inline-block;
    text-align: left;
}

.service_btn a {
    /*border: 1px solid #fff;*/
    display: block;
    color: #fff;
    font-size: 14px;
    font-family: 'Malgun Gothic', sans-serif;
    padding: 20px; 
    /*background: url(../img/main_arrow.png) no-repeat 190px 27px;
    padding: 10px 0 10px 30px;
    padding-left: 30px;
    line-height: 2*/
}
.service_btn a img {
    transition: all 0.33s cubic-bezier(0.12,0.75,0.4,1);
    -webkit-transition: all 0.33s cubic-bezier(0.12,0.75,0.4,1);
        padding-left: 10px;
}

.service_btn a:hover img{
    /*border: 1px solid #9a6a54;
    background: #9a6a54 url(../img/main_arrow.png) no-repeat 190px 27px;*/
        -webkit-transform: scale(1,1) translateX(9px);
    transform: scale(1,1) translateX(9px);
}

.main_visual {
    height: 810px; 
}
.main_visual .cycle-slideshow{
     height: 810px!important; 
}

.main_visual .cycle-pager {
    position: absolute;
    bottom: 55px;
    left: 47.5%;
    z-index: 60;
    cursor: pointer;
}

.main_visual .cycle-pager span {
    display: block;
    float: left;
    overflow: hidden;
    /*background: url(../img/main_pager.png) no-repeat 0 -13px;*/
    width: 30px;
    height: 5px;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
    margin: 0 3px 0 3px;
    background: rgba(230,240,250,1);
}

.main_visual .cycle-pager .cycle-pager-active {
    background: rgba(230,240,250,0.3);
}