/**/
.sub_content{margin:55px 0 70px;}
p.noList{font-size:17px;color:#2b2b2b;text-align:center;padding:30px 0;}

/* top_img */
.top_img{height:188px;background:url('/img/sub/top_img.png')no-repeat center center;background-size:cover;}
.top_img .inner{height:100%;position:relative;}
.top_img .top_title{position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);text-align:right;}
.top_img .top_title h2{font-size:60px;color:#fffefe;margin-bottom:23px;}
.top_img .top_title ul{font-size:0;}
.top_img .top_title ul li{display:inline-block;vertical-align:middle;font-size:15px;font-weight:bold;color:#fff;margin-left:10px;}

/* nav */
.sub_container .nav{text-align:center;border-bottom:1px solid #ddd;}
.sub_container .nav ul{font-size:0;}
.sub_container .nav ul li{width:180px;display:inline-block;vertical-align:bottom;line-height:60px;position:relative;margin:0 5px;}
.sub_container .nav ul li a{display:inline-block;vertical-align:middle;font-size:20px;font-weight:bold;color:#000;line-height:1.2;}
.sub_container .nav ul li.on a{color:#0090da;}
.sub_container .nav ul li:after{content:'';width:100%;height:3px;position:absolute;bottom:0;left:0;background-color:#000;}
.sub_container .nav ul li.on:after{background-color:#0090da;}

/* 회사소개 */
.sub_content .about{width:100%;overflow:hidden;}
.sub_content .about .about_img{width:45%;float:left;margin-right:5%;}
.sub_content .about .about_img img{width:100%;}
.sub_content .about .about_txt{width:50%;float:right;margin-top:40px;}
.sub_content .about .about_txt p{font-size:18px;color:#323232;line-height:1.3;}
.sub_content .about .about_txt p.about_txt1{font-size:35px;font-weight:bold;color:#0090da;}
.sub_content .about .about_txt p.about_txt2{font-size:25px;color:#231815;margin:25px 0;}
.sub_content .about .about_txt span{display:block;font-size:18px;color:#323232;text-align:right;margin-left:auto;margin-top:85px;}
.sub_content .about .about_txt span img{vertical-align:middle;margin-left:10px;}

/* 생산제품 */
.sub_content .product .prd_txt{width:100%;display:table;font-size:0;padding:0 5%;margin-bottom:35px;}
.sub_content .product .prd_txt span{display:inline-block;vertical-align:middle;font-size:28px;color:#363636;margin-right:2%;}
.sub_content .product .prd_txt p{width:80%;display:inline-block;vertical-align:middle;font-size:15px;color:#363636;line-height:1.4;}
.sub_content .product .prd_list ul{width:100%;display:table;font-size:0;}
.sub_content .product .prd_list ul li{width:31.33%;display:inline-block;vertical-align:top;text-align:center;margin-right:3%;margin-bottom:23px;}
.sub_content .product .prd_list ul li:nth-child(3n){margin-right:0;}
.sub_content .product .prd_list ul li a .prd_img{height:230px;border:1px solid #a9a9a9;padding:10px;}
.sub_content .product .prd_list ul li a .prd_img img{height:100%;}
.sub_content .product .prd_list ul li pre{white-space:pre-line;font-family:'Nanum Square','나눔스퀘어','NanumSquare',sans-serif;font-size:15px;color:#291a17;margin-top:7px;}
.product_pop{width:100%;height:100%;display:none;position:fixed;top:0;left:0;background-color:rgba(0,0,0,0.75);z-index:9999;}
.product_pop .product_pop_inner{width:1100px;position:absolute;top:55%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#fff;border:1px solid #a9a9a9;}
.product_pop .product_pop_inner > a{width:45px;height:45px;position:absolute;top:-55px;right:0;font-size:35px;font-weight:bold;color:#000;text-align:center;line-height:48px;border-radius:50%;background-color:#fff;}
.product_pop .product_pop_inner .pop_img{height:500px;text-align:center;background-color:#fff;padding:50px;border-bottom:1px solid #a9a9a9;}
.product_pop .product_pop_inner .pop_img img{height:100%;}
.product_pop .product_pop_inner .pop_txt{background-color:#333;padding:15px 40px;}
.product_pop .product_pop_inner .pop_txt pre{white-space:pre-line;font-family:'Nanum Square','나눔스퀘어','NanumSquare',sans-serif;font-size:20px;color:#fff;line-height:1.2;}

/* 수전사 */
.sub_content .warrior .warrior_txt{width:100%;display:table;font-size:0;padding:0 5%;margin-bottom:35px;}
.sub_content .warrior .warrior_txt span{display:inline-block;vertical-align:middle;font-size:28px;color:#363636;margin-right:2%;}
.sub_content .warrior .warrior_txt p{width:80%;display:inline-block;vertical-align:middle;font-size:15px;color:#363636;line-height:1.4;}
.sub_content .warrior .warrior_step ul{width:100%;display:table;font-size:0;}
.sub_content .warrior .warrior_step ul li.warrior_m{display:none;}
.sub_content .warrior .warrior_step ul li{width:calc((100% - 80px)/3);position:relative;display:inline-block;vertical-align:top;text-align:center;margin-right:40px;margin-bottom:45px;}
.sub_content .warrior .warrior_step ul li:nth-child(3n){margin-right:0;}
.sub_content .warrior .warrior_step ul li .warrior_img{height:230px;border:1px solid #a9a9a9;padding:10px;}
.sub_content .warrior .warrior_step ul li .warrior_img img{width:100%;visibility:hidden;}
.sub_content .warrior .warrior_step ul li p{font-size:15px;color:#291a17;margin-top:7px;}
.sub_content .warrior .warrior_step ul li:after{content:'';width:29px;height:27px;position:absolute;background:url('/img/sub/arrow_purple.png')no-repeat center center;}
.sub_content .warrior .warrior_step ul li.one_step:after{top:50%;right:-35px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);}
.sub_content .warrior .warrior_step ul li.two_step:after{top:auto;bottom:-35px;left:0;right:0;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);margin:auto;}
.sub_content .warrior .warrior_step ul li.three_step:after{top:50%;left:-35px;-webkit-transform:translateY(-50%) rotate(180deg);-moz-transform:translateY(-50%) rotate(180deg);-o-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg);}
.sub_content .warrior .warrior_step ul li.no_step:after{content:none;}
.sub_content .warrior .warrior_step ul li.step1 .warrior_img{background:url('/img/sub/warrior_img1.png')no-repeat center center;background-size:cover;}
.sub_content .warrior .warrior_step ul li.step2 .warrior_img{background:url('/img/sub/warrior_img2.png')no-repeat center center;background-size:cover;}
.sub_content .warrior .warrior_step ul li.step3 .warrior_img{background:url('/img/sub/warrior_img3.png')no-repeat center center;background-size:cover;}
.sub_content .warrior .warrior_step ul li.step4 .warrior_img{background:url('/img/sub/warrior_img4.png')no-repeat center center;background-size:cover;}
.sub_content .warrior .warrior_step ul li.step5 .warrior_img{background:url('/img/sub/warrior_img5.png')no-repeat center center;background-size:cover;}
.sub_content .warrior .warrior_step ul li.step6 .warrior_img{background:url('/img/sub/warrior_img6.png')no-repeat center center;background-size:cover;}
.sub_content .warrior .warrior_step ul li.step7 .warrior_img{background:url('/img/sub/warrior_img7.png')no-repeat center center;background-size:cover;}
.sub_content .warrior .warrior_step ul li.step8 .warrior_img{background:url('/img/sub/warrior_img8.png')no-repeat center center;background-size:cover;}
.sub_content .warrior .warrior_step ul li.step9 .warrior_img{background:url('/img/sub/warrior_img9.png')no-repeat center center;background-size:cover;}
.sub_content .warrior .warrior_step ul li.step10 .warrior_img{background:url('/img/sub/warrior_img10.png')no-repeat center center;background-size:cover;}
.sub_content .warrior .warrior_step ul li.step11 .warrior_img{background:url('/img/sub/warrior_img11.png')no-repeat center center;background-size:cover;}
.sub_content .warrior .warrior_step ul li.step12 .warrior_img{background:url('/img/sub/warrior_img12.png')no-repeat center center;background-size:cover;}

/* 수전사 화살표 애니메이션 */
.sub_content .warrior .warrior_step ul li.start:after{-webkit-animation:warrior 1s;-moz-animation:warrior 1s;-o-animation:warrior 1s;animation:warrior 1s;}
@-webkit-keyframes warrior{
50%{background:url('/img/sub/arrow_pink.png')no-repeat center center;}
100%{background:url('/img/sub/arrow_pink.png')no-repeat center center;}
}
@-moz-keyframes warrior{
50%{background:url('/img/sub/arrow_pink.png')no-repeat center center;}
100%{background:url('/img/sub/arrow_pink.png')no-repeat center center;}
}
@-o-keyframes warrior{
50%{background:url('/img/sub/arrow_pink.png')no-repeat center center;}
100%{background:url('/img/sub/arrow_pink.png')no-repeat center center;}
}
@keyframes warrior{
50%{background:url('/img/sub/arrow_pink.png')no-repeat center center;}
100%{background:url('/img/sub/arrow_pink.png')no-repeat center center;}
}

/* 공지사항 */
.sub_content .notice .sch_box{text-align:right;}
.sub_content .notice .sch_box form{position:relative;display:inline-block;}
.sub_content .notice .sch_box select{display:none;}
.sub_content .notice .sch_box input[type="text"]{width:200px;text-align:left;border-bottom:2px solid #2a2a2a;line-height:35px;padding-right:25px;}
.sub_content .notice .sch_box a{position:absolute;right:0;bottom:11px;}
.sub_content .notice table{width:100%;border-top:2px solid #2a2a2a;margin-top:10px;}
.sub_content .notice table thead tr{height:55px;border-bottom:1px solid #c0c0c0;}
.sub_content .notice table thead tr th{font-family:'Nanum Gothic','나눔고딕','NanumGothic', sans-serif;font-size:16px;color:#323232;}
.sub_content .notice table tbody tr{height:50px;border-bottom:1px solid #c0c0c0;}
.sub_content .notice table tbody tr.important{background-color:#f3fcff;}
.sub_content .notice table tbody tr.important td.blue{font-weight:bold;color:#0090da;}
.sub_content .notice table tbody tr td{font-family:'Nanum Gothic','나눔고딕','NanumGothic', sans-serif;font-size:14px;color:#323232;text-align:center;}
.sub_content .notice table tbody tr td.subject{text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 30px;}

/* 공지사항 view */
.sub_content .notice_view .view{border-top:2px solid #2a2a2a;border-bottom:1px solid #2a2a2a;}
.sub_content .notice_view .view .view_top{border-bottom:1px solid #2a2a2a;}
.sub_content .notice_view .view .view_top .top_title{overflow:hidden;border-bottom:1px solid #c0c0c0;padding:15px 20px;}
.sub_content .notice_view .view .view_top .top_title span{float:left;font-size:15px;color:#0090da;}
.sub_content .notice_view .view .view_top .top_title p{font-size:14px;color:#323232;text-align:center;line-height:1.2;padding:0 80px;}
.sub_content .notice_view .view .view_top .bot_title{overflow:hidden;padding:15px 20px;}
.sub_content .notice_view .view .view_top .bot_title p{font-size:14px;color:#5a5a5a;}
.sub_content .notice_view .view .view_top .bot_title p.view_txt1{float:left;}
.sub_content .notice_view .view .view_top .bot_title p.view_txt2{float:right;}
.sub_content .notice_view .view .view_con{line-height:1.6;padding:10px 0;}
.sub_content .notice_view .view .view_con img{max-width:100% !important;height:auto !important;}
.sub_content .notice_view .view_list{border-top:1px solid #c0c0c0;margin-top:40px;}
.sub_content .notice_view .view_list div{border-bottom:1px solid #c0c0c0;padding:10px 20px;}
.sub_content .notice_view .view_list div p{font-size:14px;color:#5a5a5a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sub_content .notice_view .list_btn{text-align:right;margin-top:20px;}
.sub_content .notice_view .list_btn a{width:95px;height:30px;display:inline-block;font-size:14px;font-weight:bold;color:#fff;text-align:center;line-height:30px;background-color:#0090da;}

/* 온라인 문의 */
.sub_content .online .online_privacy{border-top:2px solid #2a2a2a;}
.sub_content .online .online_privacy > p{font-size:18px;font-weight:bold;color:#313131;margin:15px 0;}
.sub_content .online .online_privacy .privacy_txt{height:215px;overflow-y:auto;border:1px solid #b9b9b9;padding:10px;}
.sub_content .online .online_privacy .privacy_txt p{font-size:13px;color:#323232;line-height:1.4;}
.sub_content .online .online_privacy .chk_box{margin-top:17px;}
.sub_content .online .online_privacy .chk_box input{vertical-align:middle;}
.sub_content .online .online_privacy .chk_box label{font-size:15px;font-weight:bold;color:#323232;}
.sub_content .online .online_con{background-color:#efefef;margin-top:20px;}
.sub_content .online .online_con span.star{font-size:17px;font-weight:bold;color:#0090da;}
.sub_content .online .online_con > p{font-size:15px;font-weight:bold;color:#5c5c5c;line-height:50px;padding:0 20px;border-bottom:1px solid #c0c0c0;}
.sub_content .online .online_con .input_tbl{padding:23px 20px;}
.sub_content .online .online_con .input_tbl dl{width:100%;display:table;font-size:0;margin-bottom:23px;}
.sub_content .online .online_con .input_tbl dl dt{width:100px;display:inline-block;vertical-align:middle;font-size:15px;font-weight:bold;color:#5c5c5c;}
.sub_content .online .online_con .input_tbl dl dd{width:calc(100% - 100px);display:inline-block;vertical-align:middle;}
.sub_content .online .online_con .input_tbl dl dd input[type="text"],
.sub_content .online .online_con .input_tbl dl dd select,
.sub_content .online .online_con .input_tbl dl dd textarea{height:35px;vertical-align:middle;background-color:#fff;border:1px solid #c0c0c0;padding:0 10px;}
.sub_content .online .online_con .input_tbl dl.dl01 select{width:135px;}
.sub_content .online .online_con .input_tbl dl.dl02 dd input[type="text"],
.sub_content .online .online_con .input_tbl dl.dl03 dd input[type="text"],
.sub_content .online .online_con .input_tbl dl.dl04 dd input[type="text"]{width:100%;}
.sub_content .online .online_con .input_tbl dl.dl05 dd input[type="text"]{width:105px;}
.sub_content .online .online_con .input_tbl dl.dl05 dd span{width:2%;display:inline-block;vertical-align:middle;font-size:15px;color:#646464;text-align:center;}
.sub_content .online .online_con .input_tbl dl.dl06 dd select{margin-left:1%;}
.sub_content .online .online_con .input_tbl dl.dl06 dd select,
.sub_content .online .online_con .input_tbl dl.dl06 dd input[type="text"]{width:240px;}
.sub_content .online .online_con .input_tbl dl.dl06 dd span{width:2%;display:inline-block;vertical-align:middle;font-size:15px;color:#646464;text-align:center;}
.sub_content .online .online_con .input_tbl dl.dl07 dt{vertical-align:top;margin-top:10px;}
.sub_content .online .online_con .input_tbl dl.dl07 dd textarea{width:100%;min-width:100%;max-width:100%;height:400px;min-height:400px;max-height:400px;padding:10px;}
.sub_content .online .online_btns{width:100%;display:table;font-size:0;text-align:center;margin-top:28px;}
.sub_content .online .online_btns a{width:110px;height:35px;display:inline-block;vertical-align:middle;font-size:14px;font-weight:bold;color:#fff;text-align:center;line-height:35px;background-color:#aaa;}
.sub_content .online .online_btns a.submit_btn{background-color:#0090da;margin-left:10px;}

/* 1100 */
@media screen and (max-width:1100px){
/* top_img */
.top_img .top_title{right:10px;}

/* 생산제품 */
.product_pop .product_pop_inner{width:95%;}
}

/* 1024 */
@media screen and (max-width:1024px){
/* 생산제품 */
.sub_content .product .prd_txt{text-align:center;}
.sub_content .product .prd_txt span{margin-right:0;}
.sub_content .product .prd_txt p{width:100%;margin-top:15px;}

/* 수전사 */
.sub_content .warrior .warrior_txt{text-align:center;}
.sub_content .warrior .warrior_txt span{margin-right:0;}
.sub_content .warrior .warrior_txt p{width:100%;margin-top:15px;}
.sub_content .warrior .warrior_step ul li .warrior_img{height:200px;}

/* 온라인 문의 */
.sub_content .online .online_con .input_tbl dl.dl06 dd select, .sub_content .online .online_con .input_tbl dl.dl06 dd input[type="text"]{width:31%;}
.sub_content .online .online_con .input_tbl dl.dl06 dd span{width:5%;}
}

/* 780 */
@media screen and (max-width:780px){
/**/
.sub_content{margin:40px 0 50px;}

/* top_img */
.top_img{height:129px;background:url('/img/sub/top_img_m.png')no-repeat center center;background-size:cover;}
.top_img .top_title h2{font-size:40px;margin-bottom:10px;}

/* nav */
.sub_container .nav ul li{width:140px;margin:0;}

/* 회사소개 */
.sub_content .about .about_img{width:100%;float:none;margin-right:0;margin-top:30px;}
.sub_content .about .about_txt{width:100%;float:none;margin-top:0;}
.sub_content .about .about_txt span{margin-top:40px;}

/* 생산제품 */
.sub_content .product .prd_list ul li{width:100%;margin-right:0;}
.product_pop .product_pop_inner .pop_img{height:auto;max-height:430px;}
.product_pop .product_pop_inner .pop_img img{height:auto;}
.product_pop .product_pop_inner .pop_txt{padding:15px 20px;}
.product_pop .product_pop_inner .pop_txt p{font-size:17px;}

/* 수전사 */
.sub_content .warrior .warrior_step ul li.warrior_pc{display:none;}
.sub_content .warrior .warrior_step ul li.warrior_m{display:block;}
.sub_content .warrior .warrior_step ul li{width:100%;margin-right:0;}
.sub_content .warrior .warrior_step ul li .warrior_img{height:auto;}
.sub_content .warrior .warrior_step ul li.one_step:after{top:auto;bottom:-35px;left:0;right:0;-webkit-transform:translateY(0) rotate(90deg);-moz-transform:translateY(0) rotate(90deg);-o-transform:translateY(0) rotate(90deg);transform:translateY(0) rotate(90deg);margin:auto;}
.sub_content .warrior .warrior_step ul li.three_step:after{top:auto;bottom:-35px;left:0;right:0;-webkit-transform:translateY(0) rotate(90deg);-moz-transform:translateY(0) rotate(90deg);-o-transform:translateY(0) rotate(90deg);transform:translateY(0) rotate(90deg);margin:auto;}

/* 공지사항 */
.sub_content .notice .sch_box{text-align:center;}
.sub_content .notice table{display:block;margin-top:30px;overflow:hidden;}
.sub_content .notice table thead{display:none;}
.sub_content .notice table tbody{display:block;}
.sub_content .notice table tbody tr{height:auto;display:block;padding:10px 0;}
.sub_content .notice table tbody tr td{width:100%;display:block;text-align:left;}
.sub_content .notice table tbody tr td.subject{padding:7px 0;}

/* 공지사항 view */
.sub_content .notice_view .view .view_top .top_title{padding:15px 5px;}
.sub_content .notice_view .view .view_top .top_title span{float:none;display:block;text-align:center;}
.sub_content .notice_view .view .view_top .top_title p{line-height:1.3;padding:0;margin-top:10px;}
.sub_content .notice_view .view .view_top .bot_title{padding:15px 0;}
.sub_content .notice_view .view .view_top .bot_title p{font-size:13px;}
.sub_content .notice_view .list_btn{text-align:center;}

/* 온라인 문의 */
.sub_content .m_inner{padding:0;}
.sub_content .online .online_privacy{margin:0 10px;}
.sub_content .online .online_con > p{padding:0 10px;}
.sub_content .online .online_con .input_tbl{padding:20px 10px;}
.sub_content .online .online_con .input_tbl dl{margin-bottom:15px;}
.sub_content .online .online_con .input_tbl dl dt{width:100%;margin-bottom:10px;}
.sub_content .online .online_con .input_tbl dl dd{width:100%;}
.sub_content .online .online_con .input_tbl dl.dl01 select{width:100%;}
.sub_content .online .online_con .input_tbl dl.dl05 dd input[type="text"]{width:30.66%;}
.sub_content .online .online_con .input_tbl dl.dl05 dd span{width:4%;}
.sub_content .online .online_con .input_tbl dl.dl06 dd select, .sub_content .online .online_con .input_tbl dl.dl06 dd input[type="text"]{width:100%;margin-bottom:7px;}
.sub_content .online .online_con .input_tbl dl.dl06 dd input[type="text"]:first-child{width:95%;}
.sub_content .online .online_con .input_tbl dl.dl06 dd select{margin-left:0;margin-bottom:0;}
.sub_content .online .online_con .input_tbl dl.dl06 dd span{margin-bottom:7px;}
.sub_content .online .online_con .input_tbl dl.dl07 dd textarea{height:350px;min-height:350px;max-height:350px;}
}

/* 300 */
@media screen and (max-width:300px){
/* nav */
.sub_container .nav ul li{width:50%;}

/* 공지사항 view */
.sub_content .notice_view .view .view_top .bot_title p{font-size:11px;}
.sub_content .notice_view .view_list div{padding:10px;}

/* 온라인 문의 */
.sub_content .online .online_privacy .chk_box label{font-size:14px;}
}