#sub_v_all{position:relative;width:100%;margin:0 auto;height:280px;background-size:cover;text-align:center;display:table;}
.sub_vs01{background:url('../image/sub/sub_v01.jpg') no-repeat center center;}
.sub_vs02{background:url('../image/sub/sub_v02.jpg') no-repeat center center;}
.sub_vs03{background:url('../image/sub/sub_v03.jpg') no-repeat center center;}
.sub_vs04{background:url('../image/sub/sub_v04.jpg') no-repeat center center;}
.sub_vs05{background:url('../image/sub/sub_v05.jpg') no-repeat center center;}
.sub_vs06{background:url('../image/sub/sub_v06.jpg') no-repeat center center;}

#sub_v_all > div{display:table-cell;vertical-align:middle;}
#sub_v_all > div > p.tit{margin-top:0;font-size:35px;color:#fff;font-weight:500;line-height:35px;margin-top:-50px;}
#sub_v_all > div > ul.txt{margin-top:20px;}
#sub_v_all > div > ul.txt > li{display:inline-block;font-size:14px;color:#fff;line-height:20px;background:url('../image/sub/nv_ic.png') no-repeat right center;padding-right:13px;margin-right:3px;}
#sub_v_all > div > ul.txt > li:last-child{background:none;padding-right:0;margin-right:0;}
#sub_v_all > div > ul.txt > li img{vertical-align:0;margin-right:3px;}

#left{width:230px;float:left;}
#left > h2{font-size:23px;line-height:23px;color:#454545;background:url('../image/sub/left_blt.png') no-repeat right 5px;padding-bottom:20px;}
#left ul{border-top:1px solid #f36910;background:#fbfbfb;}
#left ul li{border-bottom:1px solid #dfdfdf;height:54px;line-height:54px;}
#left ul li a{font-size:16px;color:#454545;font-weight:350;padding-left:20px;width:calc(100% - 20px);display:block;}
#left ul li.on a{color:#f36910;font-weight:450;background:url('../image/sub/left_blt1.png') no-repeat 200px center;}
#left ul li:hover a{color:#f36910;font-weight:450;background:url('../image/sub/left_blt1.png') no-repeat 200px center;}

.cont-area{float:right;width:890px;}
.cont-area h2{font-size:33px;color:#000;font-weight:bold;line-height:33px;padding-bottom:10px;}
.cont-area .tit_txt{font-size:17px;color:#454545;line-height:17px;padding-bottom:30px;}
.cont-area .line{height:1px;border-bottom:1px solid #dfdfdf;margin-bottom:45px;}

.cont{width:890px;}

.his_line{border-top:1px solid #f36910;}
.his_line > li{position: relative;padding:20px 10px 20px 170px;border-bottom:1px solid #dfdfdf;}
.his_line > li > p.year{position: absolute;left:0;top:25px;font-size:23px;color:#f36910;font-weight: 500;line-height:36px;}
.his_line > li > ul > li{display: table; font-size:15px;color:#545454;font-weight:400;margin:10px 0;}
.his_line > li > ul > li > span{color:#424242;font-weight:500; display: table-cell; vertical-align: top;  white-space:nowrap; padding-right: 4px;}
.fz_txt{font-size:16px;color:#4f4f4f;line-height:22px;}

.bar{background:url('../image/sub/bar_bg.png') center center;height:54px;position:relative;z-index:55;margin-top:-54px;}
.bar_cont{width:1180px;margin:0 auto;}
.bar_cont li{float:left;line-height:53px;border-right:1px solid #585a5d;}
.bar_cont li:nth-child(1){width:54px;text-align:center;border-left:1px solid #585a5d;}
.bar_cont li:nth-child(2){width:223px;padding-left:20px;opacity:0.5;}
.bar_cont li:nth-child(3){width:223px;padding-left:20px;}
.bar_cont li a{color:#fff;display:block;width:100%;font-weight:350;font-size:14px;}
.bar_cont li:nth-child(2) a > img{float:right;padding-top:22px;padding-right:20px;}
.bar_cont li:nth-child(3) a > img{float:right;padding-top:22px;padding-right:20px;}

.redy_bg{width:100%;margin:0 auto;height:913px;background-size:cover;background:url('../image/sub/redy.jpg') no-repeat center center;}

.snavi_wid{width:890px;margin:0 auto;}
.snavi_wid > li{float:left;display:table;text-align:center;height:50px;box-sizing: border-box;margin-left:-1px;}
.snavi_wid6 > li{width:calc((100% + 5px) / 6);}
.snavi_wid5 > li{width:calc((100% + 4px) / 5);}
.snavi_wid4 > li{width:calc((100% + 3px) / 4);}
.snavi_wid3 > li{width:calc((100% + 2px) / 3);}
.snavi_wid2 > li{width:calc((100% + 1px) / 2);}
.snavi_wid1 > li{width:100%;}
.snavi_wid > li > a{display:table-cell;width:100%;box-sizing: border-box;vertical-align:middle;font-size:17px;color:#565656;font-weight:350;border:1px solid #dfdfdf;background:#f8f8f8;letter-spacing:-0.5px;}
.snavi_wid > li:first-child{margin-left:0;}
.snavi_wid > li > a.on{color:#fff;background:#f36910;border:1px solid #f36910;font-weight:450;}
.snavi_wid > li > a:hover{color:#fff;background:#f36910;border:1px solid #f36910;font-weight:450;}

.prod li{float:left;width:282px;margin-left:22px;margin-bottom:22px;}
.prod li:nth-child(3n+1){margin-left:0;}
.prod li p.tit{font-size:17px;color:#343434;line-height:40px;}
.prod li p.txt{font-size:15px;color:#343434;height:50px;}

.prod-view .tit{font-size:17px;color:#343434;line-height:40px;}
.prod-view .txt{font-size:15px;color:#343434;height:50px;}
.prod-view .detel{margin-top:30px;border-bottom:1px solid #dfdfdf;}
.prod-view .cont{padding:30px 0;}

#sub_conts{width:100%;margin:0 auto;}
.sconts_bg{width:100%;margin:0 auto;background:#f8f8f8;}
.sconts_wid{width:1180px;margin:0 auto;padding:70px 0 70px 0;}
.sconts_wid1{padding-top:55px 0 0 0;}
#sub_conts > div:last-child{padding-bottom:100px;}
h2.tit{text-align:center;font-size:36px;color:#0b0b0b;font-weight:600;border-bottom:0px solid #dfdfdf;padding-bottom:25px;margin-bottom:40px;}
h2.tit span{font-size:22px;}

.map{width:100%;height:500px;background:#f1f1f1;}

.g_bg{background:#f8f8f8;}

.gs_tab_bg{margin-top:20px;border-top:1px solid #111;border-left:1px solid #ddd;}
.gs_tab th{text-align:center;color:#454545;font-size:14px;padding:12px 10px;border-right:1px solid #ddd;border-bottom:1px solid #dddddd;background:#fafafa;}
.gs_tab td{text-align:center;color:#454545;font-size:14px;font-weight:400;word-break:break-all;border-right:1px solid #ddd;padding:12px 10px;border-bottom:1px solid #dddddd;}
.gs_tab td.lf_txt{text-align:left;}
.gs_tab td > a{display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.page_all {text-align: center;margin-top: 40px;}
.page_all > a.page {color:#525252;font-size:13px;border:1px solid #e3e3e3;background:#fff;vertical-align: middle;display: inline-block;text-align: center;width: 32px;height: 32px;line-height: 32px;}
.page_all > a.on{color:#325f74;background:#fbfbfb;}
.page_all > a.page:hover{color:#325f74;background:#fbfbfb;}
.ibt_tab_v{border-top:1px solid #111;border-left:1px solid #ddd;border-bottom:1px solid #ddd;border-right:1px solid #ddd;}
.ibt_v_top{padding:15px 10px;border-bottom:1px solid #dddddd;background:#f9f9f9;}
.ibt_v_top_tit{color:#454545;font-size:15px;font-weight:700;}
.ibt_v_top_txt{margin-top:5px;color:#454545;font-size:13px;font-weight:400;}
.ibt_v_top_txt > span{display:inline-block;margin-right:5px;}
.ibt_v_file{border-bottom:1px solid #dddddd;padding:10px 10px;}
.ibt_v_file_lf{color:#454545;font-size:13px;}
.ibt_v_file_rt{margin-top:5px;color:#454545;font-size:13px;}
.ibt_v_ny{padding:10px 10px;min-height:300px;color:#454545;font-size:13px;}
.bot_lr_btn{margin-top:30px;}
.bot_lf_btn{float:left;}
.bot_rt_btn{float:right;}
a.white_l{display:inline-block;padding:0 20px;height:38px;line-height:38px;text-align:center;color:#979797;font-size:15px;font-weight:700;border:1px solid #ddd;background:#fafafa;}
a.y_btn{display:inline-block;text-align:center;background:#3f3a38;padding:0 20px;min-width:60px;height:40px;line-height:40px;font-size:15px;color:#fff;}

.rt_btn{text-align:right;margin-top:20px;}
.rt_btn > a.dw{display:inline-block;width:150px;height:40px;line-height:40px;text-align:center;background:#3f3a38;font-size:16px;color:#fff;}

.cata_line{margin-left:-20px;margin-top:-20px;}
.cata_line > li{float:left;text-align:center;box-sizing: border-box;width:calc((100% - 80px) / 4);margin-top:20px;margin-left:20px;}
.cata_line > li > a{display:block;width:100%;box-sizing: border-box;}
.cata_line > li > a > div{border:1px solid #dfdfdf;}
.cata_line > li > a > div{overflow:hidden;}
.cata_line > li > a > div img{width:100%;transition: all 0.3s ease-in-out;}
.cata_line > li > a > p{margin-top:12px;font-size:15px;color:#474747;display:block;width:98%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cata_line > li > a:hover > div img{transform: scale(1.1,1.1);}


.botcik_box{border:1px solid #ddd;background:#fafafa;padding:9px 9px;}
.botcik_box_lf{float:left;color:#454545;font-size:14px;font-weight:400;margin-top:5px;}
.botcik_box_rt{float:right;}
.botcik_box_rt > div{float:left;}
.botcik_box_rt > div select{margin-right:5px;padding-left:5px;border:1px solid #dddddd;width:90px;height:30px;line-height:30px;}
.botcik_box_rt > div select.w{margin-right:5px;padding-left:5px;border:1px solid #dddddd;width:190px;height:30px;line-height:30px;}
.botcik_box_rt > div input[type=text]{padding-left:10px;border:1px solid #dddddd;border-right:none;width:160px;height:28px;line-height:28px;}
.etc_tab_bg{margin-top:20px;border-top:1px solid #111;border-left:1px solid #ddd;}
.etc_tab th{text-align:center;color:#454545;font-size:14px;padding:12px 10px;border-right:1px solid #ddd;border-bottom:1px solid #dddddd;background:#fafafa;}
.etc_tab td{text-align:center;color:#454545;font-size:14px;font-weight:400;word-break:break-all;border-right:1px solid #ddd;padding:12px 10px;border-bottom:1px solid #dddddd;}
.etc_tab td.lf_txt{text-align:left;}
.etc_tab td > a{display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}


.faq_all{margin-top:40px;border-top:1px solid #111;border-bottom:1px solid #dfdfdf;}
.faq_all > li{border-top:1px solid #e5e5e5;}
.faq_all > li:first-child{border-top:none;}
.faq_all > li > a{padding:14px 10px;font-size:15px;color:#454545;font-weight:500;display:block;}
.faq_all > li > a strong{font-size:18px;color:#333;margin-right:5px;}
.faq_all > li > ul.faq_dp02{display:none;border-top:1px solid #dfdfdf;padding:10px 10px 10px 30px;}
.faq_all > li > ul.faq_dp02 li > p{margin:5px 0;}
.faq_all > li > ul.faq_dp02 li > p > a{font-size:14px;color:#454545;}

h4.tit_inp{color:#1d1815;font-size:20px;margin-bottom:15px;}
.ol_txt_box{border:1px solid #e5e5e5;background:#f9f9f9;padding:15px 15px;}
.ol_txt{height:130px;overflow-y:scroll;border:1px solid #e5e5e5;background:#fff;padding:5px 5px;}
.ol_txt_gd_cick{margin-top:12px;text-align:right;}
.ol_txt_gd_cick input{vertical-align:middle;}
.ol_txt_gd_cick label{color:#656565;font-size:13px;font-weight:400;}
.inp_tab_bg{margin-top:20px;border-top:1px solid #111;border-left:1px solid #ddd;}
.inp_tab th{color:#111;font-size:15px;font-weight:500;padding:12px 10px;border-right:1px solid #ddd;border-bottom:1px solid #dddddd;background:#fafafa;}
.inp_tab td{color:#4f4f4f;font-size:15px;font-weight:400;border-right:1px solid #ddd;padding:12px 10px;border-bottom:1px solid #dddddd;}
.inp_tab td.lf_txt{text-align:left;}
.inp_tab td > a{display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#4f4f4f;font-size:15px;}
.inp_tab span.tel{width:100px;display:inline-block;}
.inp_tab span.tel input{width:100%;border:1px solid #dadada;height:25px;line-height:25px;}
.inp_tab span.tel select{padding-left:5px;width:100%;border:1px solid #dadada;height:28px;line-height:28px;}
.inp_tab span.mail{display:inline-block;width:180px;}
.inp_tab span.mail_pd{display:inline-block;margin:0 3px;}
.inp_tab span.mail2{display:inline-block;width:120px;margin-left:3px;}
.inp_tab span.mail input{width:100%;border:1px solid #dadada;height:25px;line-height:25px;}
.inp_tab span.mail2 select{padding-left:5px;width:100%;border:1px solid #dadada;height:28px;line-height:28px;}
input.m_sz{border:1px solid #dadada;width:320px;height:25px;line-height:25px;}
input.add_ms{width:120px;border:1px solid #dadada;height:25px;line-height:25px;}
input.add_ds{width:700px;border:1px solid #dadada;height:25px;line-height:25px;}
.inp_tab td a.add_btn{margin-left:3px;vertical-align:top;display:inline-block;font-size:13px;font-weight:bold;color:#fff;width:82px;height:26px;line-height:26px;text-align:center;background:#353c4e;}
textarea.b_sz {
    border: 1px solid #dadada;
    width: 100%;
    height: 100px;
}
input.m_sz{border:1px solid #dadada;width:320px;height:25px;line-height:25px;}
input.b_sz{border:1px solid #dadada;width:100%;height:25px;line-height:25px;}
select.b_size{width:280px;border:1px solid #dadada;height:30px;line-height:30px;}
select.m_size{width:140px;border:1px solid #dadada;height:30px;line-height:30px;}
select.s_size{width:140px;border:1px solid #dadada;height:30px;line-height:30px;}
textarea.b_sz{border:1px solid #dadada;width:99%;height:240px;}
input.file{width:150px;border:none;background:none;}
.lf_dl{float:left;border:1px solid #e4e4e4;display:inline-block;}
.rt_dl{float:left;margin-left:10px;}
.lf_dl_lf{float:left;}
.lf_dl_rt{float:left;}
input.dl_sz{border:1px solid #dadada;width:100px;height:54px;}
input.ws_sz{border:1px solid #dadada;width:100px;height:25px;line-height:25px;}
.bot_ct_btn{margin-top:30px;text-align:center;}
.bot_ct_btn > a{margin:0 2px;}
a.btn_on{display:inline-block;width:118px;height:48px;line-height:48px;border:1px solid #f36910;background:#f36910;color:#fff;font-size:15px;font-weight:500;text-align:center;}
a.btn_off{display:inline-block;width:118px;height:48px;line-height:48px;border:1px solid #dfdfdf;background:#fcfcfc;color:#6a6a6a;font-size:15px;font-weight:500;text-align:center;}
a.b_bg{display:inline-block;width:110px;height:38px;line-height:38px;text-align:center;color:#fff;font-size:15px;border:1px solid #ef4c6e;background:#f36910;}
a.g_bg{display:inline-block;width:110px;height:38px;line-height:38px;text-align:center;color:#fff;font-size:15px;border:1px solid #3f3a38;background:#252525;}

button.btn_on{display:inline-block;width:118px;height:48px;line-height:48px;border:1px solid #f36910;background:#f36910;color:#fff;font-size:15px;font-weight:500;text-align:center;}
button.btn_off{display:inline-block;width:118px;height:48px;line-height:48px;border:1px solid #dfdfdf;background:#fcfcfc;color:#6a6a6a;font-size:15px;font-weight:500;text-align:center;}

button.b_bg{display:inline-block;width:110px;height:38px;line-height:38px;text-align:center;color:#fff;font-size:15px;border:1px solid #ef4c6e;background:#f36910;}
button.g_bg{display:inline-block;width:110px;height:38px;line-height:38px;text-align:center;color:#fff;font-size:15px;border:1px solid #3f3a38;background:#252525;}

.pw_all{border:1px solid #dfdfdf;border-top:3px solid #000;text-align:center;padding:60px 10px;}
.pw_all_pd{margin-top:50px;}
.pw_txt{color:#5c5c5c;letter-spacing:-0.5px;font-size:18px;font-weight:bold;line-height:26px;}
.pw_txt2{margin-top:5px;color:#5f5f5f;letter-spacing:-0.5px;font-size:16px;line-height:24px;}
.pw_box{width:280px;margin:0 auto;margin-top:35px;padding:35px 100px 0 100px;border-top:1px solid #e4e4e4;}
.pw_inp{width:100%;}
.pw_inp input{width:calc(100% - 12px);height:38px;line-height:38px;background:#fff;border:1px solid #dfdfdf;padding-left:10px;}
.pw_btn{margin-top:16px;}
.pw_btn > a{display:inline-block;width:calc((100% - 8px) / 2);height:48px;line-height:48px;font-size:15px;font-weight:bold;text-align:center;}
.pw_btn > a.pw_on{border:1px solid #3f3a38;background:#3f3a38;color:#fff;}
.pw_btn > a.pw_off{border:1px solid #dfdfdf;background:#fcfcfc;color:#6a6a6a;}

.pw_btn > button{display:inline-block;width:calc((100% - 8px) / 2);height:48px;line-height:48px;font-size:15px;font-weight:bold;text-align:center;}
.pw_btn > button.pw_on{border:1px solid #3f3a38;background:#3f3a38;color:#fff;}
.pw_btn > button.pw_off{border:1px solid #dfdfdf;background:#fcfcfc;color:#6a6a6a;}

/*스기페지*/
.txt_tab_bg{margin-top:20px;border-top:1px solid #000;border-left:1px solid #ddd;}
.txt_tab th{text-align:center;color:#454545;font-size:14px;padding:12px 10px;border-right:1px solid #ddd;border-bottom:1px solid #dddddd;background:#fafafa;}
.txt_tab td{text-align:center;color:#454545;font-size:14px;font-weight:400;word-break:break-all;border-right:1px solid #ddd;padding:12px 10px;border-bottom:1px solid #dddddd;}
.txt_tab td.lf_txt{text-align:left;}
.txt_tab td > a{display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
input.m_sz{border:1px solid #dadada;width:320px;height:25px;line-height:25px;}
input.b_sz{border:1px solid #dadada;width:100%;height:25px;line-height:25px;}
.lf_dl{float:left;border:1px solid #e4e4e4;display:inline-block;}
.rt_dl{float:left;margin-left:10px;}
.lf_dl_lf{float:left;}
.lf_dl_rt{float:left;}
input.dl_sz{border:1px solid #dadada;width:100px;height:54px;}
input.ws_sz{border:1px solid #dadada;width:100px;height:25px;line-height:25px;}
.inp_tab td span.tipu_txt{margin-right:10px;display:inline-block;vertical-align:middle;}
.inp_tab td input.tipu_sz{border:1px solid #dadada;width:calc(100% - 80px);height:25px;line-height:25px;}
input.bm_sz{border:1px solid #dadada;width:320px;height:25px;line-height:25px;}
.ct_btn{text-align:center;margin-top:30px;}
.garl_btn{display:inline-block;border:1px solid #dfdfdf;background:#fafafa;width:120px;height:42px;line-height:42px;text-align:center;color:#6a6a6a;font-size:15px;font-weight:bold;}
select.b_size{width:280px;border:1px solid #dadada;height:30px;line-height:30px;}
select.m_size{width:140px;border:1px solid #dadada;height:30px;line-height:30px;}
select.s_size{width:140px;border:1px solid #dadada;height:30px;line-height:30px;}
textarea.b_sz{border:1px solid #dadada;width:99%;height:240px;}
input.file{width:150px;border:none;background:none;}
span.red_txt{color:#f44444;}
/*쓰기페지 end*/

.sitmap{margin-top:50px;text-align:center;}
.sitmap > li{float:left;width:calc((100% - 100px) / 4);margin-left:20px;}
.sitmap > li:first-child{margin-left:0;}
.sitmap > li > a{display:block;height:48px;line-height:48px;border-top:2px solid #111;border-bottom:1px solid #dfdfdf;font-size:22px;color:#353535;font-weight:500;background:#f8f8f8;}
.sitmap > li > ul > li > a{display:block;height:48px;line-height:48px;border-bottom:1px solid #dfdfdf;font-size:17px;color:#3e3e3e;}
.sitmap > li > ul > li > ul {background:#f9f9f9;padding-top:10px;}
.sitmap > li > ul > li > ul > li{line-height:30px;}
.sitmap > li > ul > li > ul > li:last-child{border-bottom:1px solid #dfdfdf;padding-bottom:10px;}
.sitmap > li > ul > li > ul > li > a{font-size:15px;display:block;}

.etctxt_all{border:1px solid #dfdfdf;min-height:600px;}

.steb2 li{width:calc((100% - 12px) / 2);margin-left:10px;}
.steb3 li{width:calc((100% - 22px) / 3);margin-left:10px;}
.steb li{float:left;}
.steb li:first-child{margin-left:0;}
.steb li a{border:1px solid #dfdfdf;background:#f8f8f8;font-size:16px;text-align:center;line-height:48px;height:50px;display:block;}
.steb li a:hover{background:#4279c6;border:1px solid #4279c6;color:#fff;}
.steb li a.on{background:#4279c6;border:1px solid #4279c6;color:#fff;}

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

@media screen and (max-width:768px){
}



@media screen and (max-width:640px){
}

@media screen and (max-width:430px){
}