@charset "euc-kr";
/*@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800|Nanum+Myeongjo:400,700,800');
@import url('https://fonts.googleapis.com/css?family=Gothic+A1:100,300,400,500,600,700,900&display=swap');*/

@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500|Open+Sans:300,400,600,700&display=swap');
@font-face {font-family:'ON-IGothic';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_eleven@1.0/ON-IGothic.woff') format('woff');font-weight:normal;font-style:normal;}

/*
font-family:'Gothic A1',sans-serif;

font-family:'Nanum Gothic',sans-serif;
font-family:'Nanum Myeongjo',serif;

font-family:'Roboto',sans-serif;
font-family:'Open Sans',sans-serif;
*/

html {width:100%;height:100%;overflow-y:scroll}
body {width:100%;height:100%;margin:0;padding:0;font-family: 'ON-IGothic', sans-serif;font-size:13px;color:#444;line-height:20px;word-break:keep-all;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family: 'ON-IGothic', sans-serif;font-size:13px;color:#444;line-height:20px;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;}
input, button {margin:0;padding:0;font-family: 'ON-IGothic', sans-serif;font-size:13px;color:#444;line-height:20px;}
input[type="submit"]{cursor:pointer}
button {cursor:pointer}

textarea, select {font-family: 'ON-IGothic', sans-serif;font-size:13px;color:#444;line-height:20px;}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#444;text-decoration:none}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input[type=text],input[type=password], textarea {}
input[type=text]:focus,input[type=password]:focus,  textarea:focus,select:focus {}

.placeholdersjs { color: #aaa !important; }

#container_wrap {display:block;position:relative;width:100%;min-width:340px;}
#container_wrap:after {display:block;visibility:hidden;clear:both;content:""}



#header_wrap {border-bottom:solid 1px #ddd;}
#tnb_wrap {height:40px;padding:0 10px;text-align:right;line-height:40px;background:#3d68ad;}
#logo_wrap {height:60px;text-align:center;line-height:60px;}



#body_wrap {width:100%;max-width:768px;margin:0 auto;}
#content_wrap {padding:40px 10px;}
#content_wrap h2 {display:block;margin:0 0 36px 0;padding:0 0 0 8px;color:#222;font-size:18px;font-weight:700;background:url(../images/bullet_h2.gif) no-repeat 0 4px;}
#content_wrap h3 {display:block;margin:0 0 36px 0;padding:0 0 18px 0;color:#444;font-size:16px;font-weight:700;border-bottom:solid 2px #222}



#footer_logo {padding:20px 0;text-align:center;}
#footer_logo img {display:inline-block;width:auto;height:28px;margin:0 8px;}

#footer_wrap {padding:30px 10px;color:#999;font-size:13px;text-align:center;border-top:solid 1px #ddd;}
#footer_wrap .logo {margin:0 0 24px 0}
#footer_wrap p {margin:0 0 24px 0}
#footer_wrap .copy {font-size:12px;}

a#tel_btn {display:block;position:fixed;right:10px;bottom:100px;width:40px;height:40px;overflow:hidden;line-height:999px;background:url(../images/icon_tel2.png) no-repeat 50% 50% #fff;border:solid 1px #999;border-radius:50%;z-index:99;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

button#top_btn {display:block;position:fixed;right:10px;bottom:50px;width:40px;height:40px;overflow:hidden;line-height:999px;background:url(../images/btn_top.gif) no-repeat 50% 50% #fff;border:solid 1px #999;border-radius:50%;z-index:99;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
button#top_btn:hover {background:url(../images/btn_top_on.gif) no-repeat 50% 50% #444;border:solid 1px #999}

#quick_wrap {position:fixed;width:100%;height:40px;overflow:hidden;left:0;bottom:0;background:#eee;z-index:999;
-webkit-transition: all 0.s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
#quick_wrap a.btn_quick {display:block;width:100%;height:40px;color:#fff;text-align:center;line-height:40px;background:#444;cursor:pointer;}
#quick_wrap ul {padding:10px;}
#quick_wrap ul li {display:block;margin:0 0 5px 0;}
#quick_wrap ul li:after {display:block;visibility:hidden;clear:both;content:""}
#quick_wrap ul li:last-child {margin:0;}
#quick_wrap ul li .frm_input_tel {display:block;float:left;width:33.3%;height:40px;margin:0;line-height:38px;text-indent:8px;background:#fff;border:solid 1px #ccc;}
#quick_wrap ul li .quick_submit {display:block;width:100%;height:40px;color:#fff;text-align:center;line-height:38px;background:#3d68ad;border:solid 1px #2e5494}


#snb {}
#snb ul {}
#snb ul:after {display:block;visibility:hidden;clear:both;content:""}
#snb ul li {display:block;float:left;width:50%;border-right:solid 1px #ddd;border-bottom:solid 1px #ddd}
#snb ul li.none {border-right:none;}
#snb ul li a {display:block;height:40px;color:#666;font-size:12px;text-align:center;line-height:38px;background:#f6f6f6;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
#snb ul li a:hover {color:#fff;background:#3d68ad}
#snb ul li a.on {color:#fff;background:#3d68ad}




#gozip_wrap {padding:20px 0;background:#2e5494}
#gozip_wrap h2 {display:block;margin:0 0 16px 0;color:#fff;font-size:16px;text-align:center;font-weight:400;}
#gozip_wrap h2 strong {color:#5bc0de;font-weight:400;}
#gozip_wrap p {font-size:13px;color:#fff;text-align:center;}
#gozip_wrap ul {margin:0 0 12px 0;}
#gozip_wrap ul:after {display:block;visibility:hidden;clear:both;content:""}
#gozip_wrap ul li {display:block;float:left;width:33.3%;color:#fff;text-align:center;line-height:16px;}
#gozip_wrap ul li .icon {width:50px;height:50px;margin:0 auto 6px auto;line-height:44px;text-align:center;border:solid 1px #fff;border-radius:50%;}
#gozip_wrap ul li .icon img {width:60%;max-width:60px;height:auto}

#customer_wrap {padding:10px 0;background:#eee;border-bottom:solid 1px #999}
.customer_in {width:320px;margin:0 auto;padding:0 0 0 40px;background:url(../images/icon_headset2.png) no-repeat left 50%;}
.customer_in p {margin:0 0 6px 0;font-size:12px;font-weight:700;}
.customer_in a.tel {display:inline-block;color:#f75665;font-size:24px;}
.customer_in a.mobile {display:inline-block;font-weight:700;}

#recent_top_wrap {}
#recent_top_wrap dl {}
#recent_top_wrap dl:after {display:block;visibility:hidden;clear:both;content:""}
#recent_top_wrap dl dt {display:block;position:relative;float:left;width:50%;padding:0 10px;color:#222;font-weight:700;line-height:40px;background:#f6f6f6;}
#recent_top_wrap dl dt a {display:block;position:absolute;right:0;top:0;width:40px;height:40px;overflow:hidden;line-height:999px;background:url(../images/btn_more.gif) no-repeat 50% 50%;}
#recent_top_wrap dl dd {display:block;float:left;width:50%;height:145px;padding:10px;border-bottom:solid 1px #ddd}

ul.recent_list {}
ul.recent_list li {display:block;position:relative;height:25px;line-height:25px;}
ul.recent_list li a {display:block;margin:0 60px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
ul.recent_list li .date {display:block;position:absolute;right:0;top:0;color:#999}
ul.recent_list li .ing {display:block;position:absolute;right:0;top:4px;width:50px;height:18px;color:#fff;font-size:11px;line-height:14px;text-align:center;background:#999;border:solid 1px #777}
ul.recent_list li .end {display:block;position:absolute;right:0;top:4px;width:50px;height:18px;color:#fff;font-size:11px;line-height:14px;text-align:center;background:#f00001;border:solid 1px #d20203}

#ticker {height:125px;overflow:hidden;}
#ticker li {display:block;position:relative;height:25px;line-height:25px;}
#ticker li .ing {display:block;position:absolute;right:0;top:4px;width:50px;height:18px;color:#fff;font-size:11px;line-height:14px;text-align:center;background:#999;border:solid 1px #777}
#ticker li .end {display:block;position:absolute;right:0;top:4px;width:50px;height:18px;color:#fff;font-size:11px;line-height:14px;text-align:center;background:#f00001;border:solid 1px #d20203}

#estimate_wrap {padding:20px 20px;background:#3d68ad}
#estimate_wrap h2 {display:block;margin:0 0 6px 0;color:#fff;font-size:18px;text-align:center;font-weight:600;line-height:24px;}
#estimate_wrap h2 strong {color:#5bc0de;font-weight:600;}
#estimate_wrap p {margin:0 0 6px 0;color:#fff;font-size:14px;text-align:center;line-height:22px;}

#estimate_wrap ul {padding:10px;}
#estimate_wrap ul li {display:block;margin:0 0 5px 0;}
#estimate_wrap ul li:after {display:block;visibility:hidden;clear:both;content:""}
#estimate_wrap ul li:last-child {margin:0;}
#estimate_wrap ul li .frm_input_tel {display:block;float:left;width:33.3%;height:40px;margin:0;line-height:38px;text-indent:8px;background:#fff;border:solid 1px #ccc;}
#estimate_wrap ul li .quick_submit {display:block;width:100%;height:40px;color:#fff;text-align:center;line-height:38px;background:#2e5494;border:solid 1px #22437c}

#estimate_wrap .tel {color:#fff;font-size:18px;line-height:30px;text-align:center;}
#estimate_wrap .tel strong {font-size:30px;color:#5bc0de;font-weight:400;}
#estimate_wrap .tel strong,
#estimate_wrap .tel img {vertical-align:bottom}

ul.estimate_form {margin:0 0 24px 0;}
ul.estimate_form li {display:block;margin:0 0 10px 0;color:#fff;text-align:center;line-height:40px;}
ul.estimate_form li .input {display:block;width:100%;height:40px;text-indent:10px;line-height:38px;background:#fff;border:solid 1px #ddd;}
ul.estimate_form li select {display:block;width:100%;height:40px;text-indent:10px;line-height:38px;background:#fff;border:solid 1px #ddd;}
ul.estimate_form li .btn {display:block;width:100%;height:50px;color:#fff;font-size:16px;text-align:center;line-height:48px;background:#2e5494;border:solid 1px #1d3e76;cursor:pointer}


#best_item_wrap {padding:40px 0;}
#best_item_wrap h3 {display:block;margin:0 0 4px 0;color:#222;font-size:18px;font-weight:700;text-align:center;}
#best_item_wrap h2 {display:block;margin:0 0 24px 0;font-family:'Roboto',sans-serif;color:#2e5494;font-size:30px;font-weight:500;text-align:center;}


#recent_wrap {margin:0 10px;border:solid 1px #ddd;}
#recent_wrap ul.tab {background:#f6f6f6;border-bottom:solid 1px #ddd;}
#recent_wrap ul.tab:after {display:block;visibility:hidden;clear:both;content:""}
#recent_wrap ul.tab li {display:block;float:left;width:25%;border-right:solid 1px #ddd;}
#recent_wrap ul.tab li:last-child {border-right:none}
#recent_wrap ul.tab li a {display:block;height:40px;color:#999;text-align:center;line-height:40px;}
#recent_wrap ul.tab li a.selected {color:#444;font-weight:700;}
#recent_wrap dl {padding:10px;}
#recent_wrap dl dd {display:block;position:relative;height:25px;line-height:25px;}
#recent_wrap dl dd a {display:block;margin:0 60px 0 0;padding:0 0 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:url(../images/bullet.png) no-repeat 0 50%;}
#recent_wrap dl dd .date {display:block;position:absolute;right:0;top:0;color:#999}



ul.product {}
ul.product li {display:block;margin:0 0 24px 0;padding:0 0 18px 0;border-bottom:solid 1px #eee}
ul.product li .img {position:relative;margin:0 0 12px 0;}
ul.product li .img img {width:100%;height:auto;}
ul.product li .img .title {display:block;position:absolute;width:100%;height:40px;padding:10px;left:0;bottom:0;color:#fff;font-size:16px;font-weight:700;background:rgba(0,0,0,0.6);}
ul.product li p {padding:10px;}

.intro_img {margin:0 0 24px 0;padding:80px 20px;color:#fff;font-size:18px;font-weight:400;line-height:30px;background:url(../images/intro.jpg) no-repeat 50% 50%;background-size:cover}
.intro {margin:0 0 36px 0;padding:0 5px;}

ul.intro_photo {margin:0 0 24px 0}
ul.intro_photo:after {display:block;visibility:hidden;clear:both;content:""}
ul.intro_photo li {margin:0 0 10px 0;}
ul.intro_photo li p {color:#222;font-weight:700;text-align:center;line-height:40px;}
ul.intro_photo li img {width:100%;height:auto;}

.factory {}
.factory img {width:100%;height:auto}

ul.media {}
ul.media li {margin:0 0 10px 0;}
ul.media li img {width:100%;height:auto}

.gozip {margin:0 0 36px 0;}
.gozip strong {display:block;margin:0 0 12px 70px;color:#222;font-size:16px;font-weight:700;line-height:60px;}
.gozip .icon {display:block;float:left;width:60px;height:60px;overflow:hidden;text-align:center;line-height:56px;background:#3d68ad;border-radius:50%;}
.gozip .icon img {width:40px;height:auto}

.smoke_con {margin:0 0 36px 0;}
.smoke_con strong {color:#222;font-weight:700}
.smoke_con .slogon {margin:0 0 24px 0;padding:80px 20px;color:#fff;font-size:22px;font-weight:700;line-height:30px;background:url(../images/coffeeshop.jpg) no-repeat 50% 50%;background-size:cover}
.smoke_con .slogon .tel {margin:18px 0 0 0;color:#ff9900;font-size:24px;font-weight:700;}

.chain_img {margin:0 0 24px 0;padding:80px 20px;color:#fff;font-size:16px;text-align:center;font-weight:700;background:url(../images/chain_img.jpg) no-repeat 50% 50%;background-size:cover;}
.chain_img strong {display:block;margin:12px 0 6px 0;font-family:'Roboto',sans-serif;color:#ff9900;font-size:30px;font-weight:500;}
.chain_img .url {font-family:'Roboto',sans-serif;font-size:12px;font-weight:300;}
.chain_img2 {display:block;margin:0 auto 12px auto;width:90%;max-width:360px;height:auto;}

.chain_p {margin:0 0 48px 0;}
.chain_p strong {color:#222;font-size:14px;font-weight:700;}

h4 {display:block;margin:0 0 12px 0;padding:0 0 12px 0;color:#222;font-size:16px;font-weight:700;border-bottom:solid 1px #444}

.process_online {margin:0 0 24px 0;padding:80px 20px;color:#fff;font-size:16px;text-align:center;line-height:24px;background:url(../images/chain_img.jpg) no-repeat 50% 50%;background-size:cover;}
.process_online .title {display:block;margin:0 0 6px 0;color:#fff;font-size:18px;font-weight:700;}
.process_online strong {color:#ff9900;font-size:24px;font-weight:400;}

.process_wrap {}
.process_wrap p {margin:0 0 8px 0;padding:12px 10px;color:#f00001;font-weight:700;background:#eee;}
.process_wrap img {width:100%;max-width:334px;height:auto;margin:0 0 24px 0;border:solid 1px #ccc;}




ul.list_type {margin:0 0 12px 0;border-top:solid 2px #444;}
ul.list_type li {display:block;position:relative;padding:12px 8px;/*background:url(../images/bullet.png) no-repeat 0 20px;*/border-bottom:solid 1px #ddd;}
ul.list_type li a {display:block;margin:0 0 8px 0;}
ul.list_type li dl {}
ul.list_type li dl:after {display:block;visibility:hidden;clear:both;content:""}
ul.list_type li dl dd {display:block;float:left;margin:0 6px 0 0;padding:0 6px 0 0;color:#999;font-size:12px;line-height:14px;border-right:solid 1px #ccc;}
ul.list_type li dl dd:last-child {margin:0;padding:0;border-right:none}
ul.list_type li dl dd strong {color:#444;font-weight:700;}
ul.list_type li dl dd .gubun {color:#222;font-weight:700;}
ul.list_type li dl dd .pyoung {color:#ff7700;font-weight:700;}
ul.list_type li .ing {display:block;position:absolute;right:10px;top:50%;width:50px;height:40px;margin:-20px 0 0 0;color:#fff;font-size:11px;line-height:38px;text-align:center;background:#999;border:solid 1px #777}
ul.list_type li .end {display:block;position:absolute;right:10px;top:50%;width:50px;height:40px;margin:-20px 0 0 0;color:#fff;font-size:11px;line-height:38px;text-align:center;background:#f00001;border:solid 1px #d20203}

.view_title {margin:0 0 6px 0;font-size:18px;font-weight:700;line-height:28px}

dl.view_info {margin:0 0 12px 0;padding:0 0 18px 0;border-bottom:solid 1px #444;}
dl.view_info:after {display:block;visibility:hidden;clear:both;content:""}
dl.view_info dd {display:block;float:left;margin:0 6px 0 0;padding:0 6px 0 0;color:#999;font-size:12px;line-height:14px;font-weight:400;border-right:solid 1px #ccc;}
dl.view_info dd:last-child {margin:0;padding:0;border-right:none}
dl.view_info dd strong {color:#444;font-weight:700;}

.view_slide {margin:0 0 24px 0;}

.view_estimate {}
.view_estimate ul {}
.view_estimate ul li {display:block;margin:0 0 12px 0;padding:0 0 12px 0;border-bottom:solid 1px #ddd;}
.view_estimate ul li label {display:block;color:#222;font-weight:700;line-height:30px;}
.view_estimate ul li strong {color:#f00001;font-weight:700;}

.view_btn {margin:0 0 36px 0;padding:0 0 24px 0;border-bottom:solid 1px #ddd;}
.view_btn ul {}
.view_btn ul:after {display:block;visibility:hidden;clear:both;content:""}
.view_btn ul li {display:block;float:left;width:32%;margin:0 2% 0 0;}
.view_btn ul li:last-child {margin:0;}
.view_btn ul li a {display:block;height:50px;color:#fff;line-height:48px;text-align:center;background:#3d68ad;border:solid 1px #2e5494}

.view_con {margin:0 0 24px 0;padding:0 10px 20px 10px;}

.view_img {text-align:center;}
.view_img img {width:100%;max-width:400px;height:auto}

.paging {text-align:center;}
.paging a {display:inline-block;width:29px;height:29px;margin:0 2px;color:#999;line-height:27px;text-align:center;border:solid 1px #ddd;cursor:pointer;}
.paging a strong {color:#444;font-weight:700}
.paging a.btn_next {background:url(../images/btn_paging.gif) 0 0 #f6f6f6}
.paging a.btn_prev {background:url(../images/btn_paging.gif) 0 -29px #f6f6f6}
.paging a,
.paging strong,
.paging img {vertical-align:top}

ul.form_type {margin:0 0 24px 0;}
ul.form_type li {display:block;margin:0 0 20px 0;}
ul.form_type li label {display:block;color:#222;font-weight:700;line-height:30px;}
ul.form_type li select {height:40px;line-height:40px;border:solid 1px #ddd;}
ul.form_type li textarea {width:100%;height:200px;padding:10px;border:solid 1px #ccc;}

ul.chk_list {}
ul.chk_list:after {display:block;visibility:hidden;clear:both;content:""}
ul.chk_list li {display:block;float:left;width:33.3%}
ul.chk_list li:last-child {width:100%;}

.estimate_title {margin:24px 0 12px 0;color:#222;font-weight:700;}

.estimate_img {margin:0 0 24px 0;padding:80px 20px;color:#fff;font-size:16px;text-align:center;font-weight:700;background:url(../images/estimate_img.jpg) no-repeat 50% 50%;background-size:cover;}
.estimate_img strong {display:block;margin:12px 0 6px 0;font-family:'Roboto',sans-serif;color:#ff9900;font-size:30px;font-weight:500;}

.search_form {margin:12px 0 0 0;text-align:center;}
.search_form select {height:40px;line-height:40px;border:solid 1px #ddd;}
.search_form .frm_input {display:inline-block;width:140px;}



/* 버튼 */
.btn_wrap {margin:24px 0 0 0;text-align:right;}
.btn_wrap:after {display:block;visibility:hidden;clear:both;content:""}
.btn_wrap input,
.btn_wrap button,
.btn_wrap a {vertical-align:top;}

.btn_confirm {text-align:center;}
.btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
.btn_confirm input,
.btn_confirm button,
.btn_confirm a {vertical-align:top;}

a.btn, .btn {display:inline-block;height:40px;padding:0 18px;color:#fff;line-height:38px;text-align:center;border:none;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

a.btn_cancel, .btn_cancel {color:#666;background:#f6f6f6;border:solid 1px #ccc;}
a.btn_cancel:hover, .btn_cancel:hover {color:#fff;background:#2e5494;}

a.btn_normal, .btn_normal {color:#666;background:#f6f6f6;border:solid 1px #ccc;}
a.btn_normal:hover, .btn_normal:hover {color:#fff;background:#2e5494;}

a.btn_act, .btn_act {background:#3d68ad}
a.btn_act:hover, .btn_act:hover {background:#2e5494}

a.btn_submit, .btn_submit {background:#3d68ad}
a.btn_submit:hover, .btn_submit:hover {background:#2e5494}

a.btn_admin, .btn_admin {display:inline-block;background:#d13f4a;color:#fff;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
.btn_admin:hover, a.btn_admin:hover {background:#2e5494}

a.btn_frmline, button.btn_frmline {background:#2e5494} /* 우편번호검색버튼 등 */


.frm_input {display:block;width:100%;height:40px;line-height:38px;text-indent:10px;border:solid 1px #ccc;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}