@charset "UTF-8";

/**/
.tit_h4{padding:40px 40px 0px; margin:20px 0px; font-size:38px; font-weight:300; background:url(/images/common/tit_h4bg.png) no-repeat  15px 15px; color:#43331f; letter-spacing:-2px;}
.tit_h4_2{padding:40px 40px 0px; margin:20px 0px; font-size:30px; font-weight:300; background:url(/images/common/tit_h4bg.png) no-repeat  15px 15px; color:#43331f; letter-spacing:-2px;}
.tit_h4_2 span {color:#20368f; font-weight:600;}
.tit_h4c{font-size:38px; font-weight:300; color:#303030; background:url(/images/common/tit_h4bg.png) no-repeat center bottom; text-align:center; padding-bottom:30px; margin-bottom:10px; text-transform:uppercase;}
.tit_h4bg{padding:5px 20px 5px 15px; background:#f5f5f5; border-left:5px solid #937c9a; font-size:24px; margin-bottom:50px;}
.tit_h5{margin-bottom:30px; padding-left:20px; background:url(/images/common/h5_bg.gif) no-repeat left center;  font-size:20px; font-weight:600; color:#505050; margin-left:40px; clear:both;}
.tit_h6 {margin-left:0px;}

.topimg{min-height:300px; padding:10px; margin-bottom:10px; position:relative; z-index:1}
.topimg p{padding:0px 40px 40px 40px; font-size:16px;}
.topimg .fsb{padding:0px 40px 20px; font-size:30px; width:80%;}
.topimg .in_fsb{padding:0px 40px 20px; font-size:30px; line-height:1.4}

.topimg2{padding:60px 40px;box-sizing:border-box;}
.topimg2 h4{font-size:36px; margin-bottom:30px; font-weight:700}
.topimg2 p.h4_ex{font-size:18px; margin-bottom:40px; padding:0px; padding-bottom:40px; background:url(/images/common/line2_bg.gif) no-repeat left bottom; font-weight:300;  }
.topimg2 h5{font-size:20px; margin-bottom:10px; }
.topimg2 p{width:60%; background:rgba(255,255,255,0.7) ;padding:20px; font-size:14px;}

.con .half{box-sizing:border-box; min-height:2px}
.tac{text-align:center;}
.fsb{font-size:20px;}

.mb{margin-bottom:50px;}
.mb10{margin-bottom:10px !important;}
.border-b{border-bottom:1px solid #c8c8c8; padding-bottom:50px;}
.bgbox{background:#f5f5f5; padding:40px;}

.line_table{width:100%; border-left:1px solid #c8c8c8;position:relative;}
.line_table th{border-left:2px solid #937c9a; border-right: 2px solid #937c9a}
.line_table th, .comm_table td{padding:5px 2px;}

.com_dl{overflow:hidden; padding:15px; background:#f5f5f5}
.com_dl dt{width:25%; float:left; clear:both; margin-right:5%; margin-bottom:3px; font-weight:600;  box-sizing:border-box}
.com_dl dd{width:70%; float:left;}

.c{color:#a27239}
.qline_bg{background:url(/images/common/quartc_bg.png) repeat-y; background-size:100% auto;}
.tline_bg{background:url(/images/common/tric_bg.png) repeat-y; background-size:100% auto;}

.line_btn li{display:inline-block; padding:5px 30px; border:1px solid #505050; }
.line_btn li a{display:block; width:100%; height:100%;}
.ready_txt{text-align:center; font-size:42px; padding:150px 0px; padding-top:240px; background:url(/images/common/logo_ci.gif) no-repeat center 60px; background-size:250px auto;}
.num_li li{margin-bottom:3px; padding-left:30px;background-size:27px auto !important;}
.num_li li.ic01{ background:url(/images/common/ic01.png) no-repeat;}
.num_li li.ic02{ background:url(/images/common/ic02.png) no-repeat;}
.num_li li.ic03{ background:url(/images/common/ic03.png) no-repeat;}
.num_li li.ic04{ background:url(/images/common/ic04.png) no-repeat;}
.num_li li.ic05{ background:url(/images/common/ic05.png) no-repeat;}
.num_li li.ic06{ background:url(/images/common/ic06.png) no-repeat;}
.num_li li.ic07{ background:url(/images/common/ic07.png) no-repeat;}
.num_li li.ic08{ background:url(/images/common/ic08.png) no-repeat;}
.num_li li.ic09{ background:url(/images/common/ic09.png) no-repeat;}
.num_li li.ic10{ background:url(/images/common/ic10.png) no-repeat;}
.num_li li.ic11{ background:url(/images/common/ic11.png) no-repeat;}
.num_li li.ic12{ background:url(/images/common/ic12.png) no-repeat;}
.num_li li.ic13{ background:url(/images/common/ic13.png) no-repeat;}
.num_li li.ic14{ background:url(/images/common/ic14.png) no-repeat;}
.num_li li.ic15{ background:url(/images/common/ic15.png) no-repeat;}
.num_li li.ic16{ background:url(/images/common/ic16.png) no-repeat;}
.num_li li.ic17{ background:url(/images/common/ic17.png) no-repeat;}


.arrow_ul li{float:left; width:40%; margin:0 5% 0 0; padding:0 5% 0 0; }
.arrow_ul li img{width:100%;}
.arrow_ul li:first-child{background:url(../images/sub02/arrow_right.jpg) no-repeat 100% 50%;}



@media all and (max-width:979px) {
.tit_h4{font-size:30px;}
.tit_h5{margin-bottom:20px; }
.topimg{min-height:200px; background-size:100% auto; background-position:center 50% !important; margin-bottom:20px;}
.topimg2{background-size:100% auto !important;}
.fsb{font-size:16px;}
.topimg .fsb{width:100%; padding:0px 20px 20px 40px ; font-size:20px;}
.topimg .in_fsb{padding:0px 20px 60px 40px;  font-size:20px; font-weight:bold;}
.mb{margin-bottom:30px;}
.border-b{padding-bottom:30px;}
.bgbox{padding:20px;}

}

@media all and (max-width:767px) {
.qline_bg{background:none;}
.tline_bg{background:none;}
.tit_h4{font-size:24px;  text-align:center; margin:0px; padding:20px;/* background-position:5px 5px;*/ background:none; border:1px solid #43331f}
.tit_h4bg{font-size:20px;}
.tit_h4c{font-size:30px; padding-bottom:25px;}
.tit_h4bg{margin-bottom:20px;}

.topimg:after{background-color:#ffffff; top:0; left:0; opacity:0.6; filter:alpha(opacity=50); position:absolute; z-index:-1; content:""; width:100%; height:100%; }
.topimg .p20{text-align:center; padding:20px;}

.topimg{min-height:auto; /* background-position:70% top !important;*/ background:none; }
.topimg .fsb{width:100%; padding:20px 0px ;}
.topimg .in_fsb{padding:20px 0px;}
.topimg p{padding:0px; padding-bottom:20px;}
.con .mr{margin-right:0px;}

.topimg2{padding:0px; background:none !important}
.topimg2 h4{font-size:30px;  text-align:center; margin-bottom:20px;}
.topimg2 p.h4_ex{width:100%; font-size:16px; padding-bottom:30px;  margin-bottom:30px;  text-align:center;  background:url(/images/common/line2_bg.gif) no-repeat center bottom;  }
.topimg2 h5{font-size:20px; margin-bottom:10px; }
.topimg2 p{width:100%;background:#f5f5f5;padding:20px; box-sizing:border-box;}


}
@media all and (max-width:559px) {

.topimg {background-size:auto 140% !important;}
.topimg .in_fsb{text-align:center;}
.ready_txt{font-size:32px; padding-top:200px; background-size:200px auto;}

}



/*서브이미지*/
.sub01_01{background:url(/images/common/sub01_01.jpg) no-repeat center top; }
.sub01_02{background:url(/images/common/sub01_02.jpg) no-repeat right bottom; }

.sub01_02 p{width:60%;}
.sub01_02 p b {color:#d0232b;}
.sub01_02 .sign {padding-left:35%; font-size:22px; font-weight:bold; text-align:right; margin-top:50px; padding-top:50px;}
.sub01_02 .sign img{width:250px;}

@media all and (max-width:767px) {
.topimg{min-height:auto; background-position:70% top !important; }

.sub01_02{background:none;}
.sub01_02 p {width:100%; text-align:left;}
.sub01_02 .sign{text-align:right;}
}

.monav_li{display:none;}
.nav_li{position:fixed; top:250px; right:10px;}
@media all and (max-width:980px) {
.nav_li{display:none;}
.monav_li{display:block; overflow:hidden; margin-bottom:20px;}
.monav_li li{width:50%; float:left;}
.monav_li li img{width:100%;}
}
/*미시안소개*/
.ci_info .half{text-align:center;}
.ci_info img{width:auto;}
.ci_info .half {padding:30px; }
.ci_info .right{margin-top:40px; background:url(/images/common/tit_h4bg.png) no-repeat left top}
.ci_info2 .half {padding-left:0;}
.ci_info2 table {    width: 90%;    border-top: 4px solid #36384e;    margin: 0 0 30px 5%;    font-size: 14px;    border-left: 0px solid #c8c8c8;    position: relative;}
.ci_info2 table th {padding: 5px 15px;    border-bottom: 1px solid #c8c8c8;    border-right: 0px solid #c8c8c8;
    background: #f0f0f0;    font-weight: 500;    white-space: nowrap !important;    text-align: center;    vertical-align: middle;    color: #36384e;    font-size: 14px;}
.ci_info2 table td {    padding: 3px 15px;    border-bottom: 1px solid #c8c8c8;    border-right: 0px solid #c8c8c8;
    font-size: 14px;}
.ci_info2 .conh4 {margin-left:5%; margin-bottom:10px;}


@media all and (max-width:767px) {
.ci_info .half {padding:10px; }
.ci_info img{padding:0px;}
.ci_info .right{margin-top:0px; padding-top:30px; }
}


/*연혁*/
.history{overflow:hidden;}
.history dt{width:27%; font-size:40px; font-weight:600; float:left; margin-right:3%; text-indent:20px; border-top:1px solid #505050; padding:25px 0px; clear:both; line-height:100%;}
.history dd{width:70%;float:right; text-indent:25px;  padding:15px 0px; border-top:1px solid #c8c8c8; overflow:hidden;}
.history dd.last{border-bottom:1px solid #c8c8c8;}
.history dd.bgn{background:none;}
.history dd .hdate{display:block; clear:both; width:10%; min-height:10px; float:left;font-weight:400; margin-right:5%;}
.history dd span{width:85%; display:block; float:right;}

@media all and (max-width:559px) {
.history dt{font-size:30px;padding:15px 0px;text-indent:5px}
.history dd{padding:15px 0px;}
.history dd .hdate{width:20%;text-indent:10px}
.history dd span{width:75%;text-indent:0px}
}

/*핵심경쟁력*/
.sub01_03{background:url(/images/common/sub01_03.jpg) no-repeat center bottom; padding-bottom:350px; background-size:120% auto; border-bottom:4px solid #937c9a}
.sub01_03 h4{font-size:38px; text-align:center; background:url(/images/common/lineh_bg.gif) no-repeat center 30px; padding-top:100px;}
.sub01_03 p{text-align:center;}

.core{margin-bottom:30px;}
.core h6{font-size:24px; margin-bottom:20px;}
.core h6 span{display:block; text-transform:uppercase; font-size:16px;  font-weight:100;}
.core p{min-height:70px;padding-bottom:20px; margin-bottom:20px; border-bottom:2px solid #937c9a;}

.core div{padding-top:190px;}
.core .core01{background:url(/images/common/core01_bg.jpg) no-repeat center top;}
.core .core02{background:url(/images/common/core02_bg.jpg) no-repeat center top;}
.core .core03{background:url(/images/common/core03_bg.jpg) no-repeat center top;}

@media all and (max-width:979px) {

.sub01_03{background-size:130% auto;}
}

@media all and (max-width:767px) {
.sub01_03 h4{padding:20px; background:none; font-size:24px;}
.sub01_03{background:none; padding-bottom:0px; border-bottom:1px solid #c8c8c8; margin-bottom:30px;}
.core div{background:none !important; padding-top:0px; text-align:center; }
.core div h6{padding-top:40px; background:url(/images/common/tit_h4bg.png) no-repeat center top 20px;}
.core div p{min-height:auto; padding:40px; background:#f5f5f5; border:1px solid #c8c8c8; margin: 0 auto; margin-bottom:20px;}
}

/*예약안내*/
.sub01_05{background:url(/images/common/sub01_05.jpg) no-repeat center top;}
.sub01_05 ul{padding:0px 40px 40px;}

.con .cstime{width:100%; position:relative; margin:0; padding:0px; margin-bottom:30px;}
.con .cstime .tel{padding-top:110px; border-right:1px solid #e6e6e6;  background:url(/images/common/logo_ci.gif) no-repeat center 10px; background-size:170px auto; padding-bottom:10px;}
.con .cstime .right ul li{padding-bottom:10px; margin-bottom:10px;}
@media all and (max-width:979px) {
.con .cstime .left{width:48%;}
.con .cstime .right{width:48%;}
.con .cstime .tel{font-size:42px;}
}
@media all and (max-width:768px) {
.con .cstime .right ul {background:#ffffff}
.sub01_05 ul{text-align:center;}
.mmb20{margin-bottom:20px;}
}
@media all and (max-width:559px) {
.con .cstime h5{text-align:left;}
.con .cstime .left {width:100%; margin: 0; border}
.con .cstime .tel{border:0px;}
.con .cstime .right{width:100%;}
.con .cstime .right ul {background:#f5f5f5; border:1px solid #c8c8c8; }
.con .cstime .right ul li{padding-bottom:5px; margin-bottom:5px;}


}

.btbox{padding:40px;}
.btbox h4{font-size:36px; margin-bottom:30px;  letter-spacing:-2px; }
.btbox p{background:url(/images/common/line2_bg.gif) no-repeat left bottom; padding-bottom:30px; margin-bottom:30px;}
.ul_linebox li{color:#937c9a;display:inline-block;  box-sizing:border-box; padding:3px 10px; margin-right:10px; margin-bottom:10px; border:1px solid #937c9a; font-size:12px;}
.q_line_bg{padding:20px 0px; background:url(/images/common/quartc_bg.png) repeat-y center 0}

@media all and (max-width:979px) {
.btbox{background-size:100% auto !important;}
.q_line_bg{background-size:100% auto !important}
}
@media all and (max-width:767px) {
.btbox{background:none !important;}
.btbox h4{font-size:24px; margin-bottom:20px;}
.btbox{padding:0px;}
.btbox .fsb{text-align:center; font-weight:600}
.q_line_bg{background:none;}
}