@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 strong {display:inline-block; color:#f4b545; 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:22px;color:#333;margin-bottom:30px;}
.col_loc .col_map{max-width:1200px;margin:0 auto}

/*제작과정*/
.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 {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 {display:flex;}
.col_price .col_box {width:calc((100% - 160px) / 3);}
.col_price .col_box:nth-child(2){margin:0 80px}
.col_price .col_box .tit {position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;height:140px;line-height:1em;border-top:1px solid #333;border-bottom:1px solid #333}
.col_price .col_box .tit:before{content:'';display:block;position:absolute;left:50%;transform:translateX(-50%);bottom:-60px;width:15px;height:32px;background:url(/kor/images/arrow.png)}
.col_price .col_box:nth-child(2) .tit{border-color:#306de5;}
.col_price .col_box:nth-child(3) .tit{border-color:#f4b545;}
.col_price .col_box .tit strong {font-size:26px;line-height:1em;color:#333;font-weight:600;margin-bottom:15px}
.col_price .col_box:nth-child(2) .tit strong {color:#306de5}
.col_price .col_box:nth-child(3) .tit strong {color:#f4b545;}
.col_price .col_box .tit span {color:rgba(0,0,0,0.75);font-weight:300}

.col_price .info {margin:80px 40px 25px;}
.col_price .info li {border-bottom:1px dashed #ddd;padding:15px 0;}
.col_price .info li:last-child {border-bottom:none;}
.col_price .info strong {font-weight:400; color:#999; display:inline-block;width:80px;}

.col_price .info .price {text-align:center;font-size:20px;line-height:1em;font-weight:300;color:#333;padding-bottom:30px}
.col_price .info .price>span{display:inline-block;margin-right:3px;font-weight:700;font-size:32px;vertical-align:text-top}

.col_price .col_box:nth-child(2) .price {color:#306de5;}
.col_price .col_box:nth-child(3) .price {color:#f4b545;}

.col_price .bt_txt {text-align:center;background-color:#f4f4f4;font-size:16px; line-height:1.6em; color:#555;padding:25px 40px; font-weight:400;word-break:keep-all}
.col_price .bt_txt>span{position:relative;display:inline-block;margin-right:28px;}
.col_price .bt_txt>span:before{content:'/';display:block;position:absolute;right:-17px;top:0;font-size:15px;color:#ccc;font-weight:300}
.col_price .bt_txt>span:last-child:before{display:none}

@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; border:1px solid #ccc;border-radius:15px;}
.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%;padding:40px 0}
.ctm_box ul li:first-child {background:none;}
.ctm_box ul img {margin:0 0 10px;}
.ctm_box ul a {display:block; text-decoration:none;}
.ctm_box>ul>li>a>p{color:#000;font-weight:600}

/*.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 {background:#b1b1b1; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; padding:0 1.3em; color:#fff; margin:0 .6em 0 -2em; position:relative; top:-5px;}
.ctm_box .txt_tel .txt_num {font-size:36px; color:#f4b545;font-weight:800}
.txt_inquiry{margin-bottom:40px;}
.txt_inquiry>strong{display:block;color:#000;font-size:30px;font-weight:600;margin-bottom:20px;}
.txt_inquiry>strong>span{color:#f4b545}
.txt_inquiry>p{font-weight:300}

#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:50px; background:#f4b545; font-size:20px; color:#fff;font-weight:600;line-height:0; border:none;}

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


/* 제작스토리 */
.story_p{font:20px/1.5em 'Noto Sans KR', 'Nanum Gothic', "돋움", "돋움체", serif;text-align:center}
.story_one, .story_three{display:flex;align-items:center;background:#f8f8f8;padding:20px;margin-top:50px;border-radius:20px}
.story_two{display:flex;align-items:center;padding:20px;margin-top:50px}
.story_one img, .story_three img{margin-right:20px}
.story_two img{margin-left:20px}
.story_tit{line-height:1.8}
.story_tit h2{font-size:18px;font-weight:600;margin-bottom:20px;color:#2b1e16}
.story_tit span{font-size:16px;font-weight:600;color:#f4a029;margin-top:10px;display:block}

/* 필수 항목 5가지 */
.powrap{margin:50px 0 40px;background:#fff;border-radius:20px}
.pointwrap{display:flex;align-items:center;margin-bottom:40px}
.pointwrap:first-child{margin-bottom:0}
.point{width:25%;text-align:center}
.point p{margin-bottom:10px;font-size:26px;font-weight:800;color:#fb721f}
.point span{color:#fff;background:#fb721f;font-size:18px;border-radius:20px;padding:8px 15px;display:inline-block}
.pointxt{width:75%;padding:30px}
.pointxt p span{font-weight:600;color:#fb721f}
.tipwrap{}
.tiptit{text-align:center}
.tiptit p{background:#fb721f;color:#fff;display:inline-block;font-size:16px;font-weight:600;padding:10px 20px;border-radius:20px}
.tiptxt{display:flex;padding:50px 50px 40px;margin-top:-20px;border-radius:0 0 20px 20px;border:1px solid #dedede}
.tiptxt p{width:calc(50% - 30px);}
.tiptxt p:first-child{padding-right:30px;border-right:1px solid #dedede}
.tiptxt p:last-child{margin-left:30px;word-break:keep-all}
.tiptxt p span{display:block;font-size:16px;font-weight:600;color:#fb721f;margin-bottom:8px}
.pointwrap:nth-child(6), .pointwrap:nth-child(8){background:#fff;border-radius:20px}

/* 메인 항목 2가지 */
.itemwrap{}
.itemwrap h2{text-align:center;margin:20px 0 15px}
.itemwrap h2 span{font-size:20px;color:#fff;font-weight:500;background:#fb721f;padding:7px 18px;border-radius:20px}
.itemp{text-align:center;font-size:16px;font-weight:600}
.goitem{margin:30px 0 40px}
.gowrap{display:flex;align-items:center}
.towrap{display:flex;align-items:center;flex-direction:row-reverse}
.gowrap .goimg{}
.towrap .goimg{}
.gowrap p, .towrap p{position:relative}
.gowrap p:before{position:absolute;content:"";display:block;width:290px;height:1px;left:0;top:80px;background:#fb721f}
.gowrap p .tep1{display:inline-block;color:#fff;background:#fb721f;font-weight:600;font-size:16px;padding:5px 15px;border-radius:20px}
.gowrap p .tepit{display:block;margin:13px 0 25px;font-size:17px;font-weight:600}
.gowrap p{padding-left:40px}
.towrap p{text-align:right;padding-right:40px;}
.towrap p:before{position:absolute;content:"";display:block;width:260px;height:1px;right:0;top:80px;background:#fb721f}
.towrap p .tep2{display:inline-block;color:#fff;background:#fb721f;font-weight:600;font-size:16px;padding:5px 15px;border-radius:20px}
.towrap p .tepit{display:block;margin:13px 0 25px;font-size:17px;font-weight:600}
.pointitem{}
.pointitem>div{display:flex;align-items:center;margin-bottom:5px}
.pointitem>div>div{width:180px;height:100px;border-radius:20px}
.pointitem .poin1 div{background:#f8cf10;}
.pointitem .poin1 .potit{display:block;color:#dfb800;font-weight:600}
.pointitem .poin2 div{background:#fdb93f}
.pointitem .poin2 .potit{display:block;color:#e79500;font-weight:600}
.pointitem .poin3 div{background:#fb721f}
.pointitem .poin3 .potit{display:block;color:#fb721f;font-weight:600}
.pointitem .tempo{text-align:center;display:block;margin-top:40px;font-size:18px;font-weight:800;color:#fff}
.pointitem p{width:85%;line-height:1.7;padding-left:40px}
.pointitem .potxt{display:block;font-weight:600}
.pointitem .potxt2{font-weight:600}

/* 메인 카피 쓰는법 */
.m_copy{display:flex;margin-top:50px}
.m_txt{background:#fff;box-shadow:1px 1px 10px 10px rgba(0,0,0,.1);margin:70px 0 -70px -60px;padding:60px 70px}
.m_txt p{word-break:keep-all}
.m_txt p span{font-weight:600}
.m_txt p span .oran{color:#fb721f;font-size:18px;}
.copy_box{margin-top:100px}
.copy_step{display:flex;margin-bottom:50px;align-items:center}
.i_copy{margin-right:50px}
.i_copy p{text-align:center;font-size:22px;font-weight:600;color:#fb721f;margin-top:-10px}
.i_copy p span{display:block;font-weight:600;font-size:16px;color:#555555}
.mg_copy{background:#fff;width:170px;height:170px;border-radius:50%}
.mg_copy img{display:block;margin:0 auto;padding-top:60px}
.t_copy p span{font-weight:600;}
.t_copy p span.oran, .ecopy_tit .oran{color:#fb721f}
.e_copy{padding:40px;border:1px solid #c0c0c0;text-align:center}
.ecopy_tit{padding-bottom:25px;font-size:16px;font-weight:600;}
.copy_last{display:flex;justify-content:center;}
.lastxt{position:relative;margin-right:40px;background:#fff;width:110px;height:110px;border-radius:50%;align-items:center;display:flex;justify-content:center}
.lastxt:after{position:absolute;content:"+";display:block;color:#333;right:-30px;top:calc(50% - 12px);font-size:24px}
.lastxt:last-child{margin-right:0}
.lastxt:last-child:after{display:none}
.lastxt p span{display:block;color:#fb721f;font-weight:600}
.ecopy_txt{margin-top:25px;color:#555555;padding:10px 40px;display:inline-block;background:#fff;border-radius:20px}
.ecopy_txt span{display:block;color:#fb721f;}

/* 리뉴얼 */
.sub1_1{}
.sub1_1>.img{display:flex;justify-content:flex-end;align-items:center;height:180px;background:url(/kor/images/sub1_1.png) no-repeat 50%;background-size:cover;box-shadow:5px 5px 30px rgba(0,0,0,0.1);font-size:58px;line-height:1;color:#fff;padding-right:70px;font-weight:600}
.sub1_1>.txt{display:flex;margin:120px 0;font-size:20px;line-height:1.6em;color:#000;}
.sub1_1>.txt>div{width:50%;border-left:1px solid #000;padding-left:100px;}
.sub1_1>.txt>div:last-child{border-color:#ccc}
.sub1_1>.txt>div>p:first-child{margin-bottom:50px;}
.sub1_1>.txt>div:last-child>p:first-child{font-size:48px;line-height:1.1em;font-weight:200}
.sub1_1>.txt>div:last-child>p:first-child>strong{color:#f4b545}
	
.sub3_5{display:flex;}
.sub3_5>div:first-child{width:30%}
.sub3_5>div:last-child{width:70%}
.sub3_5>div:last-child>ul{display:flex;flex-wrap:wrap}

.sub3_5>div:first-child{position:relative}
.sub3_5>div:first-child>p{font-size:48px;color:#000;line-height:1.2em;font-weight:300;letter-spacing:-0.025em;margin-top:10px}

.sub3_5>div:last-child>ul>li{display:flex;flex-direction:column;margin:0 0 80px 80px;width:calc(50% - 80px)}
.sub3_5>div:last-child>ul>li>span.thumb{overflow:hidden;margin-bottom:40px;border-radius:10px;box-shadow:5px 5px 25px rgba(0,0,0,0.15)}
.sub3_5>div:last-child>ul>li>strong{font-size:30px;font-weight:600;color:#000;margin-bottom:15px;}
.sub3_5>div:last-child>ul>li>strong>span{color:#f4b545}
.sub3_5>div:last-child>ul>li>span.txt{font-weight:300;word-break:keep-all}

.sub3_6>ul{display:flex;flex-wrap:wrap}
.sub3_6>ul>li{width:25%}

.sub3_6>ul>li{position:relative;width:calc(33.333333% - 5px);border:1px solid #ddd;margin:0 5px 5px 0;padding:40px 110px 120px 40px;border-radius:10px;background-color:#fff}
.sub3_6>ul>li>strong{color:#000;font-size:22px;font-weight:700}
.sub3_6>ul>li>strong>span{color:#f4b545}
.sub3_6>ul>li>p{margin-top:10px;font-size:16px;line-height:1.4em;word-break:keep-all}
.sub3_6>ul>li>.ico{position:absolute;right:30px;bottom:30px;display:block;width:61px;height:66px;}

.sub3_7{display:flex;justify-content:space-between;}
.sub3_7>div{width:46%}
.sub3_7 .ul_sub3_7>li{position:relative;margin-bottom:100px}
.sub3_7 .ul_sub3_7>li:last-child{margin-bottom:0}
.sub3_7 .ul_sub3_7>li>em{display:inline-block;font-style:normal;border-top:1px solid #f4b545;border-bottom:1px solid #ccc;color:#f4b545;line-height:1;font-size:18px;font-weight:700;padding:5px 0}
.sub3_7 .ul_sub3_7>li>strong{display:block;line-height:1;margin:17px 0 10px;font-size:42px;color:#000;font-weight:200}
.sub3_7 .ul_sub3_7>li>p{font-weight:300}
.sub3_7 .ul_sub3_7>li:before{content:'';display:block;position:absolute;left:20px;top:-65px;width:15px;height:32px;background:url(/kor/images/arrow.png)}
.sub3_7 .ul_sub3_7>li:first-child:before{display:none}

.img_sticky{position:sticky;top:200px;box-shadow:5px 5px 30px rgba(0,0,0,0.1)}

.sub3_8{margin-top:150px;position:relative;background:url(/kor/images/sub3_8_bg.png) 50%;background-size:cover;background-attachment:fixed;padding:100px;}
.sub3_8>.txt{position:absolute;background-color:#f4b545;color:#fff;top:-110px;left:100px;padding:35px 40px;font-size:28px;font-weight:300;line-height:1.2em}
.sub3_8>ul{display:flex;flex-wrap:wrap;color:#fff;}
.sub3_8>ul>li{width:50%;padding:70px;}
.sub3_8>ul>li>strong{display:block;font-size:26px;margin-bottom:20px;}
.sub3_8>ul>li>p{font-weight:300;word-break:keep-all}
.sub3_8>ul>li:nth-child(1), .sub3_8>ul>li:nth-child(2){border-bottom:1px dashed rgba(255,255,255,0.3)}
.sub3_8>ul>li:nth-child(odd){border-right:1px dashed rgba(255,255,255,0.3)}

.sub8_1>ul{max-width:1260px;margin:0 auto;}
.sub8_1>ul>li{display:flex;align-items:center;padding:80px 0;border-bottom:1px solid #d9d9d9}
.sub8_1>ul>li:first-child{padding-top:30px}
.sub8_1>ul>li:last-child{border-bottom:none}
.sub8_1>ul>li>.img{width:43%}
.sub8_1>ul>li>.img>img{box-shadow:5px 5px 30px rgba(0,0,0,0.1)}
.sub8_1>ul>li>.txt{width:57%;padding-left:80px;}
.sub8_1 dl, .sub8_1 dt, .sub8_1 dd{padding:0;margin:0}
.sub8_1>ul>li>.txt dt{margin-bottom:45px;}
.sub8_1>ul>li>.txt dt>em{display:inline-flex;background-color:#f4b545;width:34px;height:34px;border-radius:50%;color:#fff;font-size:22px;font-style:normal;line-height:1;font-weight:600;justify-content:center;align-items:center;}
.sub8_1>ul>li>.txt dt>strong{display:block;font-size:50px;font-weight:100;color:#000;line-height:1;margin:18px 0 12px}
.sub8_1>ul>li>.txt dt>p{font-weight:600;font-size:30px;color:#000}
.sub8_1>ul>li>.txt dt>p>strong{color:#f4b545}
.sub8_1>ul>li>.txt dd{line-height:1.4em;margin-bottom:10px;}
.sub8_1>ul>li>.txt dd:last-child{margin-bottom:0}
.sub8_1>ul>li>.txt dd>strong{color:#000;font-weight:600}