@charset "utf-8";
/*
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);
@import url(//fonts.googleapis.com/css?family=Open+Sans);
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
*/

/* LAYOUT */
#wrap { overflow:hidden; -webkit-overflow-scrolling:touch; }
header { position:fixed; width:100%; height:99px; background-color:#fff; border-bottom:1px solid #c5c5c5; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease; z-index:10; }
#header { position:relative; width:1200px; margin:0 auto; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease; }
#container { -webkit-overflow-scrolling:touch; }
#footer { height:146px; border-top:1px solid #edeced; }

/* HEADER */
#header h1 { margin:0; padding:25px 0 0 0; line-height:0; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease; }
#header .gnb { position:absolute; height:60px; right:2px; top:39px; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0; }
#header .gnb ul { margin:0; padding:0; }
#header .gnb li { list-style:none; float:left; margin-left:45px; }
#header .gnb a,
#header .gnb a:hover { font-family:Malgun Gothic; color:#333333; font-size:15px; display:block; }
#header .gnb:after{ content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#header .header_lnb { position:absolute; top:8px; right:0; }
#header .header_lnb ul { padding:0;margin:0; }
#header .header_lnb li {list-style: none;padding:0;margin:0 0 0 10px;float: left; }

#header .gnb .smenu { display:none; position:absolute; width:162px; left:-10px; top:60px; padding:0 0 30px 0; border-left:2px solid #dedede; border-right:2px solid #dedede; border-bottom:2px solid #dedede; background-color:#ffffff; z-index:21; }
#header .gnb .smenu ul { margin:0; }
#header .gnb .smenu li { list-style:none; width:100%; height:30px; padding-left:0; margin:0; background:none; }
#header .gnb .smenu li:first-child { height:20px; }
#header .gnb .smenu a { padding-left:16px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#383838; font-size:12.5px; line-height:30px; font-weight:normal; display:block; }
#header .gnb .smenu a:hover { color:#000000; background-color:#dfdfdf; }
#header .gnb .smenu .smenu_bar { height:4px; margin:-4px 48px 0 48px; background-color:#dfdfdf; }

#header .gnb_btn { position: absolute; width: 28px; right: 0; top: 14px; cursor: pointer; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; visibility: hidden; }
#header .gnb_btn img { width: 100%; }

#header .gnb_m_bg { position:fixed; overflow-y:auto; width:100%; height:100vh; left:0; top:0; background-color:rgba(0,0,0,0.6); -webkit-overflow-scrolling:touch; z-index:99999; display:none; }
#header .gnb_m { position:fixed; overflow-y:auto; width:85%; height:100vh; left:-100%; top:0; margin-right:15%; background-color:#20aae3; opacity:0; -webkit-overflow-scrolling:touch; z-index:99999; }
#header .gnb_m .head { height:55px; background-color:#fff; }
#header .gnb_m .head .gnb_btn_close { position:absolute; right:20px; top:16px; width:20px; cursor:pointer; }
#header .gnb_m .head .gnb_btn_close img { width:100%; }

#header .gnb_m .list { position:relative; margin-bottom:100px; -webkit-overflow-scrolling:touch; }
#header .gnb_m .list ul { margin:0; padding:0; }
#header .gnb_m .list li { position:relative; list-style:none; min-height:42px; border-bottom:1px solid #3db5e7; cursor:pointer; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease; }
#header .gnb_m .list .list_title { margin:0 0 0 30px; font-family:'Noto Sans KR'; color:#ffffff; line-height:11px; font-size:11px; line-height:42px; font-weight:500; letter-spacing:1px; }
#header .gnb_m .list .list_blet { position:absolute; width:8px; height:12px; right:14px; top:15px; background-image:url(../images/inc/m_blet.png); background-repeat:no-repeat; background-size:contain; }

#header .gnb_m .list li.select { background-color:#080d16; }
#header .gnb_m .list li.select .list_title { color:#20aae3; }
#header .gnb_m .list li.select .list_title span { color:#20aae3; }
#header .gnb_m .list li.select .list_blet { background-image:url(../images/inc/m_blet_ov.png); }

#header .gnb_m .list .sub_list { background-color:#63c4eb; display:none; }
#header .gnb_m .list .sub_list ul { margin:0; padding:0; }
#header .gnb_m .list .sub_list li { padding:0 0 0 30px; list-style:none; border-top:1px solid #75cbed; border-bottom:none; font-family:'Noto Sans KR'; color:#080d16; line-height:11px; font-size:11px; line-height:42px; font-weight:500; letter-spacing:0; }
#header .gnb_m .list:after { content:""; clear:both; display:block; }

/* CONTAINER */
#container .slide { position: relative; margin-top:100px; text-align:center; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease; }
#container .slide .slide_text { position: absolute; width: 100%; left: 0; top: 34.5%; font-family: 'Noto Sans KR'; font-size: 50px; line-height: 50px; color: #fff; font-weight: 300; letter-spacing: -1px; text-align: center; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease; }
#container .slide .slide_text span { font-family: 'Noto Sans KR'; font-size: 50px; line-height: 50px; color: #ffae00; font-weight: 500; }

#container .slide .product { position: absolute; width: 100%; left: 0; bottom: 30px; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0; }
#container .slide .product ul { width: 100%; margin: 0; padding: 0; text-align: center; display: table; font-size: 0; }
#container .slide .product li { display: table-cell; vertical-align: top; list-style: none; width: 6.7%; min-width: 130px; height: 160px; background-color: rgba(0,0,0,0.5); border: 1px solid #848585; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; cursor: pointer; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease; }
#container .slide .product li.line01 { width: 5%; min-width: 70px; height: 85px; border: none; background: url(../images/main/product_bg.png) repeat-x left 75px; cursor: default; }
#container .slide .product li.line02 { width: 23.25%; height: 85px; border: none; background: url(../images/main/product_bg.png) repeat-x left 75px; cursor: default; }
#container .slide .product_bottom { position: absolute; width: 100%; height: 30px; left: 0; bottom: 0; background-color: rgba(0,0,0,0.5); -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0; }
#container .slide .product .thum { line-height: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7; -webkit-transition:all 0.6s ease; -moz-transition:all 0.6s ease; -o-transition: all 0.6s ease; transition:all 0.6s ease; }
#container .slide .product .thum img { width: 100%; }
#container .slide .product .thum_info { width: 100%; height: 30px; background-color: #fff; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; font-size: 13px; line-height: 30px; color: #000; text-align:center; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#container .slide .product li:hover .thum { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0; -webkit-transition:all 0.6s ease; -moz-transition:all 0.6s ease; -o-transition: all 0.6s ease; transition:all 0.6s ease; -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); }
#container .slide .product li:hover .thum_info { background-color: #052f91; color: #fff; text-align:center; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }


#container > .service { overflow:hidden; position:relative; width:1186px; margin:0 auto; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease; }
#container > .service > h2 { margin:70px 0 0; font-family: 'Open Sans', sans-serif; font-size: 36px; line-height: 36px; color: 000; font-weight: 400; text-align:center; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease; }
#container > .service > p { margin:14px 0 0; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; font-size: 13px; line-height: 13px; color: #000; text-align:center; }
#container > .service > .list { margin-top: 60px; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease; }
#container > .service > .list > ul { margin:0; padding:0; }
#container > .service > .list > ul > li { position: relative; list-style:none; float:left; width: 23%; min-height: 360px; margin:0 1%; background-color: #f9f9f9; border: 1px solid #d5d5d5; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease; }
#container > .service > .list > ul > li:nth-child(even) { margin-top: 50px; }
#container > .service > .list .thum { margin: 10px; line-height:0; }
#container > .service > .list h3 { margin: 20px 20px 0; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; font-size: 16px; line-height: 16px; color: 000; font-weight: bold; text-align: left; }
#container > .service > .list p { margin: 10px 20px 0; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; font-size: 13px; line-height: 20px; color: 323232; text-align: left; }
#container > .service > .list .btn { position: absolute; width: 29px; height: 29px; right: 4px; bottom: 4px; background-color: #7c7c7c; }
#container > .service > .list .btn span { position: absolute; background-color: #fff; }
#container > .service > .list .btn span.v1 { width: 3px; height: 15px; left: 13px; top: 7px; }
#container > .service > .list .btn span.v2 { width: 15px; height: 3px; left: 7px; top: 13px; }
#container > .service > .list:after{ content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#container > .aside { position:relative; margin:80px auto 0; background-color: #f9f9f9; border-top: 1px solid #eae9ea; }
#container > .aside > .area { position: relative; width: 1200px; margin: 0 auto; }
#container > .aside > .area ul { margin: 0; padding: 0; }
#container > .aside > .area li { position: relative; list-style: none; float: left; width: 44.2%; margin: 0 2.9%; }
#container > .aside > .area .title { position: relative; margin: 45px 0 0; font-family: 'Nanum Square'; font-size: 22px; line-height: 22px; font-weight: 700; color: #212121; }
#container > .aside > .area .title .more { position: absolute; right: 0; top:4px; }
#container > .aside > .area .title .more span { position: absolute; background-color: #666666; display: block;}
#container > .aside > .area .title .more span.v1 { width: 2px; height: 12px; left: 5px; top: 0; }
#container > .aside > .area .title .more span.v2 { width: 12px; height: 2px; left: 0; top: 5px; }
#container > .aside > .area:after{ content:""; display:block; clear:both; /* height:0; visibility:hidden; */}
#container > .aside > .area .head { position: relative; height: 93px; margin-top: 27px; border-bottom: 1px dotted #c5c5c5; }
#container > .aside > .area .head .head_thum { position: absolute; left: 15px; top: 0; line-height: 0; }
#container > .aside > .area .head .head_info { margin: 10px 50px 0 180px; }
#container > .aside > .area .head .head_info span { display: block; margin-top: 4px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; font-size: 12px; color: #7b7b7b; }
#container > .aside > .area .head .head_info a,
#container > .aside > .area .head .head_info a:hover { font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; font-size: 12px; line-height: 20px; color: #424141; font-weight: bold; display: block; }
#container > .aside > .area .list { position: relative; margin: 20px 15px 40px; }
#container > .aside > .area .list ul { margin: 0; padding: 0; }
#container > .aside > .area .list li { position: relative; list-style: none; flex: auto; width: 100%; height: 24px; margin: 0; text-overflow:ellipsis; white-space:nowrap; }
#container > .aside > .area .list .dot { position: absolute; width: 2px; height: 2px; left: 0; top: 10px; background-color: #454545; }
#container > .aside > .area .list .subject { margin: 0 100px 0 0; text-overflow:ellipsis; white-space:nowrap; }
#container > .aside > .area .list .subject a,
#container > .aside > .area .list .subject a:hover { padding-left: 10px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; font-size: 13px; line-height: 24px; color: #615d56; display: block; text-overflow:ellipsis; white-space:nowrap; }
#container > .aside > .area .list .data { position: absolute; right: 0; top: 0; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; font-size: 12px; line-height: 24px; color: #7b7b7b; }
#container > .aside > .area .list:after{ content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

/* SUB CONTAINER */
#container .sub_slide { position: relative; margin-top:100px; background: url(../images/inc/sub_spot.png) no-repeat center top; text-align:center; line-height:0; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease; }

#sub_container { display:table; position: relative; width: 1200px; margin: 0 auto; font-size: 0; }
#sub_container > #side { display: table-cell; overflow: hidden; vertical-align: top; width: 18%; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9;-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease; }
#sub_container > #side .left_title { margin-top: 60px; font-family: 'Noto Sans KR'; font-size: 24px; line-height: 24px; color: #444444; font-weight: 500; text-align: center; }
#sub_container > #side .left_title_bar { height: 2px; margin: 26px 20px 0; background-color: #444444; }
#sub_container > #side .left_menu { margin-top: 20px; }
#sub_container > #side .left_menu ul { margin: 0; padding: 0; }
#sub_container > #side .left_menu li { position: relative; list-style: none; height: 40px; }
#sub_container > #side .left_menu a { padding-left: 25px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; font-size: 13px; line-height: 40px; color: #666666; display: block; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#sub_container > #side .left_menu a:hover { font-weight: bold; color: #fff; background-color: #0155ad; }
#sub_container > #side .left_menu .dot { position: absolute; right: 35px; top: 18px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#sub_container > #side .left_menu .dot span { position: absolute; display: block; height: 1px; background-color: #b9b9b9; }
#sub_container > #side .left_menu .dot span.v1 { width: 7px; left: 0; top: 0; }
#sub_container > #side .left_menu .dot span.v2 { width: 5px; left: 1px; top: 1px; }
#sub_container > #side .left_menu .dot span.v3 { width: 3px; left: 2px; top: 2px; }
#sub_container > #side .left_menu .dot span.v4 { width: 1px; left: 3px; top: 3px; }
#sub_container > #side .left_menu li:hover .dot { right: 33px; top:22px; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
#sub_container > #side .left_menu li:hover .dot span { background-color: #fff; }

#sub_container > #side .left_menu:after{ content:""; display:block; clear:both; /* height:0; visibility:hidden; */}
#sub_container > #side .left_menu > ul > li.selected {color:#0070bd; font-weight:bold;}
#sub_container > #side .left_menu > ul > li.selected a,
#sub_container > #side .left_menu > ul > li.selected a:hover { padding-left: 25px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; font-size: 13px; line-height: 40px; font-weight: bold;  color: #fff; background-color: #0155ad; display: block; }
#sub_container > #side .left_menu > ul > li.selected .dot { right: 33px; top:22px; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
#sub_container > #side .left_menu > ul > li.selected .dot span { background-color: #fff; }

#sub_container > #side .banner_tel { height: 59px; margin: 30px 0 100px; text-align:center; background-color: #f8f8f8; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; font-family: 'Noto Sans KR'; font-size: 20px; line-height: 58px; color: #676f77; font-weight: 600; letter-spacing: -1px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#sub_container > #side .banner_tel a,
#sub_container > #side .banner_tel a:hover { font-family: 'Noto Sans KR'; font-size: 20px; line-height: 58px; color: #676f77; font-weight: 600; letter-spacing: -1px; }

#sub_container > #content { display: table-cell; width:81.5%; vertical-align: top; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease; }
#sub_container > #content > .lnb { position:absolute; right:0; top:20px; }
#sub_container > #content > .lnb ul { margin:0; padding:0; }
#sub_container > #content > .lnb li { list-style:none; float:left; padding-left:24px; background:url(../images/inc/sub_lnb_bar.png) no-repeat 10px 2px; line-height:12px; }
#sub_container > #content > .lnb li:first-child { padding-left:0; background:none; }
#sub_container > #content > .lnb a,
#sub_container > #content > .lnb a:hover { font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#616161; font-size:12px; line-height:12px; }
#sub_container > #content > .lnb img { margin-top:2px; }

#sub_container > #content > .title { position:relative; margin:42px 0 0 30px; padding-top:11px; font-family: 'Noto Sans KR'; font-size:28px; line-height:28px; color:#393939; font-weight: 500; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease;  }
#sub_container > #content > .title .title_dot_v1 { position:absolute; width:9px; height:4px; left:0; top:0; background-color:#0d6ba7; }
#sub_container > #content > .title .title_dot_v2 { position:absolute; width:26px; height:4px; left:9px; top:0; background-color:#62bbd9; }

#sub_container > #content > .content_area { position:relative; margin:40px 0 50px 30px; }

/* 회사연혁 */
#history { overflow:hidden; }
#history .area { position:relative; margin:0 auto 0;}
#history .area .thum { position:absolute; left:0; top:10px; line-height:0; }
#history .area .thum_info { margin:0 0 0 450px; border-left:1px solid #749bc1; }
#history .area .thum_info ul { margin:0; padding:0; }
#history .area .thum_info li { position:relative; list-style:none; }
#history .area .thum_info .thum_dot { position:absolute; left:-9px; top:5px; }
#history .area .thum_info .thum_line { position:absolute; width:65px; left:23px; top:13px; border-top:1px solid #e5e5e5; }
#history .area .thum_info .thum_list { margin:0 0 0 94px; }
#history .area .thum_info .thum_list ul { margin:0; padding:0; }
#history .area .thum_info .thum_list li { list-style:none; padding-left:9px; background:url(../images/about/history_list_dot.png) no-repeat left 10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; font-size:13px; line-height:24px; color:#333333; }
#history .area .thum_info .thum_list li.last { height:50px; background:none; }
#history .area .thum_info .thum_list li.thum_title { margin:0 0 14px 0; padding-left:0; background:none; font-family:'Noto Sans KR'; font-size:26px; font-weight:500; color:#25639e; }

/* 공장안내 */
#factory { }
#factory .tab { }
#factory .tab ul { margin:0; padding:0; }
#factory .tab li { list-style:none; float:left; width:25%; text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1; }
#factory .tab li:first-child { border-left:1px solid #e1e1e1; }
#factory .tab a { height:46px; font-family:'Noto Sans KR'; font-size:15px; color:#313131; line-height:46px; font-weight:500; background-color:#f8f8f8; display:block; }
#factory .tab a:hover { height:42px; margin:-1px 0 0 -1px; color:#25639e; line-height:42px; background-color:#fff; border:3px solid #25639e; }
#factory .tab li.select { }
#factory .tab li.select a,
#factory .tab li.select a:hover { height:42px; font-family:'Noto Sans KR'; font-size:15px; margin:-1px 0 0 -1px; font-weight:600; color:#25639e; line-height:42px; background-color:#fff; border:3px solid #25639e; display:block; }
#factory .tab:after{ content:""; display:block; clear:both; }

#factory .head { margin-top:50px; font-size:0; }
#factory .head .thum { display:inline-block; vertical-align:top; width:42%; }
#factory .head .thum img { width:100%; }
#factory .head .thum_info { display:inline-block; vertical-align:top; width:58%; }
#factory .head .thum_info h2 { margin:10px 0 0; font-family:'Noto Sans KR'; font-size:28px; line-height:28px; font-weight:600; color:#191919; }
#factory .head .thum_info h2 span { font-family:'Noto Sans KR'; font-size:16px; line-height:16px; font-weight:800; color:#6c6c6c; }
#factory .head .thum_info .list { margin-top:30px; border-top:1px solid #cdcdcd; }
#factory .head .thum_info .list ul { margin:0; padding:0; }
#factory .head .thum_info .list li { position:relative; list-style:none; border-bottom:1px solid #cdcdcd; font-size:0; }
#factory .head .thum_info .list li.v1 { border-bottom:none; }
#factory .head .thum_info .list .subject { display:inline-block; width:22.5%; padding:15px 0 15px 22px; border-right:1px solid #cdcdcd; background-color:#f7f7f7; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#000; font-size:14px; line-height:20px; }
#factory .head .thum_info .list .info { display:inline-block; width:77.5%; padding:15px 0 15px 22px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#7b7b7b; font-size:14px; line-height:20px; }
#factory .head .thum_info .list .inner_list { padding:20px; border-bottom:1px solid #cdcdcd; font-size:0; }
#factory .head .thum_info .list .inner_list ul { margin:0; padding:0; }
#factory .head .thum_info .list .inner_list li { position:relative; list-style:none; padding:0 0 0 10px; margin:4px 0; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#464646; font-size:14px; line-height:20px; border:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#factory .head .thum_info .list .inner_list .dot { position:absolute; width:2px; height:2px; background-color:#000; left:0; top:9px; }
#factory .head .thum_info .list .inner_info { padding:20px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#464646; font-size:14px; line-height:24px; text-align:justify; border:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#factory .head .thum_info .list .inner_info strong { position:relative; font-weight:bold; display:block; }
#factory .head .thum_info .list .inner_info strong .bar { position:absolute; width:10px; height:10px; left:-15px; top:7px; background-color:#0155ad; }
#factory .head .thum_info .list .inner_info .inner_info_thum { margin:20px 0; text-align:center; }
#factory .head .thum_info .list .inner_info .inner_info_thum img { width:80%; }
#factory .head .thum_info .list .inner_info .table { margin-top:10px; border-top:2px solid #0155ad; }
#factory .head .thum_info .list .inner_info .table th { padding:10px 0; background-color:#f7f7f7; border-bottom:1px solid #cdcdcd; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#464646; font-size:14px; line-height:20px; font-weight:bold; text-align:center; }
#factory .head .thum_info .list .inner_info .table td { padding:10px 0; border-left:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#464646; font-size:13px; line-height:20px; text-align:center; }
#factory .head .thum_info .list .inner_info .table td.v1 { border-left:none; }
#factory .head .thum_info .list .inner_info .table td.v2 { background-color:#f7f7f7; }

/* 제품소개 */
#product { }
#product .product_info { font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#333333; font-size:14px; line-height:28px; }
#product .product_info strong { font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#0155ad; font-size:16px; font-weight:bold; }
#product .product_thum { margin-top:40px; padding:30px 0 25px 0; line-height:0; text-align:center; border:1px solid #cdcdcd; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#product .info_title { position:relative; margin-top:40px; padding:0 16px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#464646; font-size:14px; line-height:24px; font-weight:bold; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#product .info_title .bar { position:absolute; width:10px; height:10px; left:0; top:7px; background-color:#0155ad; }
#product .info_text { margin-bottom:30px; padding:0 16px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#464646; font-size:14px; line-height:24px; text-align:justify; border:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#product .info_text ul { margin:0; padding:0; }
#product .info_text li { position:relative; list-style:none; padding:0 0 0 10px; margin:4px 0; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#464646; font-size:14px; line-height:20px; border:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#product .info_text .dot { position:absolute; width:2px; height:2px; background-color:#000; left:0; top:9px; }

#product .product_slide { margin:15px 0 50px 0; }

#product .table { margin-top:10px; border-top:2px solid #0155ad; }
#product .table th { padding:10px 0; background-color:#f7f7f7; border-bottom:1px solid #cdcdcd; border-left:1px solid #cdcdcd; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#464646; font-size:14px; line-height:20px; font-weight:bold; text-align:center; }
#product .table th.v1 { border-left:none; }
#product .table td { padding:7px 0; border-left:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#464646; font-size:13px; line-height:20px; text-align:center; }
#product .table td.v1 { border-left:none; }
#product .table td.v2 { background-color:#f7f7f7; }

/* 홀커터 */
#hole { position:relative; }
#hole > .head { position:relative; font-size:0; }
#hole > .head .thum { display:inline-block; width:40%; }
#hole > .head .thum img { width:100%; }
#hole > .head .thum_text { display:inline-block; vertical-align:top; width:55%; margin-left:5%; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#333333; font-size:14px; line-height:28px; }
#hole > .head .thum_text strong { display:block; vertical-align:top; margin-bottom:15px; font-family:'Noto Sans KR'; color:#0155ad; font-size:26px; font-weight:500; }

/* 홀커터 종류 */
#hole > h2 { margin:50px 0 0 0; font-family: 'Noto Sans KR'; font-size:30px; line-height:45px; color:#005286; font-weight:400; letter-spacing:-2px; text-align:center; }
#hole > h2 strong { font-family: 'Noto Sans KR'; color:#da2051; font-weight:600; }
#hole > p { margin:14px 0 0 0; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; font-size:14px; line-height:26px; color:#000; text-align:center; }

#hole > .list { margin-top:45px; }
#hole > .list ul { margin:0; padding:0; }
#hole > .list li { list-style:none; margin-bottom:20px; border:5px solid #e0e0e0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-size:0; }
#hole > .list .icon { display:inline-block; width:20%; margin:0.5%; vertical-align:middle; line-height:0; }
#hole > .list .icon img { width:100%; }
#hole > .list .icon_text { display:inline-block; vertical-align:middle; width:70%; margin-left:2%; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; font-size:13px; line-height:24px; color:#000000; }
#hole > .list .icon_text strong { font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; font-size:15px; font-weight:bold; line-height:24px; color:#0d6ba7; }



/* FOOTER */
#footer .area { overflow:hidden; width:1200px; margin:0 auto; }
#footer .area .menu { margin:40px 0; }
#footer .area .menu ul { margin:0; padding:0; }
#footer .area .menu li { float:left; list-style:none; padding-left:21px; background:url(../images/inc/footer_bar.png) no-repeat 10px 2px; }
#footer .area .menu li:first-child { padding-left:0; background:none; }
#footer .area .menu a,
#footer .area .menu a:hover { font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#5c5c5c; font-size:12px; line-height:13px; font-weight:bold; }

#footer .area .address { margin-top:10px; }
#footer .area .address ul { margin:0; padding:0; }
#footer .area .address li { float:left; list-style:none; padding-left:21px; background:url(../images/inc/footer_bar.png) no-repeat 10px 4px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#7f7f7f; font-size:12px; line-height:20px; }
#footer .area .address li.type01 { padding-left:0; background:none; clear:both; }

@media screen and (max-width:1240px) {
	/* SUB CONTAINER */
	#sub_container { width: 94%; margin: 0 3%; }
	
	#history .area .thum { width:44%; }
	#history .area .thum img { width:100%; }
	#history .area .thum_info { margin:0 0 0 49%; }
}

@media screen and (max-width:1200px) {
	#header { width:auto; margin:0 auto; }
	
	/* HEADER */
	#header h1 { padding:29px 0 0 20px; }
	#header .gnb { right:20px; }	
	
	/* CONTAINER */
	#container .slide .product li.line01 { min-width: 30px; }
	#container .slide .product li.line02 { width: 10%; }

	#container > .service { width:auto; }
	#container > .service > h2 { margin:50px 0 0; }
	#container > .service > .list > ul > li { min-height: 320px; }
	#container > .service > .list .thum { margin: 5px; }
	#container > .service > .list .thum img { width: 100%; }
	
	#container > .aside > .area { width: auto; }
	#container > .aside > .area .head .head_info { margin: 10px 0 0 180px; }
	#container > .aside > .area .list .subject { margin: 0 100px 0 0; text-overflow:ellipsis; white-space:nowrap; }

	/* SUB CONTAINER */
	#container .sub_slide img { width: 100%; }
	#sub_container > #side .banner_tel { padding-left: 0; font-size:20px; background-image:none; text-align:center; }

	/* FOOTER */
	#footer .area { width:auto; }/* FOOTER */
	#footer .area .menu { margin:40px 20px; }	
	#footer .area .address { margin:10px 20px 0; }
}


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

	/* CONTAINER */
	#container .slide .product { bottom: 20px; }
	#container .slide .product li { min-width: 100px; height: auto; }
	#container .slide .product li.line01 { min-width: 30px; }
	#container .slide .product li.line02 { width: 0; min-width: 0; }
	#container .slide .product_bottom { height: 20px; }
	
	#container .slide .slide_text { width: 100%; font-size: 5vw; }
	#container .slide .slide_text span { font-size: 5vw; }
	
	#container > .aside > .area .head .head_info span { display: none; }
	
	/* SUB CONTAINER */
    #sub_container { display:block; }
	#sub_container > #side { display: none; }
    #sub_container > #content { display:block; width:100%; }
	#sub_container > #content > .title { margin:42px 0 0 0; }
	#sub_container > #content > .content_area { position:relative; margin:40px 0 50px 0; }
	
	/* FOOTER */
	#footer { height: auto; padding-bottom: 30px; }
	#footer .area .menu { margin:30px 20px 0; }
	#footer .area .menu ul { text-align: center; }
	#footer .area .menu li { display: inline-block; float:none; list-style:none; padding-left:14px; background:none; }

	#footer .area .address ul { text-align: center; }
	#footer .area .address li {display: inline-block; float:none; padding-left:14px; background:none; }
}


@media screen and (max-width:768px) {
	header { height:80px; }

	/* HEADER */
	#header h1 { padding:27px 0 0 20px; }
	#header h1 img { height:26px; }
	#header .gnb { top:32px; }
    #header .gnb .smenu { top:48px; }
	
	/* CONTAINER */
	#container .slide { margin-top:81px; }
	
	/* SUB CONTAINER */
	#container .sub_slide { margin-top:81px; }

    /* 홀커터 종류 */
    #hole > h2 { margin:50px 0 0 0; font-size:25px; line-height:38px; }
    #hole > p { margin:14px 0 0 0; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; font-size:14px; line-height:26px; color:#000; text-align:center; }

    #hole > .list li { border:3px solid #e0e0e0; }
    #hole > .list .icon { width:25%; margin:0.5%; }
    #hole > .list .icon_text { width:65%; margin:10px 2%; }
}


@media screen and (max-width:640px) {
	header { height:60px; }

	/* HEADER */
	#header h1 { padding:18px 0 10px 10px; }
	#header h1 img { height:24px; }
	#header .gnb { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; visibility: hidden; }
	#header .gnb_btn { right: 15px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0; visibility: visible; }	
    
    #header .header_lnb { display:none; }
	
	/* CONTAINER */
	#container .slide { margin-top:61px; }
	#container .slide .slide_text { font-size: 5vw; letter-spacing: -1px; }
	#container .slide .slide_text span { font-size: 5vw; }
	
	#container .slide .product { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; visibility: hidden; }
	#container .slide .product_bottom { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; visibility: hidden; }
	
	#container > .service > h2 { margin:40px 0 0;  font-size: 24px; line-height: 24px; font-weight: bold; letter-spacing: -1px; }
	#container > .service > p { letter-spacing: -1px; }
	#container > .service > .list { margin-top: 40px; }
	#container > .service > .list > ul > li { width: 94%; min-height: auto; margin:0 3% 10px; padding-bottom: 30px; }
	#container > .service > .list > ul > li:nth-child(even) { margin-top: 0; }
	#container > .service > .list h3 { font-size: 18px; line-height: 18px; }
	#container > .service > .list p { font-size: 13px; line-height: 20px; }
	
	#container > .aside { margin:40px auto 0; padding-bottom: 10px; }
	#container > .aside > .area li { float: none; width: 90%; margin: 0 5%; }
	#container > .aside > .area .title { margin: 30px 0 0; font-size: 18px; line-height: 18px; }
	#container > .aside > .area .title .more { right: 10px; }
	#container > .aside > .area .head { height: auto; margin-top: 20px; }
	#container > .aside > .area .head .head_thum { position: relative; left: 0; text-align: center; }
	#container > .aside > .area .head .head_info { margin: 20px; }
	#container > .aside > .area .head .head_info span { display: block; }
	#container > .aside > .area .head .head_info a,
	#container > .aside > .area .head .head_info a:hover { font-size: 13px; line-height: 24px; }
	#container > .aside > .area .list .subject { margin: 0 0 0 0; }
	#container > .aside > .area .list .data { display: none;}
	
	/* SUB CONTAINER */
	#container .sub_slide { margin-top:61px; }
	#sub_container > #content > .lnb { display: none; }
	#sub_container > #content > .title { margin:30px 0 0 0; font-size:22px; line-height:22px; }
	#sub_container > #content > .content_area { position:relative; margin:30px 0 50px 0; }
    
	#footer .area .menu { margin:30px 5px 0; }
    
	#history .area .thum { position:relative; width:auto; }
	#history .area .thum_info { margin:40px 0 0 10px; }
	#history .area .thum_info .thum_line { width:20px; }
	#history .area .thum_info .thum_list { margin:0 0 0 54px; }
	#history .area .thum_info .thum_list li.last { height:40px; }
	#history .area .thum_info .thum_list li.thum_title { font-size:22px; }

    /* 공장안내 */
    #factory .tab a { font-size:13px; letter-spacing:-1px; }
    #factory .tab li.select a,
    #factory .tab li.select a:hover { font-size:13px; letter-spacing:-1px; }

    #factory .head { margin-top:30px; font-size:0; }
    #factory .head .thum { display:block; width:auto; }
	#factory .head .thum_info { display:block; width:auto; }
	#factory .head .thum_info h2 { margin:30px 0 0; font-size:22px; line-height:22px; }
	#factory .head .thum_info h2 span { font-size:14px; line-height:14px; }
	#factory .head .thum_info .list { margin-top:20px; }
	#factory .head .thum_info .list .subject { width:34%; padding:10px 0 10px 22px; }
	#factory .head .thum_info .list .info { width:66%; padding:10px 0 10px 22px; }
	#factory .head .thum_info .list .inner_info .table td { letter-spacing:-1px; }

    /* 제품소개 */
    #product .product_thum { padding:20px 0 20px 0; }
    #product .product_thum img { width:100%; }
	#product .info_title { font-size:16px; }

    /* 홀커터 */
    #hole > .head .thum { display:block; width:auto; }
    #hole > .head .thum_text { display:block; width:auto; margin:30px 15px 15px; }
    #hole > .head .thum_text strong { font-size:18px; letter-spacing:-1px; }

    /* 홀커터 종류 */
    #hole > h2 { margin:40px 0 0 0; font-size:20px; line-height:30px; }

    #hole > .list .icon { display:block; width:auto; margin:10px; text-align:center; }
    #hole > .list .icon_text { display:block; width:auto; margin:20px 15px; font-size:14px; }
    #hole > .list .icon_text strong { font-size:16px; }
}


@media screen and (max-width:320px) {
	/* CONTAINER */
	#container .slide .slide_text { font-size: 13px; line-height: 14px; letter-spacing: -2px; top: 42%; }
	#container .slide .slide_text span { font-size: 13px; line-height: 14px; }
}