@charset "utf-8";
/* CSS Document */

.sub_content .cols {clear:both; font-size:15px; line-height:1.7em; position:relative;}
.sub_content .cols.first {padding-top:0; border:none;}
.sub_content .cols p {word-break:keep-all;}
.sub_content .cols:after {display:block;visibility:hidden;clear:both;content:""}
.sub_content .col {clear:both; zoom:1;}
.sub_content .col:after {display:block;visibility:hidden;clear:both;content:""}
.sub_content .col_wrap:after {display:block;visibility:hidden;clear:both;content:""}
.col_h4 {font-size:25px; line-height:1em; color:#444; background:url(/kor/images/sub/ico_h4.gif) no-repeat 0 center; padding:0 0 0 1.3em; margin:0 0 1em;}


.blank30 {clear:both; padding-top:30px;}
.blank35 {clear:both; padding-top:35px;}
.blank40 {clear:both; padding-top:40px;}
.blank50 {clear:both; padding-top:50px;}
.blank60 {clear:both; padding-top:60px;}
.line30 {clear:both; border-bottom:1px dashed #e8e8e8; margin:0 0 30px; padding:30px 0 0;}
.line35 {clear:both; border-bottom:1px dashed #e8e8e8; margin:0 0 35px; padding:35px 0 0;}
.line40 {clear:both; border-bottom:1px dashed #e8e8e8; margin:0 0 40px; padding:40px 0 0;}

/*표*/
.tb_basic {border-top:2px solid #555;}
.tb_basic h5 {color:#444; margin:1.2em 0 .5em;}
.tb_basic h5.first {margin-top:0;}
.tb_basic table {border-collapse:collapse; width:100%;}
.tb_basic th, .tb_basic td {border-bottom:1px solid #ddd; border-left:1px solid #ddd; }
.tb_basic th.first, .tb_basic td.first {border-left:none;}
.tb_basic th {color:#444; font-size:14px; line-height:1.5em; padding:.8em 1.4em;}
.tb_basic td {font-size:13px; line-height:1.5em; padding:1.2em 1.4em;}
.tb_basic thead th {background:#f7f7f7;}

/*ul*/
.ul_basic {list-style:none; margin:0; padding:0;}
.ul_basic li {background:url(/kor/images/sub/ico_ul.gif) no-repeat 0 .8em; padding:0 0 0 .5em; margin:.2em 0 0;}
.ul_basic li:first-child {margin-top:0;}
.ul_basic li strong {color:#444;}

/*회사개요*/
.sub01_01 {text-align:center;}
.sub01_01 .col_img {margin:0 0 62px;}
.sub01_01 p {font-size:17px; line-height:1.7em;}
.sub01_01 .txt_mdd {margin:0 0 1.9em;}


.sub01_01 .col.col_about {background:url(/kor/images/sub/0101_img_01.jpg) no-repeat right 0;margin:-65px 0 0;}
.col_about .ceo_pic {float:right; width:500px; overflow:hidden;}
.col_about .ceo_pic img {float:right;}
.col_about .txt_big {font-size:36px; line-height:1.3em; color:#333; margin:0 0 1.1em; padding:85px 0 0;}
.col_about .txt_big strong {color:#41b8d7;}
.col_about .txt_sign {float:right; font-size:19px; font-weight:bold; color:#444; margin:2em 0 0;}
.col_about .txt_sign img {position:relative; bottom:16px; left:-25px;}

@media screen\9 {
.col_about .ceo_pic img {float:none; margin-left:-68px;}
}

/*오시는 길*/

.col_loc {text-align:center;}
.col_loc .loc_txt {list-style:none; margin:0 0 2em;; padding:0;}
.col_loc .loc_txt li {margin:.5em 0 0;}
.col_loc .loc_txt li:first-child {margin:0;}
.col_loc .loc_txt li strong {display:inline-block; font-family:'Roboto', sans-serif; color:#2b1e16; margin:0 .2em 0 0; font-weight:normal;}
.col_loc .loc_txt li em {font-style:normal; display:inline-block; margin:0 .3em; color:#aaa;}
.col_loc .loc_txt .add {font-size:18px;}

/*제작과정*/
.sub03_01 {text-align:center;}
.sub03_01 section > div {position:relative; width:1200px; margin:0 auto; padding:100px 0; zoom:1;}
.sub03_01 section > div:after {display:block;visibility:hidden;clear:both;content:""}
.sub03_01 section:first-child > div {padding-top:0;}
.sub03_01 ul {list-style:none; margin:0; padding:0;}

.sub03_01 .txt_big {margin:0 0 1.7em;}
.sub03_01 .txt_mdd {font:20px/1.5em 'Noto Sans KR', 'Nanum Gothic', "돋움", "돋움체", serif; margin:0 0 2.3em;}
.sub03_01 .col_1st ul {zoom:1;}
.sub03_01 .col_1st ul:after {display:block;visibility:hidden;clear:both;content:""}
.sub03_01 .col_1st ul li {float:left; margin:0 0 0 20px;}
.sub03_01 .col_1st ul li:first-child {margin:0;}
.sub03_01 .col_1st ul img {margin:0 0 1.7em;}
.sub03_01 .col_1st ul p {font-size:15px; line-height:1.5em;}

.sub03_01 .col_2nd {background:#fff;}
.sub03_01 .col_2nd .txt_mdd {font-size:23px;}
.sub03_01 .col_2nd ul li {display:inline-block; margin:0 -4px 0 0; padding:0 0 0 48px; background:url(/kor/images/sub/0301_step_arr.gif) no-repeat 16px 77px;}
.sub03_01 .col_2nd ul li:first-child {padding:0; background:none;}
.sub03_01 .col_2nd ul img {margin:0 0 1.2em;}
.sub03_01 .col_2nd ul p {font:18px 'Noto Sans KR', 'Nanum Gothic', "돋움", "돋움체", serif;}

.sub03_01 .col_3rd {background:url(/kor/images/sub/0301_img_05.jpg) no-repeat center 0; height:547px;}
.sub03_01 .col_3rd .txt_big {margin:100px 0 2.2em;}
.sub03_01 .col_3rd .txt_mdd {font-size:24px; line-height:1.5em; color:#fff;}

.sub03_01 .col_4th {background:#fdb93e;}
.sub03_01 .col_4th .txt_mdd {color:#6a4c22}

@media screen\9 {
.sub03_01 .col_2nd ul li {display:inline; zoom:1;}
.sub03_01 .col_3rd .txt_big {padding:100px 0 0;}
}


/*가격표*/
.col_price {text-align:center; font-family:'Noto Sans KR', 'Nanum Gothic', "돋움", "돋움체", serif; font-size:17px; position:relative; padding:200px 0 0;}
.col_price .col_box {display:inline-block; width:340px; background:#fff; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; margin:0 22px; overflow:hidden;}
.col_price .col_box .tit {position:relative; height:124px; background:#43b7b7; line-height:1em; letter-spacing:-0.04em;}
.col_price .col_box .tit .arr {position:absolute; left:50%; bottom:-16px; width:32px; height:16px; margin-left:-16px; background:url(/kor/images/sub/box_arr_01.gif) no-repeat 0 0;}
.col_price .col_box .tit strong {font-size:27px; line-height:1em; color:#fff; font-weight:500; padding:37px 0 0; display:inline-block; margin:0 0 .45em;}
.col_price .col_box .tit span {color:#c7eaea;}

.col_price .info {list-style:none; margin:24px 30px 16px; padding:0; color:#afafaf; line-height:1em; height:235px;}
.col_price .info li {background:url(/kor/images/sub/line_01.gif) repeat-x 0 0; padding:1.1em 0 1em;}
.col_price .info li:first-child {background:none;}
.col_price .info strong {font-weight:400; color:#555; display:inline-block; margin:0 .5em 0 0;}
.col_price .info .price {font-size:32px; line-height:1em; font-weight:500; padding:.7em 0; color:#43b7b7;}

.col_price .box2 .tit .arr {background-image:url(/kor/images/sub/box_arr_02.gif);}
.col_price .box3 .tit .arr {background-image:url(/kor/images/sub/box_arr_03.gif);}

.col_price .box2 .tit {background:#f4a029;}
.col_price .box3 .tit {background:#f15c41;}

.col_price .box2 .tit span {color:#fce3bf;}
.col_price .box3 .tit span {color:#fbcec6;}

.col_price .box2 .price {color:#f4a029;}
.col_price .box3 .price {color:#f15c41;}

.col_price .bt_txt {font-size:16px; line-height:1.6em; color:#555; border-top:1px solid #e9e9e9; padding:28px 30px; font-weight:400; letter-spacing:-0.04em;}
.col_price .col_img {position:absolute; top:-47px; left:50%; margin-left:-203px;}

@media screen\9 {
.col_price .col_box {display:inline; zoom:1;}
}


/*모바일*/
.sub03_04 {text-align:center; font:400 20px/1.7em 'Noto Sans KR', 'Nanum Gothic', "돋움", "돋움체", serif; letter-spacing:-0.02em;}
.sub03_04 .col_img {margin:-30px 0 .7em;}

/*상담문의*/
.ctm_box {background:#fff; border:1px solid #dedede; padding:100px 0 90px;}
.ctm_box ul {list-style:none; margin:0 18%; padding:0; zoom:1; font:400 19px/1em 'Noto Sans KR', 'Nanum Gothic', "돋움", "돋움체", serif;}
.ctm_box ul:after {display:block;visibility:hidden;clear:both;content:""}
.ctm_box ul li {float:left; background:url(/kor/images/sub/line_02.gif) repeat-y 0 0; width:33.33%;}
.ctm_box ul li:first-child {background:none;}
.ctm_box ul img {margin:0 0 1.8em;}
.ctm_box ul a {display:block; text-decoration:none;}
/*.ctm_box .txt_mdd {margin:0 0 2.6em;}*/
.ctm_box .txt_mdd {margin:0 0 1.2em;}
.ctm_box .txt_tel {margin:0 0 3em;}
.ctm_box .txt_tel span {display:inline-block;}
.ctm_box .txt_tel .txt_box {font:600 24px/43px 'Noto Sans KR', 'Nanum Gothic', "돋움", "돋움체", serif; background:#b1b1b1; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; padding:0 1.3em; color:#fff; margin:0 .6em 0 -2em; position:relative; top:-4px;}
.ctm_box .txt_tel .txt_num {font-size:38px; color:#f4a029; line-height:43px;}

#inquiry_form {padding:80px 0 0;}

/*문자상담*/

.layer_wrap {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:2000;}
.layer_wrap .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.layer_wrap .pop-layer {display:block;}

.pop-layer {display:none; position: absolute; top: 50%; left: 50%; width: 320px; height:auto;  background-color:#fff; z-index: 10; font-size:13px; line-height:1.5em; color:#555;}	
.pop-layer .pop_img {margin:0 0 18px;}
.pop-layer p span {color:#777;}
.pop-layer .pop-container {padding:40px 35px;}
.pop-layer p.ctxt {color: #666; line-height: 25px;}
.pop-layer .btn-r {width: 100%; margin:10px 0 20px; padding-top: 10px; border-top: 1px solid #DDD; text-align:right;}

.pop-layer a.cbtn {position:absolute; right:-28px; top:-28px;}	
.pop-layer a.cbtn:hover {}

.pop-conts h3 {margin:0 0 24px;}

.pop-layer .frm_input {width:100%; margin:0 0 10px; height:37px; box-sizing:border-box; font-size:14px; padding:0 0 0 .6em;}
.pop-conts .btn_sms {width:100%; height:52px; background:#2b1e16 url(/kor/images/sms_btn.gif) no-repeat center center; font-size:0; line-height:0; border:none;}

@media screen\9 {
.pop-layer .frm_input {width:95%;}
.pop-layer select.frm_input {width:100%;}
}