@charset "euc-kr";

/*À¥ÆùÆ®*/
/*
@font-face {
    font-family: 'NanumMyeongjoBold';
    src: url('/webfont/NanumMyeongjoBold.eot'); 
    src: url('/webfont/NanumMyeongjoBold.eot?iefix') format('eot'),
         url('/webfont/NanumMyeongjoBold.woff') format('woff'), 
         url('/webfont/NanumMyeongjoBold.ttf')  format('truetype') 
}
*/
@font-face {
    font-family: 'NanumGothicBold';
    src: url('/webfont/NanumGothicBold.eot'); 
    src: url('/webfont/NanumGothicBold.eot?iefix') format('eot'), 
         url('/webfont/NanumGothicBold.woff') format('woff'),
         url('/webfont/NanumGothicBold.ttf')  format('truetype')
}


@font-face {
    font-family: 'NanumGothic';
    src: url('/webfont/NanumGothic.eot'); 
    src: url('/webfont/NanumGothic.eot?iefix') format('eot'), 
         url('/webfont/NanumGothic.woff') format('woff'),
         url('/webfont/NanumGothic.ttf')  format('truetype')
}

@font-face {
    font-family: 'NotoSans-Regular';
    src: url('/webfont/NotoSans-Regular.eot');
    src: url('/webfont/NotoSans-Regular.eot?iefix') format('eot'),
         url('/webfont/NotoSans-Regular.woff') format('woff')
}

html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;font-family:'SUIT', '¸¼Àº °íµñ', 'Malgun Gothic', sans-serif;color:#333}
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;}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-family:'SUIT', '¸¼Àº °íµñ', 'Malgun Gothic', sans-serif;/*font-size:1em*/}
button {cursor:pointer}
textarea, select {font-family:'SUIT', '¸¼Àº °íµñ', 'Malgun Gothic', sans-serif;font-size:1em;}
select {margin:0;}
p {margin:0;padding:0;word-break:break-all}

table{border:0px;margin:0px;border-collapse:collapse;}
td{padding:0;margin:0;}
ol, ul, li, dd, dl{margin:0;padding:0;list-style:none;}
blockquote{border:none;}
legend{display:none;padding:0;margin:0;}
a{color:#333;text-decoration:none;}
a:hover{color:#0077e0;}
caption{width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;}

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

.cb{clear:both;}
.fl{float:left !important;}
.fr{float:right !important;}
.vt{vertical-align:top;}
.pointer{cursor:pointer;}
.bold{font-weight:bold;}
.center{text-align:center;}
.ovfh{overflow:hidden;}
.noscript{width:100%;margin:0 0 0 0px;overflow:hidden;text-align:right;}
.clear{display:block;float:none;clear:both;height:0px;width:0px;font-size:0 !important;line-height:0 !important;overflow:hidden;margin:0 !important;padding:0 !important;}
.img_fix{width:100%;height:auto;}

/* ¸¶Áø&Æеù °ü·Ã */
.mgt0{margin-top:0px !important;}
.mgt3{margin-top:3px !important;}
.mgt5{margin-top:5px !important;}
.mgt6{margin-top:6px !important;}
.mgt8{margin-top:8px !important;}
.mgt10{margin-top:10px;}
.mgt12{margin-top:12px;}
.mgt15{margin-top:15px !important;}
.mgt20{margin-top:20px !important;}
.mgt26{margin-top:26px !important;}
.mgt36{margin-top:36px !important;}
.mgt37{margin-top:37px !important;}
.mgt60{margin-top:26px !important;}

.mgl5{margin-left:5px !important;}
.mgl10{margin-left:10px;}
.mgl14{margin-left:14px;}
.mgl16{margin-left:16px;}
.mgl20{margin-left:20px !important;}
.mgl23{margin-left:23px;}
.mgl30{margin-left:30px;}
.mgl34{margin-left:34px;}
.mgl47{margin-left:47px;}
.mgl60{margin-left:60px;}

.mgb0{margin-bottom:0px !important;}
.mgb5{margin-bottom:5px !important;}
.mgb10{margin-bottom:10px !important;}
.mgb13{margin-bottom:13px !important;}
.mgb26{margin-bottom:26px !important;}

.mgr15{margin-right:15px;}
.mgr20{margin-right:20px;}
.mgr27{margin-right:27px;}
.mgr61{margin-right:61px;}

.pdl10{padding-left:10px;}
.pdl50{padding-left:50px;}

.pdt10{padding-top:10px;}
.pdt30{padding-top:30px;}
.pdt60{padding-top:60px;}


/* º» »çÀÌÆ® Àü¿ë */
body {width:100%;min-width:320px}

/* Æ˾÷·¹À̾î */
.hd_pops {z-index:9999; position:absolute; border:1px solid #e9e9e9; background:#fff}
.hd_pops_con {}
.hd_pops_con img {width:100%;height:auto}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff; cursor:pointer;}

#wrap{width:100%;min-width:1100px;overflow:hidden;}
#wrap img{display:block;}

/* Çì´õ */
#header {position:absolute;left:0;top:0;z-index:500;width:100%;background:#fff;background-color:rgba(50,56,71,0.98)}
#header:after {display:block;clear:both;content:""}

.gnb_hd {position:absolute;right:15px;top:30px;}
.gnb_hd li {float:left;margin-left:13px;}
.gnb_hd li:first-child {margin-left:0}
.gnb_hd li a {font-size:1.167em;color:#ccc}
.gnb_hd li img{width:22px;height:22px;}

.container_hd .hd_logo {margin:0 auto;text-align:center;width:145px;padding:15px 10px}
.container_hd .btn_menu {position:absolute;left:10px;top:20px;z-index:50;width:40px;height:auto;padding:5px;cursor:pointer}


/* ¸ÞÀÎ ºñÁÖ¾ó */
.wrap_main {overflow:hidden;width:100%;height:auto;}
.wrap_main #container_vis {overflow:hidden;position:relative;width:100%;height:350px}
.wrap_main #container_vis .bg_vis li {display:none;position:absolute;left:0;top:0;width:100%;height:350px}
.wrap_main #container_vis .txt_vis {position:relative;z-index:60}
.wrap_main #container_vis .txt_vis > div {position:absolute;width:80%;max-width:400px}
.wrap_main #container_vis .txt_vis .vis_main1_txt1 {left:20px;top:140px}
.wrap_main #container_vis .txt_vis .vis_main1_txt2 {left:20px;top:215px}
.wrap_main #container_vis .txt_vis .vis_main2_txt1 {left:50%;top:115px;margin-left:-40%}
.wrap_main #container_vis .txt_vis .vis_main2_txt2 {left:50%;top:205px;margin-left:-40%}

.wrap_main #container_vis .vis_dot {position:absolute;right:15px;top:218px;z-index:70;}
.wrap_main #container_vis .vis_dot li {width:12px;height:12px;margin:10px 0;border-radius:50%;background-color:rgba(255,255,255,0.8);cursor:pointer}
.wrap_main #container_vis .vis_dot li.selected {background-color:#ffa809}

/* ¸ÞÀÎ ÄÜÅÙÃ÷ */
.container_ctt {overflow:hidden;position:relative}
.w1250 {max-width:1280px;margin:0 auto;padding:0 15px}
h2.title{font-size:2.2em;text-align:center;padding:7% 0 3%;font-weight:700;}
h2.title span {}

.con01{overflow:hidden;margin:6% 0;/* padding:0 3%; */}
.ban_tit{font-size:1.667em;color:#232323;margin-bottom:3.5%;font-weight:500;}
.state{border:1px solid #e0e0e0;position:relative;overflow:hidden}
.state:after {display:block;clear:both;content:""}

.make{background:#f6f6f6;padding:26px 5.5%;position:relative}
.more_btn{position:absolute;right:0;top:-1px;}
.more_btn a{padding:19px 20px;background:#d4d4d4;display:block;}
.make li{border-bottom:1px dashed #cacaca;padding:12px 0 12px 40px;font-size:1.333em;color:#555;background-size:25px !important;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.make li:last-child{border-bottom:none;}
.make li span{display:block;color:#ff8400;}
.make li.plan{background:url(../images/think.svg) left center no-repeat;}
.make li.new{background:url(../images/new.svg) left center no-repeat;}
.make li.work{background:url(../images/work.svg) left center no-repeat;}
.make li.inspect{background:url(../images/inspect.svg) left center no-repeat;}

.repair{padding:26px 5.5%}
.repair .more_btn {right:-1px}
.repair .more_btn a{background:#ffa809;}
.repair li{border-bottom:1px dashed #cacaca;padding:15px 0 15px;font-size:1.333em;color:#555;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.repair li:last-child{border-bottom:none;}
.repair li span {display:inline-block;min-width:82px;margin-right:15px;padding:7px 5px;border-radius:60px;text-align:center}
.repair li.receipt span{color:#fff;background:#ffa809}
.repair li.complete span{color:#fff;background:#b2b2b2}

.cc{background:#31babe;padding:26px 6%}
.cc .ban_tit{color:#fff;}
.cc span.number{color:#fff;font-size:2.5em;font-weight:bold;margin:5% 0;display:block;}
.cc li{color:#fff;font-size:1.333em;line-height:1.6;padding-left:10px;position:relative;margin:7px 0;}
.cc li:after{content:'';width:3px;height:3px;position:absolute;left:0;top:11px;background-color:#fff;}

.con02{background:url(../images/busi_bg02.jpg) center top no-repeat;overflow:hidden;padding:5% 3%;background-size:cover}
.con02 .title_wrap{text-align:center;}
.con02 h2.title{color:#fff;position:relative;padding:20px 0;margin-bottom:20px}
.con02 h2.title span {color:#2eaaae}
.con02 h2.title:after{content:'';position:absolute;left:46%;bottom:0;width:38px;height:2px;background-color:rgba(255,255,255,0.7);}
.con02 .title_s{margin:0 0 20px;font-size:1.415em;color:#fff;line-height:1.8;word-break:keep-all;}
.con02 ul{overflow:hidden}
.con02 li{float:left;width:50%;margin:10px 0;}
.con02 li figure{text-align:center;margin:0;}
.con02 li figcaption{font-size:1.45em;color:#fff;margin-top:12px;}
.con02 li:hover figcaption{color:#ffa809}

.con03{background:#f7f7f7;overflow:hidden;position:relative;}
.ptf_tab_wrap{text-align:center;}
.ptf_tab{overflow:hidden;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 20px;}
.ptf_tab li{/* padding-bottom:16px; */text-align:center;padding:8px 20px 10px 20px;border:1px solid #ccc;border-radius:60px;min-width:190px; transition:all ease-in 0.3s;}
.ptf_tab li a{font-size:1.333em;color:#797979;padding:2px 0 2px 33px;display:block;}
.ptf_tab li:hover a{font-weight:500;}
.ptf_tab li:nth-of-type(1) a{background:url(../images/busi_sec01.svg) left center no-repeat;}
.ptf_tab li:nth-of-type(2) a{background:url(../images/busi_sec03.svg) left center no-repeat;}
.ptf_tab li:nth-of-type(3) a{background:url(../images/busi_sec02.svg) left center no-repeat;}
.ptf_tab li:nth-of-type(1):hover a, .ptf_tab li.selected:nth-of-type(1) a{background:url(../images/busi_sec01_o.svg) left center no-repeat;}
.ptf_tab li:nth-of-type(2):hover a, .ptf_tab li.selected:nth-of-type(2) a{background:url(../images/busi_sec03_o.svg) left center no-repeat;}
.ptf_tab li:nth-of-type(3):hover a, .ptf_tab li.selected:nth-of-type(3) a{background:url(../images/busi_sec02_o.svg) left center no-repeat;}
.ptf_tab li.selected{border:1px solid #ffa809;}
.ptf_tab li.selected a{font-weight:500;}
.ptf_tab li:hover, .ptf_tab li.selected{background:#ffa809;border-radius:60px;}
.ptf_tab li:hover a, .ptf_tab li.selected a{color:#fff;}

.ptf_wrap {position:relative;height:686px;margin:3% 0 8%}
.ptf {position:absolute;left:0;top:0;width:100%;height:100%;opacity:0}
.ptf.ptf_sel {z-index:10;opacity:1}
.ptf li {position:relative;width:295px;margin:16px 0;background-color:#000}
.ptf li a, .ptf li a:hover {color:#333}
.ptf li img {max-width:295px;height:auto;border:1px solid #dbdbdb}
.ptf li p {overflow:hidden;padding:10px 5px;font-size:1.333em;line-height:1.5;background:#f7f7f7;text-align:center;white-space:nowrap;text-overflow:ellipsis}
.ptf li div {display:flex;flex-wrap:wrap;align-content:center;position:absolute;left:0;top:0;width:100%;height:100%;padding-bottom:44px;text-align:center;visibility:hidden;}
.ptf li div span{display:block;width:100%;text-align:center;font-size:1.417em;color:#fff;line-height:1.7;}
.ptf li div span.tit {padding:5px;font-size:1.917em;line-height:1.3}
.ptf li div span.region{padding-bottom:15px;background:url(../images/ptf_bar.jpg) center bottom no-repeat;margin-bottom:15px;}
.ptf li:hover img{opacity:0.4;}
.ptf li:hover div{visibility:visible;}

.ptf .loc_btn {display:none;position:relative}
.ptf .loc_btn button {position:absolute;top:193px;z-index:50;width:53px;height:103px;border:0;cursor:pointer}
.ptf .loc_btn .left_btn {left:-120px;background:url(../images/left_btn.png) left center no-repeat}
.ptf .loc_btn .right_btn {right:-120px;background:url(../images/right_btn.png) left center no-repeat}

.ptf_btn{text-align:center;margin:4% 0 0;}
.ptf_btn a{background:#ffa809;color:#fff;background:#3facaf url(../images/more.png) right 27px center no-repeat;padding:15px 60px 15px 30px;font-size:1.5em;display:inline-block;}

.con04{overflow:hidden;background-color:#2d303a;background-image:url(../images/why_bg.jpg), url(../images/why_bg_02.jpg);background-position:left -60px top -100px, left bottom; background-repeat:no-repeat, repeat-y;background-size:104%}
.con04 h2.title{color:#fff;background:url(../images/cheack_icon.png) left center no-repeat;padding-left:50px;text-align:left;line-height:1;margin:5% 0 0%;background-size:50px auto;}
.con04 h2.title span{color:#fff}
.why{float:right;width:45%}
.why li{color:#fff;font-size:1.333em;line-height:1.6;margin:6% 0;line-height:1.6;word-break:keep-all;}
.why li p{color:#ffa809;font-size:1.333em;background:url(../images/arrow.png) left center no-repeat;padding-left:12px;margin-bottom:5px;font-weight:500;}

.con05{background:#e8e8e8 url(../images/contact_bg02.jpg) center top no-repeat;overflow:hidden;padding: 0 0 5%;background-size:cover;}
.con05 h2.title span{color:#fff}
.cont_txt{width:35%;float:left;}
.cont_txt p.cont_t{font-size:1.667em;color:#fff;margin-bottom:4%;line-height:1.3;}
.cont_txt p{font-size:1.3em;color:#444;line-height:1.6;word-break:keep-all;}
.cont_txt .tel {margin-top:4%;margin-bottom:4%}
.cont_txt .tel li{font-size:1.333em;color:#fff;}
.cont_txt .tel li strong{color:#fff}
.cont_btn{}
.cont_btn a{font-size:1.333em;color:#2eaaae;padding:12px 30px 12px 47px;background:url(../images/loc_icon.svg) left 22px center no-repeat;display:inline-block;border:1px solid #2eaaae; transition:all ease-in 0.3s}
.cont_btn a:hover{background:#fff url(../images/loc_icon.svg) left 22px center no-repeat;border:1px solid #fff;font-weight:500;}
.cont_box{width:60%;float:right;}
.cont_box ul{overflow:hidden;}
.cont_box li{width:32%;float:left;margin:0% 2% 17px 0}
.cont_box li:nth-child(3n){margin-right:0;}
.cont_box li input, .cont_box li textarea, .cont_box li select{background:none;border:1px solid #8f8f8f;border-radius:5px;padding:11px 12px 11px 40px;font-size:1.333em;color:#797979;width:100%;display:block;}

.cont_box li label{background:none;border:1px solid #8f8f8f;border-radius:5px;padding:13px 12px 13px 40px;font-size:1.333em;color:#797979;width:100%;display:block; cursor:pointer;}
.cont_box li input[type="file"]{padding:0;border:none;font-size:1em;/* visibility:hidden */}
.cont_box li input[type="checkbox"]{display:inline-block;vertical-align:middle;width:16px;height:16px;border:1px solid #d4d4d4;margin-right:5px;}

.cont_box li .company{background:url(../images/q_company.svg) 14px center no-repeat;}
.cont_box li .name{background:url(../images/q_name.svg) 14px center no-repeat;}
.cont_box li .contact{background:url(../images/q_tel.svg) 14px center no-repeat;}
.cont_box li .email{background:url(../images/q_email.svg) 14px center no-repeat;}
.cont_box li .site{background:url(../images/q_site.svg) 14px center no-repeat;}
.cont_box li .budget{background-image:url(../images/q_budget.svg), url(../images/budget_arr.png);background-position: 14px center, right 14px center;background-repeat:no-repeat;-moz-appearance:none;-webkit-appearance:none;appearance:none;}
.cont_box li .budget::-ms-expand { display:none }
.cont_box li .file{background:url(../images/q_file.svg) 14px center no-repeat;}

.cont_box li.q_content{width:100%;}
.cont_box li.q_file{width:100%;}
.cont_box li.agree{width:100%;font-size:1.333em;color:#666;}
.cont_box li.agree a{color:#666;}

.cont_ban{width:100%;}
.cont_ban ul{display:flex;flex-wrap:wrap;justify-content:center;width:100%;gap:20px 30px}
.cont_ban li{width:150px;height:150px;border-radius:50%;border:2px solid #fff; transition:all ease-in 0.3s;backdrop-filter:blur(10px)}
.cont_ban li:hover{background:#3facaf;border:2px solid #3facaf}
.cont_ban li a{color:#fff;display:flex;justify-content:center;align-items:center;font-size:1.333em;padding-top:50px;position:relative;width:100%;height:100%;}
.cont_ban li:hover a:after{content:'';width:21px;height:13px;background:url(../images/arrow_icon.svg) center no-repeat;background-size:100% auto;position:absolute;left:auto;bottom:25px;}
.cont_ban li:first-child a{background:url(../images/contact_icon01.svg) center 32px no-repeat;background-size:50px auto}
.cont_ban li:last-child a{background:url(../images/contact_icon02.svg) center 32px no-repeat;background-size:50px auto;}

.cont_ban_wrap{margin-top:10px;overflow:hidden;}
/*
.cont_ban{width:100%;}
.cont_ban li{width:48%;margin:0 1%;float:left; box-shadow:5px 10px 10px rgba(0,0,0,0.15);position:relative;min-height:152px;}
.cont_ban li:first-child{background:url(../images/webmedia_ban.jpg) center no-repeat;}
.cont_ban li:last-child{background:url(../images/print_ban.jpg) center no-repeat;}
.cont_ban li a{display:inline-block;padding:30px 20px}
.cont_ban li a p{font-size:1.55em;color:#fff;line-height:1.6;word-break:keep-all;}
.cont_ban li a i{font-size:1.3em;color:#fff; font-style:normal;display:block;margin-bottom:12px;}
.cont_ban li a p strong{}
.cont_ban li a span{padding:19px 20px;background:rgba(255,255,255,0.3);display:inline-block;position:absolute;right:0;bottom:0;}
*/

.submit_btn{float:right;}
.submit_btn a{background:#2eaaae;color:#fff;padding:12px 35px;font-size:1.5em;}

.con06{overflow:hidden;margin:5% 0;}
.con06 .bank, .con06 .notice, .con06 .review{position:relative;margin-bottom:25px}
.con06 .bank li{font-size:1.333em;color:#444;position:relative;margin:5px 0;padding-left:12px;}
.con06 .bank li:after{content:'';width:3px;height:3px;background:#ffa809;position:absolute;left:0;top:11px;border-radius:50%;}
.con06 .bank li span{color:#666;}
.con06 .bank > span{color:#2eaaae;font-size:1.2em;margin-top:10px;display:block;}

.con06 .notice li{font-size:1.333em;color:#444;position:relative;margin:8px 0;padding-left:12px;overflow:hidden;}
.con06 .notice li:after{content:'';width:3px;height:3px;background:#ffa809;position:absolute;left:0;top:11px;border-radius:50%;}
.con06 .notice span.txt{float:left;overflow:hidden;width:70%;white-space:nowrap;text-overflow:ellipsis}
.con06 .notice span.txt a {color:#444}
.con06 .notice span.date{color:#696969;float:right;}

.con06 .review .rev_t{font-size:1.5em;color:#2eaaae;margin-bottom:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.con06 .review .rev_c{font-size:1.333em;color:#444;line-height:1.7;display:-webkit-box;overflow:hidden;height:5.1em;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}

.more_btn02{position:absolute;right:0;top:12px;}


/* ¼­ºê ºñÁÖ¾ó */
.wrap_sub {width:100%;height:auto}
.wrap_sub #container_vis {overflow:hidden;position:relative;width:100%;height:220px}
.wrap_sub #container_vis .bg_vis li {display:none;position:absolute;left:0;top:0;width:100%;height:100%;}
.wrap_sub #container_vis .txt_vis {position:relative;z-index:60}
.wrap_sub #container_vis .txt_vis .vis_txt1 {position:absolute;left:30px;top:170px;width:80%;max-width:455px}

/* ¼­ºê ÄÜÅÙÃ÷ */
.tab_menu{margin-bottom:5%;overflow:hidden;clear:both;}
.tab_menu ul{display:inline-block;margin:0 auto;width:100%;border-top:1px solid #d4d4d4;display:flex;flex-wrap:wrap;justify-content:center;}
.tab_menu li{background:#fff;float:left;border-bottom:1px solid #ddd;border-left:1px solid #ddd;display:table;}
.tab_menu li:last-child {border-right:1px solid #ddd}
.tab_menu a{display:block;font-size:1.333em;line-height:1.4;/* padding:17px 0px; */height:55px;text-align:center;color:#666;display:table-cell;vertical-align:middle;text-align:center;}
.tab_menu li:hover, .tab_menu li.selected{background:#ffa809;}
.tab_menu li:hover a, .tab_menu li.selected a{color:#fff;}

.tab_menu .sub01 li, .tab_menu .sub02 li, .tab_menu .sub03 li, .tab_menu .sub05 li {width:33.333%}
.tab_menu .sub04 li {width:50%}
.tab_menu .sub06 li {width:20%}

/*°ßÀûÀÇ·Ú ¹öÆ°*/
.dots_line{height:1px; background:url(../images/sub/dot_line.jpg) left top repeat-x;float:left; overflow:hidden;margin-top:52px;}
.quick_esti .qform li .quo_btn{width:175px; height:50px; background-color:#2eaaae;margin-top:25px; background-image:url(../images/sub/quo_btn_bg.jpg); background-repeat:no-repeat; background-position:20px 13px;border:0px;border-radius:0;color:#fff;font-size:1em;}

/* ³»¿ë ÆäÀÌÁö */
.wrap_sub h2.tit {margin:20px 0 0;font-weight:normal;font-size:2.5em;line-height:1.5;color:#444;text-align:center;padding-bottom:20px;word-break:keep-all;}
.page {width:100%;height:auto;min-height:300px;padding-bottom:50px}
.page h3.stit{font-size:1.667em;color:#333;background:url(../images/sub/stit_bullet.jpg) left 5px no-repeat;padding-left:12px;font-weight:600;margin:8% 0 20px;}
.page h4.stitle{font-size:1.5em;color:#444;background:url(../images/sub/sstit_bullet.png) left 10px no-repeat;padding-left:12px;font-weight:normal;margin:4% 0 10px;}
.page h4.sstit{font-size:1.5em;color:#333;background:url(../images/sub/sstit_bullet.jpg) left 5px no-repeat;padding-left:25px;font-weight:normal;margin:5% 0 15px;}

.txt_c{font-size:1.333em;color:#555;line-height:1.6;}
.img_fix{width:100%;}

.ing{text-align:center;}
.ing img{width:100%;max-width:394px;margin:4%;}
.ing p{font-size:1.333em;color:#555;line-height:1.6;word-break:keep-all;}
.ing p span{font-size:1.2em;color:#31bbbe; display:block;margin:0 0 10px 0;}

/*¹Ù·Ò³Ý ¼Ò°³*/
.gre{overflow:hidden;}
.gre_txt{float:left;width:100%;padding:5% 0% 5% 2%;background:url(../images/sub/line_bg.jpg) left bottom no-repeat;}
.gre_in{padding-right:5%;}
.gre_txt .gre_t{font-size:1.667em;color:#444;margin:10px 0 15px;word-break:keep-all;line-height:1.4;font-weight:500}
.gre_txt .gre_c{font-size:1.333em;color:#555;word-break:keep-all;line-height:1.6;}
.gre_name{text-align:right;font-size:1.3em;color:#555;margin-top:30px;}
.gre_name span{font-size:1.2em;color:#333;}

.tbl01{width:100%;border-spacing:0;border-collapse:separate;position:relative;font-size:1.333em;colro:#555;border-top:2px solid #353b4a;}
.tbl01 caption{position:absolute; text-indent:-999999em;}
.tbl01 th{color:#333;text-align:left;padding:15px 12px;border-bottom:1px solid #d4d4d4;background:#f8f8f8;font-weight:normal;}
.tbl01 td{padding:12px 8px;border-bottom:1px solid #d4d4d4;padding:15px 12px;color:#555}
.tbl01 strong{color:#31babe;font-weight:normal;}

.tbl02{width:100%;border-spacing:0;border-collapse:separate;position:relative;font-size:1.333em;colro:#555;border-top:2px solid #353b4a;}
.tbl02 caption{position:absolute; text-indent:-999999em;}
.tbl02 th{color:#333;text-align:left;padding:15px 12px;border-bottom:1px solid #d4d4d4;background:#f8f8f8;font-weight:normal;border-right:1px solid #d4d4d4;text-align:center;}
.tbl02 td{padding:12px 8px;border-bottom:1px solid #d4d4d4;padding:15px 12px;color:#555;line-height:1.6;}
.tbl02 strong{color:#31babe;font-weight:normal;}

.tbl02 .td_b{background:#2c80cc;color:#fff;text-align:center;}
.tbl02 .td_b02{background:#1d354d;color:#fff;text-align:center;}

.nbor_r{border-right:none !important;}

.ins_box{background:#f4f4f4;padding:3% 3%;text-align:center;}
.ins_box p{font-size:1.415em;color:#555;line-height:1.6;margin-top:2%;}
.ins{overflow:hidden;;padding-top:7%;margin-top:4%;background:url(../images/sub/ins_arrow.jpg) center top no-repeat;}
.ins li img{width:100%;max-width:224px;}
.ins li{float:left;width:100%;text-align:center;margin-bottom:5%}
.ins li figure{margin:0;}
.ins li figcaption{font-weight:500;font-size:1.415em;color:#555;margin-top:3%;}
.ins li.ins_dot{background:url(../images/sub/ins_dot.jpg) center center no-repeat;}

.tabs_type_a{margin-bottom:40px;overflow:hidden;clear:both;text-align:center;margin:0 0 7%}
.tabs_type_a ul{display:inline-block;*margin:0 auto;*width:100%;text-align:center;}
.tabs_type_a li{background:#ebebeb;float:left;}
.tabs_type_a a{display:block;font-size:1.4em;padding:12px 25px;text-align:center;color:#555;}
.tabs_type_a li:hover,.tabs_type_a li.selected{background:#31babe}
.tabs_type_a li:hover a,.tabs_type_a li.selected a{color:#fff;}
/*
.tabs_type_a li:first-child{border-radius:60px 0 0 60px;}
.tabs_type_a li:last-child{border-radius:0 60px 60px 0; }
*/

.history{overflow:hidden;}
.history .year_wrap:nth-child(2n){float:right;}
.year_wrap{width:100%;margin-bottom:5%}
.year{font-size:2.2em;color:#31babe;padding:1.5% 0 1% 15px;border-top:2px solid #31babe;border-bottom:1px solid #ccc;font-weight:bold;letter-spacing:-1px;}
.year_wrap ul{padding:15px 3%;}
.year_wrap li{font-size:1.333em;color:#555;line-height:1.6;margin:6px 0;padding-left:10px;position:relative;word-break:keep-all;}
.year_wrap li:after{content:'';width:4px;height:4px;position:absolute;left:0;top:11px;background:#ffa809;border-radius:50%}

.adv_bg{padding-bottom:3%;padding-top:3%;}
.txt_t{font-size:1.833em;color:#333;line-height:1.5;word-break:keep-all;}
.txt_s{font-size:1.333em;color:#555;line-height:1.6;width:375px;word-break:keep-all;margin-top:3%;}

h3.bar_tit{font-size:2.2em;color:#bbb;position:relative;padding-top:15px;margin-top:5%;*margin-bottom:3%;}
h3.bar_tit:before{content:'';background:#ffa809;width:49px;height:5px;position:absolute;top:5px;left:0;}

.wb_wrap{overflow:hidden;}
.wb_wrap .wb{float:left;margin-bottom:7%;}
.wb_wrap .wb dt{height:70px;text-align:center;color:#fff;font-size:1.5em;line-height:70px;background:#2eaaae;}
.wb_wrap .wb dd{font-size:1.333em;color:#555;margin:0;margin-top:20px;line-height:1.6;word-break:keep-all;}
/*
.wb_wrap .wb:nth-child(1) dt{background:url(../images/sub/point01.jpg) left center no-repeat;background-size:100% auto;}
.wb_wrap .wb:nth-child(2) dt{background:url(../images/sub/point02.jpg) left center no-repeat;background-size:100% auto;}
.wb_wrap .wb:nth-child(3) dt{background:url(../images/sub/point03.jpg) left center no-repeat;background-size:100% auto;}
.wb_wrap .wb:nth-child(4) dt{background:url(../images/sub/point04.jpg) left center no-repeat;background-size:100% auto;}
.wb_wrap .wb:nth-child(5) dt{background:url(../images/sub/point05.jpg) left center no-repeat;background-size:100% auto;}
.wb_wrap .wb:nth-child(6) dt{background:url(../images/sub/point06.jpg) left center no-repeat;background-size:100% auto;}
.wb_wrap .wb:nth-child(7) dt{background:url(../images/sub/point07.jpg) left center no-repeat;background-size:100% auto;}
.wb_wrap .wb:nth-child(8) dt{background:url(../images/sub/point08.jpg) left center no-repeat;background-size:100% auto;}
.wb_wrap .wb:nth-child(9) dt{background:url(../images/sub/point09.jpg) left center no-repeat;background-size:100% auto;}
.wb_wrap .wb:nth-child(10) dt{background:url(../images/sub/point10.jpg) left center no-repeat;background-size:100% auto;}
*/

.certi{overflow:hidden;}
.certi li{float:left;width:100%;text-align:center;margin-bottom:5%;}
.certi li figure{margin:0;}
.certi li figcaption{font-size:1.333em;color:#555;line-height:1.6;margin-top:15px;}
.certi li img{background:url(../images/sub/certif_bg.jpg) 66px 232px no-repeat;padding:0 65px;}

.partner{width:100%;overflow:hidden;padding-bottom:4.5%;border-bottom:1px dashed #d4d4d4;}
.partner li{float:left;width:48%;margin:0 1% 2.2%;text-align:center;}
.partner li img {max-width:100%;height:auto}

.map{width:100%;height:385px;border:1px solid #d4d4d4;margin-bottom:3%;}
.add{overflow:hidden;}
.add li{width:100%;font-size:1.333em;color:#555;float:left;margin-bottom:5%;}
.add li span{font-size:1.1em;color:#31babe;display:block;padding-bottom:15px;position:relative;margin-bottom:15px;}
.add li span:after{content:'';width:22px;height:2px;background:#31babe;position:absolute;left:0;bottom:0;}

.org{text-align:center;}
.org img{width:100%;max-width:990px;}

/*À¥»ç¾÷ºÎ*/
.stit_t{text-align:center;position:relative;background:url(../images/sub/stit_t.jpg) center bottom no-repeat;padding-bottom:20px;margin-bottom:20px;font-size:1.667em;color:#333;}
/*.stit_t:after{content:'';background:#ffa809;width:49px;height:5px;position:absolute;top:5px;left:0;}*/
.txt_m{color:#555;font-size:1.5em;text-align:center;word-break:keep-all;line-height:1.5;margin-bottom:3%;}
.box_con{background:#f8f8f8;overflow:hidden;padding:3% 3%}
.box_con > div{float:left;}
.box_con p{font-size:1.333em;color:#555;line-height:1.8;margin-bottom:20px;word-break:keep-all;}

.speci_t{font-size:1.5em;color:#444;text-align:center;margin-bottom:3%;}
.speci_t span{font-size:1.5em;color:#bebebe;}
.speci_t strong{font-weight:normal;color:#30bcbb}

.s_benef{overflow:hidden;}
.s_benef li{float:left;font-size:1.35em;color:#555;width:45%;height:200px;line-height:1.4;width:100%}
.s_benef li strong{font-weight:normal;color:#31bbbe;}
.s_benef li span{font-size:0.85em;color:#797979;}
.s_benef .dc{background:url(../images/sub/benef_bg01.jpg) right center no-repeat;padding:2% 0 0 0;}
.s_benef .free{ background:url(../images/sub/benef_bg02.jpg) right center no-repeat;padding:2% 0 0 0;}
.s_benef li:nth-child(2){text-align:center;height:90px;padding:20px 0;}

.benef_con{background:#f6f6f6;overflow:hidden;padding:3% 0;margin-top:2%}
.benef_con ul {overflow:hidden;}
.benef_con li{float:left;width:50%;}
.benef_con li figure{margin:12px 5px;text-align:center}
.benef_con li figcaption{font-size:1.333em;color:#555;line-height:1.6;margin-top:12px;word-break:keep-all;}
.benef_con li figcaption span{color:#30bcbb;}

.proc{overflow:hidden;}
.proc li{float:left;width:100%}
.proc li .order{text-align:center;color:#fff;}
.proc li .order span{background:#ffa809;width:62px;height:62px;border-radius:50%;font-size:2.2em;display:inline-block;line-height:62px;position:relative;top:31px;}
.proc li .proc_txt{text-align:center;font-size:1.333em;color:#555;line-height:1.6;border:1px solid #d4d4d4;padding:45px 8% 30px;word-break:keep-all;}
.proc li .proc_txt p{font-size:1.2em;padding-bottom:22px;margin-bottom:18px;background:url(../images/sub/proc_bar.jpg) center bottom no-repeat;word-break:keep-all;}

.bar_box{text-align:center;margin:4% 0;}
.bar_box p{font-size:1.5em;color:#555;line-height:1.6;background-image:url(../images/sub/bar01.jpg), url(../images/sub/bar02.jpg), url(../images/sub/bar01.jpg),url(../images/sub/bar01.jpg), url(../images/sub/bar02.jpg), url(../images/sub/bar01.jpg);background-repeat:no-repeat, repeat-y, no-repeat,no-repeat, repeat-y, no-repeat;background-position:left top, left top, left bottom, right top, right top, right bottom;word-break:keep-all;padding:0 4%;}
.bar_box p strong{font-weight:normal;color:#30bcbb;}
.w_program{text-align:center;margin:8% 0;}
.w_program img{width:100%;max-width:1059px;}
.website{overflow:hidden;}
.website ul{overflow:hidden;margin:0 -1%}
.website li{float:left;text-align:center;background:#f8f8f8;width:48%;padding:2.5% 0;margin:0 1% 2%;}
.website figure{margin:0;}
.website figure img {max-width:100%;height:auto}
.website figcaption{font-size:1.4em;color:#555;margin-top:10px;line-height:1.5}

.s_benef02{background:url(../images/sub/page0205_02.jpg?ver=2) center  top no-repeat;padding-top:155px;margin-bottom:5%;}
.s_benef02 p{font-size:1.35em;color:#555;text-align:center;line-height:1.4;}
.s_benef02 p strong{font-weight:normal;color:#31bbbe;}
.s_benef02 p.txt_box{color:#fff;text-align:center;background:url(../images/sub/arrow.png) center top no-repeat;padding-top:11px;margin-top:10px}
.s_benef02 p.txt_box span{background:#ffa809;padding:5px 10px;font-size:0.9em;display:inline-block;}

/*Àμâ»ç¾÷ºÎ*/
h5.sstit{text-align:center;background:url(../images/sub/line_bg.jpg) left center repeat-x}
h5.sstit span{background:#fff;padding:0 15px;color:#31bbbe;font-size:1.5em;font-weight:normal}
.ss_txt{text-align:center;font-size:1.333em;color:#555;line-height:1.5;margin:20px 0 6%;}

.print{overflow:hidden;}
.print li{float:left;width:48%;margin:0 1% 30px}
.print li img{width:100%;max-width:237px;}
.print li figure{text-align:center;margin:0;}
.print li figcaption{margin:10px 0 0;font-weight:500;font-size:1.333em}


/* Æ÷Æ®Æú¸®¿À °Ô½ÃÆÇ */
.common_section .page_title .slogan_0301{float:left;width:auto;}
.common_section .page_title .slogan_0301 h3{padding-top:10px;padding-bottom:0;}

.page .select_wrap{overflow:hidden;}
.page .button_wrap{float:left;}
.page .button_wrap li{float:left;width:177px;height:47px;}
.page .button_wrap li.button01{margin-right:4px;background:url(../images/sub/icon01.png) 25px 9px no-repeat #ffcc00;border:1px solid #ecbd00;}
.page .button_wrap li.button01 a{padding-left:55px;display:block;line-height:47px;font-size:16px;color:#333;}
.page .button_wrap li.button02{background:url(../images/sub/icon02.png) 25px 13px no-repeat #24c4c4;border:1px solid #19aeae;}
.page .button_wrap li.button02 a{padding-left:55px;display:block;line-height:47px;font-size:16px;color:white;}
.page .sub0301_selecter{overflow:hidden;float:right;margin:6px 0 6px 19px;padding-right:75px;position:relative;width:90%;max-width:400px;font-size:1.167em}
.page .sub0301_selecter .sub0301_select{float:left;width:120px;height:36px;margin-right:5px;border:1px solid #ddd;padding:5px 10px;color:#666;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(../images/sub/select_arrow.png) right 10px center no-repeat;}
/* IE10, IE11ÀÇ select box È­»ìÇ¥ ¼û±â±â */
.page .sub0301_selecter .sub0301_select::-ms-expand{display:none;}
.page .sub0301_selecter .sub0301_text{float:left;width:calc(100% - 125px);height:36px;border:1px solid #ddd;padding:10px;color:#666;}
.page .sub0301_selecter .sub0301_search{position:absolute;right:0;top:0;}

/* Æ÷Æ®Æú¸®¿À Ä«Å×°í¸® */
.portfolio_cate{width:100%;margin:35px 0 20px;overflow:hidden;}
.portfolio_cate .category1 {overflow:hidden;margin-bottom:10px}
.portfolio_cate .category1 ul {margin:0 -2px}
.portfolio_cate .category1 li {float:left;width:calc(25% - 4px);margin:2px 2px 6px;border:1px solid #ccc;text-align:center}
.portfolio_cate .category1 li a {display:block;height:45px;padding:12px 5px;font-size:1.25em;line-height:1.4;background:#ecedee;color:#767676}
/*.portfolio_cate .category1 li.selected, .portfolio_cate .category1 li:hover{width:206px;margin-bottom:0;padding-bottom:6px;background:url(../images/sub/sub0301_tab_ov.png) no-repeat center bottom;border:0;}*/
.portfolio_cate .category1 li.selected a, .portfolio_cate .category1 li:hover a {background:#007fd0;color:#fff}

.portfolio_cate .category2 {overflow:hidden}
.portfolio_cate .category2 ul {margin:0 -3px}
.portfolio_cate .category2 li {float:left; /* width:calc(33.33% - 6px); */ margin:0 3px 5px 3px; background-color:#f8f8f8; text-align:center;}
.portfolio_cate .category2 li.selected, .portfolio_cate .category2 li:hover{background:#8fccf0;}
.portfolio_cate .category2 li a{display:block; padding:5px; color:#777; border:1px solid #ccc; font-size:1.167em}
.portfolio_cate .category2 li.selected a, .portfolio_cate .category2 li:hover a{color:white}

@media screen and (min-width:768px) {
    .portfolio_cate .category2 li {width:calc(20% - 6px)}
}

@media screen and (min-width:1250px) {
    .portfolio_cate .category2 li {width:calc(11.11% - 6px)}
}

/* °ßÀûÀÇ·Ú */
.tbl_esti {*padding:50px;*background:#e7e7e7;}
.tbl_esti th {width:auto;height:auto;padding:0 20px 0 30px;background:url(../images/sub/page0401_bullet.gif) no-repeat left center;font-size:18px;color:#333;font-weight:normal;}
.tbl_esti td {padding:10px;}
.tbl_esti .frm_input {height:44px;width:100%;background:#fff;border:1px solid #ddd;border-radius:5px;padding:10px;font-size:0.824em}
.tbl_esti select {width:100%;height:44px;margin-bottom:5px;padding:10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(../images/sub/select_arrow.gif) no-repeat right center #fff;border:1px solid #ddd;border-radius:5px;font-size:0.824em}
.tbl_esti select::-ms-expand {display:none;}
.tbl_esti textarea {width:100%;height:150px;padding:10px;background:#fff;border:1px solid #ddd;font-size:0.824em;line-height:1.5em;border-radius:5px}
.tbl_esti .btn_radio input[type="radio"] {display:none;}
.tbl_esti .btn_radio label {display:inline-block;position:relative;padding-left:20px;font-size:1.167em;line-height:25px}
.tbl_esti .btn_radio label span {display:block;position:absolute;left:0;top:5px;width:15px;height:15px;border:1px solid #d4d4d4;background:#fff;}
.tbl_esti .no label {background:url(../images/sub/no.png) no-repeat center center #fff;}
.tbl_esti .yes label {background:url(../images/sub/yes.png) no-repeat center center #fff;}
.tbl_esti .btn_radio input[type="radio"]:checked + label span {background:url(../images/sub/select_radio.png) no-repeat center center #fff;background-size:cover}
.tbl_esti .btn_radio .txt {display:inline-block;padding-right:7px;font-size:18px;}
.tbl_esti #wr_content {font-size:0.824em !important}
.tbl_esti #variableFiles {width:50%;margin-left:10px;}
.tbl_esti #variableFiles td {padding:5px 0;}
.tbl_esti .txt_box{color:#5a5e61;font-size:0.9em;;line-height:1.6;background:#f7f7f7;padding:10px 25px;word-break:keep-all;*font-weight:bold;border-radius:5px;}
.box_privacy {padding:4% 0 0 0;border-top:1px solid #d4d4d4;}
.box_privacy h5 {margin:0 0 10px;font-size:1.4em;font-weight:normal;color:#333;}
.box_privacy textarea {font-size:1.083em}

.esti_bg{padding-bottom:5%;padding-top:15px;}
.esti li{font-size:1.4em;color:#555;float:left;width:100%;margin-bottom:2.5%;display:table;}
.esti li p{width:130px;display:table-cell;vertical-align:middle;}
.esti li strong{color:#ffa809}
.esti li td{border:none !important;}
.esti_btn{text-align:center;}

.quick_esti{}
.quick_esti .qform{}
.quick_esti .qform li{font-size:1.4em;color:#555;width:100%;margin-bottom:2.5%;display:table;}
.quick_esti .qform li span{width:130px;display:table-cell; vertical-align:middle;}
.quick_esti .qform li strong{color:#ffa809;}
.quick_esti .qform li input{height:44px;width:100%;background:#fff;border:1px solid #ddd;border-radius:5px;padding:10px;font-size:0.824em}
.quick_esti .qform li.esti_btn {display:block;max-width:495px}
    

/* ºü¸¥»ó´ã½Åû */
.page .request > div{float:left;}
.page .request{margin-bottom:130px;overflow:hidden;}
.page .request .qform{width:474px;height:275px;padding-top:35px;padding-left:40px;background-color:#e7e7e7;}
.page .request .qform li{margin-bottom:20px;padding-left:33px;background:url(../images/sub/page0401_bullet.gif) no-repeat left center;}
.page .request .qform li span{width:85px;padding-right:30px;display:inline-block;font-family:NanumGothic;font-size:18px;color:#333;vertical-align:middle;}
.page .request .qform li input{width:278px;height:34px;padding-left:10px;border:1px solid #ccc;font-size:14px;}
.page .request .qform .button{padding-right:35px;padding-left:0;background:none;text-align:center;}
.page .request .qform .button input.quo_btn{width:175px;height:50px;padding-bottom:2px;padding-left:25px;float:none;border:none;font-family:NanumGothic;font-size:16px;color:#fff;cursor:pointer;}

/* °Ô½ÃÆÇ Å×ÀÌºí °¡¿îµ¥ Á¤·Ä */
.page > table, .page > form > table{margin:0 auto;}

/* °Ô½ÃÆÇ */
.empty_table, .empty_list {padding:100px 0;font-size:1.25em;line-height:1.5;text-align:center}

.board_top {overflow:hidden;font-size:1.25em;line-height:1.4}
.board_top > div:nth-of-type(2) span {vertical-align:middle}

.board_list {margin:10px 0 0 !important;border-top:2px solid #353b4a}
.board_list th {height:40px !important;padding:17px 0;border-bottom:1px solid #ddd;font-size:1.333em !important;background:#fff !important;color:#333 !important}
.board_list th a {color:#333 !important}
.board_list td {height:60px;padding:10px 5px !important;font-size:1.333em !important}
.board_list .num {width:70px;text-align:center}
.board_list .numsmall {width:50px;text-align:center}
.board_list .checkbox {width:40px;text-align:center}
.board_list .name {width:90px;text-align:center}
.board_list .date {width:90px;text-align:center}
.board_list .datetime {width:120px;text-align:center}
.board_list .hit {width:100px;text-align:center}
.board_list .good {width:50px;text-align:center}
.board_list .nogood {width:50px;text-align:center}
.board_list .comment {font-size:1em !important}
.board_list .td_state {width:120px;text-align:center}
.board_list .area {width:120px;text-align:center}
.board_list .tel {width:150px;text-align:center}
.board_list .namebig {width:170px;text-align:center}

.board_button {overflow:hidden}

.board_page {margin:10px 0 !important;text-align:center}
.board_page a, .board_page b {display:inline-block;min-width:35px;height:35px;margin:2px 0;padding:0 5px;border-radius:50%;line-height:35px;vertical-align:middle}
.board_page a {font-size:1.083em;color:#555 !important}
.board_page a:hover, .board_page a:focus {background:#efefef;color:#333 !important}
.board_page a img {margin:11px 0 0}
.board_page b {background:#4d6185}
.board_page b span {font-size:1.083em !important;color:#fff !important;text-decoration:none !important}

#writeContents {font-size:1.25em !important;line-height:1.6 !important;color:#333 !important}


/* ǪÅÍ */
#footer {background:#222527;}
.ft_wrap{position:relative;background-image:url(../images/foot_logo.png);background-position:right 0px top 0; background-repeat:no-repeat;padding:20px 15px}
.ft_link{overflow:hidden;padding:0% 0 12px;}
.ft_link li{float:left;padding-right:12px;margin-right:12px;position:relative}
.ft_link li:after{content:'';width:1px;height:11px;background:#64686b;position:absolute;right:0;top:5px;}
.ft_link li:last-child:after{background:none;}
.ft_link li a{font-size:1.167em;color:#ebebeb;}
.ft_info {color:#979b9e;font-size:1.167em;line-height:1.5}
.ft_info span{color:#e7e7e7;}
.ft_info .copy {margin-top:10px;color:#8c8c8c}
.ft_info .copy a {color:#8c8c8c}
.ft_info .copy .barom {padding-left:18px;background:url(../images/barom_logo.png) left center no-repeat}

.ft_icon {overflow:hidden;margin-top:15px;}
.ft_icon li {float:left;margin-left:5px}


/* ¹Ìµð¾î Äõ¸® */
@media screen and (max-width:1249px) {
    /* ¸Þ´º */
    .container_menu {overflow:hidden;position:fixed;right:0;top:0;z-index:600;width:0;height:100%;background:rgba(0, 0, 0, 0.4)}
    #hd_menu {float:left;width:240px;height:100%;transition:transform 250ms ease 0s;transform:translate3d(-240px, 0px, 0px)}
    #hd_menu.open_menu {transform:translate3d(0px, 0px, 0px)}
    #hd_menu .main_menu {overflow:auto;width:100%;height:100%;background:#fff}
    #hd_menu .main_menu > li {border-bottom:1px solid #ddd}
    #hd_menu .main_menu > li > a {display:block;padding:12px 20px;font-weight:bold;font-size:1.333em;line-height:1.5;/* background:url(../images/sub/sub_bottom.png) 185px center no-repeat; */color:#555;cursor:pointer}
    #hd_menu .main_menu > li.on > a {background:#323948;color:#ffa809}
    #hd_menu .sub_menu {display:none;overflow:hidden;padding:10px 0;background:#f6f6f6}
    #hd_menu .sub_menu ul {}
    #hd_menu .sub_menu li {position:relative}
    #hd_menu .sub_menu li:before {position:absolute;left:30px;top:5px;font-size:1.167em;line-height:1.5;color:#555;content:"-"}
    #hd_menu .sub_menu li a {display:block;padding:5px 40px;font-size:1.167em;line-height:1.5;color:#333}
    #hd_menu .sub_menu li.on a {color:#31babe;text-decoration:underline}
}

@media screen and (max-width:1023px) {
    .gre_txt .gre_t br {display:none}
}

@media screen and (max-width:767px) {
    .hd_pops {left:0 !important}
    .wid100{width:100% !important;margin-bottom:4%;}
    .dpn{display:none;}
    .dpb{display:block !important;}
    
    .wrap_main .bg_vis li.vis01{background-position:62% center !important;}
    .wrap_main .bg_vis li.vis02, .wrap_main .bg_vis li.vis03{background-position:37% center !important;}
    
    .wrap_sub .bg_vis li.vis01{background-position:35% center !important;}
    .wrap_sub .bg_vis li.vis02, .wrap_sub .bg_vis li.vis03{background-position:65% center !important;}
    
    .con04{background-image: url(../images/why_bg_.jpg), url(../images/why_bg__.jpg), url(../images/why_bg_02.jpg);background-position: left -60px top -100px;background-repeat: repeat, no-repeat, repeat-y;background-size: auto, auto 100%, auto 100%;}
    .cont_box li{width:100%;}
    
    .tab_menu li:nth-of-type(3n) {border-right:1px solid #ddd}
}

@media screen and (min-width:768px) {
    .wid50{width:50%;margin-bottom:3%}

    /* ¸ÞÀÎ ºñÁÖ¾ó */
    .wrap_main #container_vis, .wrap_main #container_vis .bg_vis li {height:450px}

    /* ¸ÞÀÎ ÄÜÅÙÃ÷ */
    h2.title {font-size:3.5em}
    .ban_tit {font-size:2em}

    .make{float:left;width:50%}
    .repair{float:left;width:50%;}
    .con02 ul li{width:25%;}

    .con04{overflow:hidden;background-color:#2d303a;background-image:url(../images/why_bg__.jpg), url(../images/why_bg_02.jpg);background-position:left -60px top -100px, left -60px top -100px; background-repeat:no-repeat, repeat-y; background-attachment:fixed;}
    .cont_ban{width:54.2%;float:right;}
    .cont_ban li a p{width:200px;}

    .ft_wrap{position:relative;background-image:url(../images/foot_logo.png);background-position:right 0px top 365px; background-repeat:no-repeat; background-attachment:fixed;padding:2.5% 15px 3%}

    .cont_txt .tel li{color:#444;}
    .cont_txt .tel li strong{color:#2eaaae;font-size:1.333em;}
    .cont_ban_wrap{margin-top:70px;}

    /* ¼­ºê ºñÁÖ¾ó */
    .wrap_sub #container_vis .txt_vis .vis_txt1 {left:92px}
    .tab_menu .sub01 li{width:12.5%;}
    .tab_menu .sub02 li{width:11.11%;}
    
    /* ³»¿ë */
    .gre_txt{width:50%;padding:5% 2%;}
    .gre_in{border-right:1px solid #d4d4d4;height:250px;}
    .gre .gre_txt:nth-child(2n) .gre_in{border-right:none;}
    
    .ins{width:100%;max-width:960px;margin:4% auto 0;padding-top:5%;}
    .ins li {width:30.62%;max-width:300px}
    .ins li figcaption{margin-top:20px;}
    .ins li.ins_dot{max-width:30px;height:215px;}
    
    .year_wrap{width:46%;float:left;}
    
    .wb_wrap {margin:0 -1%}
    .wb_wrap .wb{float:left;width:31.33%;margin-left:1%;margin-right:1%;height:230px;}
    .wb_wrap .wb dt{width:100%;}
    
    .certi li{width:50%;margin:3% 0}
    
    .partner li {width:23%}
    
    .add li{width:33.333%}

    .benef_con li {width:33.33%}
    .benef_con li:nth-of-type(3n+1) {clear:both}
    .benef_con li figure {margin:12px 40px}
    .proc {margin:0 -1.5%}
    .proc li {float:left;width:47%;margin:0 1.5%}
    .proc li:nth-of-type(2n+1) {clear:both}
    .proc li .proc_txt {min-height:252px}

    .website li {width:31.33%}
    
    .esti li{width:45%;margin-right:1%;margin-right:0;}
    .esti li:nth-child(2), .esti li:nth-child(4), .esti li:nth-child(6), .esti li:nth-child(8){float:right;}
    .tbl_esti .txt_box {float:right;width:calc(100% - 130px)}
    
    .s_benef li{width:45%;}
    .s_benef li:nth-child(2){width:10%;}
    
    .tab_w02 li{width:19.8%;}
    
    .print li{width:33.333%;margin:0 0% 60px;}
}

@media screen and (min-width:1024px) {
    /* ¸ÞÀÎ ÄÜÅÙÃ÷ */
    h2.title {font-size:4.6em}

    .state {float:left;width:65.28%;height:287px}
    .make {width:53.6%;max-width:437px}
    .repair {width:46.4%;max-width:377px}
    .cc {float:right;width:31.68%;height:287px;padding:26px 3.6%}
    .cc span.number {white-space:nowrap}

    .con02 {padding:5% 0}
    .con02 .title_wrap {float:left;width:43%;max-width:441px;text-align:left}
    .con02 h2.title {line-height:1.2;text-align:left}
    .con02 h2.title:after {left:0}
    .con02 h2.title span {display:block}
    .con02 .title_s {line-height:1.9}
    .con02 ul {float:right;width:57%}

    .cont_ban li {width:243px;height:243px}
    .cont_ban li a {padding-top:85px;font-size:1.667em}
    .cont_ban li:hover a:after {left:auto;bottom:31px}
    .cont_ban li:first-child a{background-position:center 68px;background-size:auto;}
    .cont_ban li:last-child a{background-position:center 68px;background-size:auto;}

    .con06 .bank, .con06 .notice, .con06 .review{float:left;width:33.333%;border-right:1px solid #d4d4d4;padding:15px 4%;margin-bottom:0}
    .con06 .bank {padding-right:5px;border-left:1px solid #d4d4d4}
    .more_btn02{right:12%;top:26px;}

    /* ¼­ºê ÄÜÅÙÃ÷ */
    .gre_txt {width:33.333%}
    .gre .gre_txt:nth-child(2n) .gre_in {border-right:1px solid #d4d4d4}
    .gre .gre_txt:nth-child(3n) .gre_in {border-right:none !important}

    .wb_wrap .wb {width:23%;height:200px}

    .certi li {width:33.33%}
    .partner li {width:18%}

    .benef_con li {width:25%}
    .benef_con li:nth-of-type(3n+1) {clear:none}
    .benef_con li:nth-of-type(4n+1) {clear:both}
    .proc li .order span {font-weight:500}
    .proc li {width:30.3%}
    .proc li:nth-of-type(2n+1) {clear:none}
    .proc li:nth-of-type(3n+1) {clear:both}

    .website li {width:23%}

    /* ǪÅÍ */
    .ft_link li a, .ft_info {font-size:1.25em}
    .ft_icon {position:absolute;right:15px;top:67px}
}

@media screen and (min-width:1250px) {
    .menu_wrap{position:relative;margin:0 auto;width:100%;}

    /* Çì´õ */
    #header {height:121px}
    .gnb_hd {float:right;position:relative;right:0;top:0;margin:50px 5px 0 0}
    .container_hd {position:relative}
    .container_hd:after {display:block;clear:both;content:""}
    .container_hd .hd_logo {width:145px;margin-top:30px;padding:0;float:left;}

    .container_hd .btn_menu {display:none}
    .container_hd .menu_pc {overflow:visible;height:auto;visibility:visible;margin-left:45px;}

    #hd_menu {float:left;position:relative;z-index:510;margin-left:55px}
    #hd_menu .main_menu {}
    #hd_menu .main_menu:after {display:block;clear:both;content:""}
    #hd_menu .main_menu > li {float:left}
    #hd_menu .main_menu > li > a {display:block;padding:41px 47px 41px;font-size:1.65em;line-height:2;color:#fff}
    #hd_menu .main_menu > li.on > a, #hd_menu .main_menu > li > a:hover {color:#ffa809}
    #hd_menu .sub_menu {display:none;overflow:hidden}
    #hd_menu .main_menu > li.on .sub_menu, #hd_menu .main_menu > li:hover .sub_menu {background:#eee}
    #hd_menu .sub_menu ul {padding:25px 15px 30px}
    #hd_menu .sub_menu li {margin:7px 0;text-align:center}
    #hd_menu .sub_menu li.menu_0206 {padding-bottom:7px;border-bottom:1px solid #d4d4d4}
    #hd_menu .sub_menu li a {display:block;font-size:1.285em;line-height:1.6;color:#555}
    #hd_menu .sub_menu li.on a, #hd_menu .sub_menu li a:hover {color:#31babe}
    #header .hd_menu_bg {display:none;overflow:hidden;position:absolute;left:0;top:121px;z-index:500;width:100%;border-bottom:1px solid #ddd;background:rgba(255, 255, 255, 0.98)}


    /* ¸ÞÀÎ ºñÁÖ¾ó */
    #wrap_content {min-width:1250px;}
    .wrap_main #container_vis {min-width:1200px;min-height:771px}
    .wrap_main #container_vis .bg_vis li {height:771px}
    .wrap_main #container_vis .vis_dot {right:0;top:185px}
    .wrap_main #container_vis .dot_wrap{position:relative;width:1250px;margin:0 auto;height:771px;}

    /* ¸ÞÀÎ ÄÜÅÙÃ÷ */
    .con01{padding:0;}
    .cc span.number{margin:7% 0;}

    .con02{/* height:519px; */padding:65px 0;}
    .con02 ul li{width:19%;margin:30px 57px 30px 0;}
    .con02 ul li:nth-child(4n){margin-right:0;} 

    .ptf_tab{*width:943px;margin:0 auto;}
    .ptf_tab li{*margin:0 30px;float:left;}
    .ptf_tab li a{font-size:1.5em;}

    .con04 {height:781px;}
    .con04 h2.title{width:325px;background-size:auto auto;padding-left:130px;margin:9% 0 5%}
    .con05 {height:691px;padding:0}
    .cont_txt p.cont_t{font-size:3.2em;margin-bottom:5%}
    .cont_txt .tel{margin-bottom:9%}
    .cont_ban li{margin:0 0 0 30px;}	
    .cont_ban li a p{font-size:2.3em;color:#fff;line-height:1.4;width:100%;}

    .con06{margin:3% 0;}


    /* ¼­ºê ºñÁÖ¾ó */
    .wrap_sub #container_vis {height:365px}

    /* ¼­ºêÄÜÅÙÃ÷ */
    #container_location {display:block}
    .tab_menu{margin-bottom:40px;}
    .tab_menu a{font-size:1.415em;}
    
    .wrap_sub h2.tit {margin:60px 0 40px;font-size:3.5em}
    .page {min-height:400px;padding-bottom:100px}
    .page h3.stit{font-size:2.3em;margin:6% 0 20px;}
    .page h4.sstit{font-size:1.833em}
    
    .ing p span{font-size:1.6em;}
    
    .gre_txt .gre_t{margin:20px 0 20px;font-size:2em}

    .year{font-size:3.8em;font-weight:500}

    .txt_t{font-size:2.8em;font-weight:500;}
    h3.bar_tit{font-size:3em;font-weight:500;}
    .wb_wrap {margin:0 -16px}
    .wb_wrap .wb{width:224px;margin-left:16px;margin-right:16px/* margin-right:32px; */}
    .adv_bg{background:url(../images/sub/point_bg.jpg) right top no-repeat}
    .adv_bg, .esti_bg{background-size:auto;}

    .partner li {width:14.66%}
    
    .txt_m{width:550px;margin:0 auto 3%;font-size:1.8333em;}
    .stit_t{font-size:2.3em;font-weight:500;}
    
    .box_con, .speci_t{font-weight:500;}
    .box_con > div{width:48%;margin-right:3%;}
    .box_con > div:last-child{margin-right:0;}
    
    .s_benef li{font-size:1.5em;}
    .s_benef .dc{padding:2% 0 0 9%;}
    .s_benef .free{padding:2% 0 0 0;}
    .speci_t{font-size:1.833em}
    
    .bar_box p{font-size:1.667em;width:950px;margin:0 auto;padding:0 3%;}
    .website li {width:18%;margin-bottom:3%}
    
    .tab_w02 li{width:11%;}
    
    .s_benef02 p{font-size:1.5em}
    
    h5.sstit span{font-size:2em;font-weight:500;}
    .print li{width:25%;margin:0 0% 60px}
    
    .quick_esti .qform li input{width:365px;}

    /*°ßÀûÀÇ·Ú*/	
    .tbl_esti{width:1100px;}	
    .esti_bg{background:url(../images/sub/esti_bg.jpg) right 75px top  no-repeat;}	
    .quick_esti{background:url(../images/sub/quick_esti.jpg) right 75px top 70px no-repeat;}
    .esti_btn{width:1100px}


    /* ǪÅÍ */
    #footer {min-width:1250px}
    .ft_wrap{padding:2.5% 0% 3%;background-position:right 380px top 690px;}
    .ft_wrap{width:1250px;margin:0 auto;}
    .container_gnb .gnb_ft li a {font-size:1.25em}
    .container_gnb .gnb_ft li:first-child a {padding-left:0}
    .container_ft {margin-top:35px}
    .container_ft .ft_logo {float:left;padding:20px 0}
    .container_ft .ft_info {float:left;padding:0 0 50px 75px;font-size:1.167em}
    .container_ft .ft_icon {right:0;top:3px}
    .ft_icon {right:10px}
}

@media screen and (min-width:1570px) {
    .ptf .loc_btn {display:block}
}