@charset "utf-8";



/*가이드박스*/
#guideGroup {position:relative;   background:#f1f6f8; border-bottom:1px #ddd solid;   text-align:center;}

#guideGroup .guide {text-align:left;}
#guideGroup .guide li{display:inline-block; ;color:#333; font-size:14px; padding-right:40px;; padding:12px 0px; padding-right:40px;; line-height:26px;  position:relative;}
#guideGroup .guide li img {vertical-align:middle; position:relative; top:-2px;}
#guideGroup .guide li:after {display: block;    position: absolute;    top: 12px;    right: 10px;    content: '>';}
#guideGroup .guide li:last-child:after { content:none;}
#guideGroup .guide li a {color:#333;}
#guideGroup .guide li.this { color:#0e81a0; font-weight:bold; padding-right:0px;}


#content {position:relative; min-height:1200px; }
#content #this_title_text {font-size:30px; color:#000; padding-bottom:15px; border-bottom:1px #dddd solid; margin-bottom:70px;  line-height:30px; }
#content #this_title_text span {display:block; font-size:14px; font-weight:normal; color:#777}








.sub_title_name {text-align:center; font-size:30px; /*font-family: 'Nanum Square';*/line-height:30px; font-weight:normal; color:#444}
.sub_title_name_info_text {text-align:center; display:block; font-size:14px; color:#888; padding:10px 0px 15px;}


/* 탭메뉴 */
div.tapMenu { overflow:hidden;}
div.tapMenu ul { float:left; font-size:13px; width:100%; text-align:center; letter-spacing:-1px;}
div.tapMenu ul li { float:left; width:24%; border:1px solid #ccc; border-radius:50px; margin:10px 0 0 1%;line-height:35px; box-sizing:border-box;}
div.tapMenu ul li a {  color:#555; display:block; border-radius:50px; }
div.tapMenu ul li:first-child,div.tapMenu ul li:nth-child(4n+1) { margin:10px 0 0 0;}
div.tapMenu ul li:hover a { background:#e0e6f5; color:#4266b6; font-weight:bold;} 
div.tapMenu ul li.on { border:1px solid #3758a0;  }
div.tapMenu ul li.on a { background:#7256c5; color:#fff; font-weight:bold; }


/* 컨텐츠 공통 스타일 */
h4.cStyle {clear:both; font-size:16px; padding:0 0 0 24px; color:#222; background:url(../images/sub/h4_dot.jpg) left 7px no-repeat; line-height:24px; margin-bottom:10px;}
h5.cStyle {clear:both; font-size:16px; padding:0 0 0 26px; color:#014e8d; background:url(../images/sub/h5_dot.jpg) 7px 6px no-repeat; line-height:24px; margin-bottom:10px;}
h6.cStyle {clear:both; font-size:15px; padding:0 0 0 30px; color:#555 ; background:url(../images/sub/h6_dot.jpg) 18px 7px no-repeat; line-height:24px; margin-bottom:10px;}

dl.cStyle {clear:both;}
dl.cStyle dt {padding:0 0 0 36px; margin:15px 0 0 0; color:#555; background:url(../images/sub/dt_dot.jpg) 25px 9px no-repeat; line-height:20px; }
dl.cStyle dd {padding:0 0 0 46px; margin:5px 0 0 0; color:#767676; background:url(../images/sub/dd_dot.jpg) 35px 10px no-repeat; line-height:20px;}
dl.cStyle dd a {color:#767676;}
dl.cStyle dd a:hover {color:#000; text-decoration:underline;}

table.cStyle {border-top:2px solid #666; width:100%; font-size:12px; border-spacing:0; table-layout:fixed; border-collapse:collapse;}
table.cStyle tr.pick {border:4px #0e81a0 solid !important;; }
table.cStyle tr.pick td{font-size:14px; font-weight:bold; color:#222}
table.cStyle tr.pick td img {vertical-align:middle;}
table.cStyle th {background:#f8f8f8; color:#333; padding:12px 5px; border-bottom:1px solid #ddd;}
table.cStyle td { padding:12px 5px; line-height:18px;  letter-spacing:-0.5px; border-bottom:1px solid #ddd; text-align:center; color:#999;}
table.cStyle .center {text-align:center;}
table.cStyle .left {text-align:left;}
table.cStyle td.bg {background:#f9f9f9; font-weight:bold;}


table.cStyle01 {border-top:1px solid #666; width:100%; font-size:12px; border-spacing:0; table-layout:fixed; border-collapse:collapse;border-left:1px solid #ddd; }
table.cStyle01 th {background:#f8f8f8; color:#333; padding:7px 15px; border-bottom:1px solid #ddd;  border-right:1px solid #ddd; text-align:left;}
table.cStyle01 td { padding:7px;   letter-spacing:-0.5px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; text-align:left; color:#999;}
table.cStyle01 .center {text-align:center;}
table.cStyle01 .left {text-align:left;}
table.cStyle01 td.bg {background:#f9f9f9; font-weight:bold;}



table.cStyle02 {border-top:2px solid #666; width:100%; font-size:12px; border-spacing:0; table-layout:fixed; border-collapse:collapse;}
table.cStyle02 tr.pick {border:4px #0e81a0 solid !important;; }
table.cStyle02 tr.pick td{font-size:14px; font-weight:bold; color:#222}
table.cStyle02 tr.pick td img {vertical-align:middle;}
table.cStyle02 th {background:#f8f8f8; color:#333; padding:12px 5px; border-bottom:1px solid #ddd;}
table.cStyle02 td { padding:12px 5px; line-height:18px;  letter-spacing:-0.5px; border-bottom:1px solid #ddd; text-align:center; color:#999;}
table.cStyle02 .center {text-align:center;}
table.cStyle02 .left {text-align:left;}
table.cStyle02 td.bg {background:#f9f9f9; font-weight:bold;}

table.cStyle02 td input[type="text"] {line-height:30px; height:30px; border:1px #ddd solid; padding:0 10px;}
table.cStyle02 td select {line-height:30px; height:32px; border:1px #ddd solid; }
table.cStyle02 td textarea {border:1px #ddd solid; height:100px; width:99%;}

table.cStyle02 td.info_detail {background:#f8f8f8; text-align:left;}
table.cStyle02 td.info_detail ul li {position:relative; padding-left:120px; min-height:30px;  }
table.cStyle02 td.info_detail ul li strong {position:absolute; left:0px; top:0px; line-height:25px; border:1px #ddd solid; background:#fff; padding:0 10px;  width:80px; border-radius:25px; }


table.cStyle_etc_price {border-top:2px solid #666; width:100%; font-size:12px; border-spacing:0; table-layout:fixed; border-collapse:collapse;}
table.cStyle_etc_price tr.pick {border:4px #0e81a0 solid !important;; }
table.cStyle_etc_price tr.pick td{font-size:14px; font-weight:bold; color:#222}
table.cStyle_etc_price tr.pick td img {vertical-align:middle;}
table.cStyle_etc_price th {background:#f8f8f8; color:#333; padding:12px 5px; border-bottom:1px solid #ddd;}
table.cStyle_etc_price td { padding:12px 5px; line-height:18px;  letter-spacing:-0.5px; border-bottom:1px solid #ddd; text-align:center; color:#999;}
table.cStyle_etc_price .center {text-align:center;}
table.cStyle_etc_price .left {text-align:left;}
table.cStyle_etc_price td.bg {background:#f9f9f9; font-weight:bold;}





ul.cStyle {overflow:hidden;}
ul.cStyle li{padding:0 0 0 26px; font-size:14px;  color:#333; background:url(../images/sub/dt_dot.jpg) 15px 9px no-repeat; line-height:24px; }


p.cStyle {clear:both; font-size:13px; padding:0 0 0 8px;}
p.cStyle b {color:#fb7a0b; letter-spacing:0;}
p.cStyle img {max-width:100%;}

p.cStyle2 {clear:both; font-size:13px; padding:0;}
p.cStyle2 b {color:#fb7a0b; letter-spacing:0;}
p.cStyle2 img {max-width:100%;}

p.cStyle3 {text-align:center;}
p.cStyle3 img{max-width:100%;}


.agree_box {padding:30px; }
.agree_s_box { margin-top:20px;} 
.agree_s_box .box{border:1px #ddd solid; padding:10px; overflow:hidden; height:150px; overflow-y:auto; margin-top:20px; font-size:11px; background:#f8f8f8; } 




/**/
.default_layout_sub {background:#fff; /*border:1px #d2d2d2 solid; padding:30px; border-radius:10px;*/ margin-bottom:60px;  padding-bottom:60px;}



/*#################################################################상세화면#################################################################*/


/*템플릿 기본 정보*/
#solution_detail_header {position:relative;}
#solution_detail_header .solution_detail_header_wrap {overflow:hidden; border:1px #ddd solid; padding:60px; border-radius:20px; position:relative;}
#solution_detail_header .solution_detail_header_wrap .photo {float:left; width:420px; height:100%; overflow:hidden; border-right:1px #ddd solid; padding-right:30px; }
#solution_detail_header .solution_detail_header_wrap .photo img{vertical-align:middle;max-width:100%; border-radius:20px }
#solution_detail_header .solution_detail_header_wrap .detail_info {margin-left:480px;padding-left:0px; }
#solution_detail_header .solution_detail_header_wrap .detail_info h4{font-size:40px; line-height:40px;  letter-spacing:-1px; padding-bottom:20px;  color:#000;}
#solution_detail_header .solution_detail_header_wrap .detail_info h4 span {font-size:18px;   display:block}


#solution_detail_header .solution_detail_header_wrap .detail_info_box {padding:20px 0px;  border-top:1px #ededed solid;  }
#solution_detail_header .solution_detail_header_wrap .detail_info table { width:100%; font-size:14px; border-spacing:0; color:#333;  }
#solution_detail_header .solution_detail_header_wrap .detail_info table tr.bg {background:#e9eff3; font-weight:bold;}
#solution_detail_header .solution_detail_header_wrap .detail_info table th {padding:5px 7px; color:#666; font-weight:normal; text-align:left;} 
#solution_detail_header .solution_detail_header_wrap .detail_info table td {padding:5px 7px; color:#000; }
#solution_detail_header .solution_detail_header_wrap .detail_info table td .won{ color:#000; font-size:16px;}
#solution_detail_header .solution_detail_header_wrap .detail_info table td .won_off{font-size:20px;}
#solution_detail_header .solution_detail_header_wrap .detail_info table td.won_arrow_wrap{position:relative;}
#solution_detail_header .solution_detail_header_wrap .detail_info table td .won_arrow{position:absolute; left:10px; top:15px; width:107px; height:60px; background:url(../images/sub/won_arrow_dot.png) left top no-repeat;}
#solution_detail_header .solution_detail_header_wrap .detail_info table .center {text-align:center;}
#solution_detail_header .solution_detail_header_wrap .detail_info table .left {text-align:left;}
#solution_detail_header .solution_detail_header_wrap .detail_info table td.bg {background:#f9f9f9; font-weight:bold;}
#solution_detail_header .solution_detail_header_wrap .detail_info table .info_text {color:#666; font-size:12px; display:inline-block; margin-left:5px;}
#solution_detail_header .solution_detail_header_wrap .detail_info table .admin_con span {display:inline-block; color:#999; border:1px #ddd solid;line-height:27px; border-radius:20px; padding:0 10px; font-size:12px;}

#solution_detail_header .solution_detail_header_wrap .detail_info .more_page_tip  {display:inline-block; margin-left:5px; vertical-align:middle; color:#ef7b3b; font-size:18px; position:relative; font-weight:normal;}

#solution_detail_header .solution_detail_header_wrap .detail_info .price span {text-decoration:line-through;}
#solution_detail_header .solution_detail_header_wrap .detail_info .price strong{color:#0e81a0; font-size:16px;}


#solution_detail_header .solution_detail_header_wrap .detail_info table td .total_price_info strong{font-size:26px; color:#f11845 ;}
#solution_detail_header .solution_detail_header_wrap .detail_info table td .total_price_info .s_help_text {display:inline-block; padding-left:10px; color:#999;}

#solution_detail_header .solution_detail_header_wrap .btns {/*font-family: 'Nanum Square';*/}
#solution_detail_header .solution_detail_header_wrap .show {margin-top:10px; display:table; width:100%; table-layout:fixed; border-spacing:6px;}
#solution_detail_header .solution_detail_header_wrap .show a{display:table-cell; text-align:center; border: 1px #3f94fb solid; color:#fff;    background: #3f94fb; line-height:45px;  border-radius:10px;  }
#solution_detail_header .solution_detail_header_wrap .show a.print { border-color:#4a7f11; background:#4a7f11;}
#solution_detail_header .solution_detail_header_wrap .show a.mobile {border-color:#876f57; background:#876f57;}
#solution_detail_header .solution_detail_header_wrap .show a.list {border-color:#ddd; color:#ddd;  }
#solution_detail_header .solution_detail_header_wrap .show a.inquiry {border-color:#ff6363; background:#ff6363; }
#solution_detail_header .solution_detail_header_wrap .show a.pay {border-color:#444; color:#fff; background:#444;}

#solution_detail_header .solution_detail_header_wrap .payment {display:table; width:100%; table-layout:fixed; border-spacing:6px;}
#solution_detail_header .solution_detail_header_wrap .payment a{display:table-cell; text-align:center; background:#0e81a0; line-height:65px; color:#fff; font-size:16px;}
#solution_detail_header .solution_detail_header_wrap .payment a.last {background:#404040; }



/*템플릿 기본 정보*/
#solution_customizing_wrap { margin-top:60px;}
#solution_customizing_wrap h3 {font-size:25px; font-weight:bold; color:#000; line-height:25px; letter-spacing:-1px;}
#solution_customizing_wrap h3  span{display:block; font-weight:normal; margin-top:3px; font-size:16px; color:#666; line-height:18px;}

#solution_customizing_wrap .customizing_box {padding:30px; border:1px #ddd solid !important;  ; margin-top:20px;}
#solution_customizing_wrap .customizing_box img {max-width:100%; width:100%; vertical-align:top;  }



/*템플릿 기본 정보*/
#solution_price_wrap {background:#fff; border:1px #d2d2d2 solid; margin-top:50px;}
#solution_price_wrap h5 {line-height:53px; padding:0 15px;  font-size:15px; color:#333; border-bottom:1px #d2d2d2 solid;; }
#solution_price_wrap .price_box {padding:0px 20px 20px;}
#solution_price_wrap .price_box img {max-width:100%; vertical-align:top;}



/*제작문의*/
#free_web_inquiry_box { position:fixed; width:500px; left:40%; top:550px;  box-shadow:0px 3px 60px rgba(0,0,0,0.8);    z-index:999999999;  border-radius:15px;}
#free_web_inquiry_box h4.title {background:#404040; color:#fff; padding:15px; border-radius:15px 15px 0px 0px ;}
#free_web_inquiry_box h4.title a.close{float:right; color:#fff;}
#free_web_inquiry_box .free_web_inquiry_box_wrap {padding:15px;  background:#fff; border-radius:0px 0px 15px 15px;;}
#free_web_inquiry_box .free_web_inquiry_box_wrap  input[type="text"]{width:80%; line-height:33px; height:33px; background:#fff;}
#free_web_inquiry_box .free_web_inquiry_box_wrap  textarea {height:80px;}





/*#################################################################상세화면#################################################################*/


/*체크리스트*/

.check_list_wrap_box {position:relative;}

.check_list_wrap {position:relative; padding-top:60px;}
.check_list_wrap .bg{position:absolute; left:40px; bottom:1px; width:143px; height:195px; background:url(../images/common/check_list_bg.png) left top no-repeat;}
.check_list_wrap dl{border:1px #ddd solid; height:120px; padding:10px 10px 30px 240px; background:#f8f8f8;}
.check_list_wrap dl dt{font-size:19px; margin-top:10px; color:#000; letter-spacing:-1px;}
.check_list_wrap dl dt strong {text-decoration:underline; color:#0e81a0;}


.check_list_wrap dl dd{font-size:12px; margin-top:0; color:#777; }
.check_list_wrap dl dd.call_num{font-size:27px; margin-top:10px; color:#222;  font-weight:bold;background:url(../images/common/check_list_phone.png) left 50% no-repeat; padding-left:60px;}
.check_list_wrap dl dd.call_num div{font-size:12px;; font-weight:normal; line-height:16px; color:#999;}



/*체크*/
.check_list_wrap2 {background:#fff; border:1px #d2d2d2 solid; margin-top:20px;}

.check_list_wrap2 .check_list_box {padding:0px 20px 20px;}
.check_list_wrap2 h5 {line-height:53px; padding:0 15px;  font-size:15px; color:#333; border-bottom:1px #d2d2d2 solid;; }

.check_list_wrap2 .help {font-size:11px; color:#888;}
.check_list_wrap2 .help li{line-height:17px; background: url(../images/common/footer_notice_dot.jpg) left 7px no-repeat; padding-left:10px;}
.check_list_wrap2 .help strong{color:#000;}

.check_list_wrap2 h6{margin-top:15px; }
.check_list_wrap2 .check_list_box_float {overflow:hidden;}
.check_list_wrap2 .check_list_box_float .col {min-height:180px; width:46%;}
.check_list_wrap2 .check_list_box_float .left{float:left; }
.check_list_wrap2 .check_list_box_float .right{float:right; }

.check_list_wrap2 table {clear:both; border-top:1px solid #ddd; border-left:1px #ddd solid; border-right:1px #ddd solid;width:100%; font-size:11px; border-spacing:0; table-layout:fixed; border-collapse:collapse;color:#888; margin-top:5px;}
.check_list_wrap2 table th {background:#f8f8f8;  padding:5px; border-bottom:1px #ddd solid; }
.check_list_wrap2 table td {  padding:5px;  letter-spacing:-0.5px; border-bottom:1px #ddd solid; text-align:center; line-height:16px;}
.check_list_wrap2 table .borderright {border-right:1px #ddd solid;}


#bo_v {position:relative;}

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


/*가이드박스*/
#guideGroup {padding:0 15px;}

#guideGroup .guide li{font-size:13px; padding-right:30px;; padding:8px 0px; padding-right:30px;;}
#guideGroup .guide li img {top:-2px;}
#guideGroup .guide li:after {top: 8px;    right:12px; }


#content {position:relative; min-height:auto; padding:15px; background:#fff; }
#content #this_title_text {font-size:24px; line-height:30px;  padding:10px 0px;   margin-bottom:30px; }
#content #this_title_text h3 { line-height:30px; }
#content #this_title_text span {display:block; font-size:13px; line-height:18px;}








/*템플릿 기본 정보*/
#solution_detail_header {position:relative; margin-bottom:20px; padding-bottom:20px;}
#solution_detail_header .solution_detail_header_wrap {padding:0px; border-radius:0px; border:0px;}
#solution_detail_header .solution_detail_header_wrap .photo {float:none; width:auto; border:1px #ddd solid; padding:20px;  border-radius:15px;}
#solution_detail_header .solution_detail_header_wrap .photo img{vertical-align:middle;}
#solution_detail_header .solution_detail_header_wrap .detail_info {margin-left:0px;padding-left:0px;   padding-top:30px;}
#solution_detail_header .solution_detail_header_wrap .detail_info h4{font-size:30px; line-height:30px; }
#solution_detail_header .solution_detail_header_wrap .detail_info h4 span {font-size:16px;}


#solution_detail_header .solution_detail_header_wrap .detail_info_box {padding:20px 0px;  }
#solution_detail_header .solution_detail_header_wrap .detail_info table { width:100%; font-size:13px;  }
#solution_detail_header .solution_detail_header_wrap .detail_info table th {padding:2px 10px 0px 0px; line-height:18px;  vertical-align:top;} 
#solution_detail_header .solution_detail_header_wrap .detail_info table td {padding:2px 0px; line-height:18px; vertical-align:top;}
#solution_detail_header .solution_detail_header_wrap .detail_info table td .won{ color:#000; font-size:14px;}
#solution_detail_header .solution_detail_header_wrap .detail_info table td .won_off{font-size:20px;}
#solution_detail_header .solution_detail_header_wrap .detail_info table td .won_arrow{position:absolute; left:10px; top:12px;}
#solution_detail_header .solution_detail_header_wrap .detail_info table .center {text-align:center;}
#solution_detail_header .solution_detail_header_wrap .detail_info table .left {text-align:left;}
#solution_detail_header .solution_detail_header_wrap .detail_info table td.bg {background:#f9f9f9; font-weight:bold;}
#solution_detail_header .solution_detail_header_wrap .detail_info table .info_text {display:inline; margin-left:5px;}
#solution_detail_header .solution_detail_header_wrap .detail_info table .info_text_etc {display:block; margin-left:0px; font-size:11px;}
#solution_detail_header .solution_detail_header_wrap .detail_info table .admin_con span {display:inline-block;margin-bottom:5px;}
#solution_detail_header .solution_detail_header_wrap .detail_info table .m_80 {width:80px;}



#solution_detail_header .solution_detail_header_wrap .show {border-top:1px #ddd solid; padding-top:30px;}
#solution_detail_header .solution_detail_header_wrap .show a {font-size:12px;}
#solution_detail_header .solution_detail_header_wrap .show a.print {display:none;}

#solution_detail_header .solution_detail_header_wrap .payment {border-spacing:3px;}



/*템플릿 기본 정보*/
#solution_customizing_wrap { margin-top:0px; background:#fff; padding:30px 15px;}
#solution_customizing_wrap h3 {font-size:25px; font-weight:bold; color:#000; line-height:25px; letter-spacing:-1px;}
#solution_customizing_wrap h3  span{display:block; font-weight:normal; margin-top:3px; font-size:16px; color:#666; line-height:18px;}

#solution_customizing_wrap .customizing_box {padding:0px; border:0px #ddd solid !important;  ; margin-top:0px;}
#solution_customizing_wrap .customizing_box img {max-width:100%; width:100%; vertical-align:top;  }



/*템플릿 기본 정보*/
#solution_price_wrap {background:#fff; border:1px #d2d2d2 solid; margin-top:50px;}
#solution_price_wrap h5 {line-height:53px; padding:0 15px;  font-size:15px; color:#333; border-bottom:1px #d2d2d2 solid;; }
#solution_price_wrap .price_box {padding:0px 20px 20px;}
#solution_price_wrap .price_box img {max-width:100%; vertical-align:top;}



/*제작문의*/
#free_web_inquiry_box { position:fixed; width:90%; left:5%; top:15%;   border-radius:15px;}
#free_web_inquiry_box h4.title {background:#404040; color:#fff; padding:15px; border-radius:15px 15px 0px 0px ;}
#free_web_inquiry_box h4.title a.close{float:right; color:#fff;}
#free_web_inquiry_box .free_web_inquiry_box_wrap {padding:15px;  background:#fff; border-radius:0px 0px 15px 15px;;}
#free_web_inquiry_box .free_web_inquiry_box_wrap  input[type="text"]{width:80%; line-height:33px; height:33px; background:#fff;}
#free_web_inquiry_box .free_web_inquiry_box_wrap  textarea {height:80px;}



.check_list_wrap2 {border:0px; border-top:1px #d2d2d2 solid; border-bottom:1px #d2d2d2 solid;}



table.cStyle_etc_price {border-top:2px solid #666; width:100%; font-size:11px}
table.cStyle_etc_price th {padding:5px;;}
table.cStyle_etc_price td { padding:5px; background:#fff;}





}