@charset "utf-8";

/* 공통 */
.id_color { color:#e33a38; }
.id_color2 { color:#fc8989; }
.ico_category { display:inline-block; width:110px; line-height:30px; background:#f2f2f2; text-align:center; color:#fff; }
.tit { font-size:18px; color:#333; font-weight:600; }
.txt { font-size:14px; line-height:24px; margin-top:15px; }
.txt14 { font-size:14px; }
.txt18 { font-weight:700; font-size:18px; line-height:30px; color:#333; }
.text_area { padding:40px 20px 80px; }
.underline { color:#e33a38; font-weight:600; border-bottom:1px solid #e33a38; display:inline-block; }


/* 버튼 스타일 */
.board_button { overflow:hidden; }

.btn_wrap { width:100%; text-align:center; }
.btn_wrap a { float:left; margin-left:15px; }
.btn_wrap a:first-child { margin-left:0px; }

.btn_wrap2 { }
.btn_wrap2 a { float:left; margin-left:15px; }
.btn_wrap2 a:first-child { margin-left:0px; }

.btn01 { display:inline-block; width:233px; height:67px; font-size:16px; font-weight:600; line-height:65px; text-indent:40px; box-sizing: border-box; text-align:left; position:relative; }
.btn01.color1 { border:1px solid rgba(255, 255, 255, .6); background:transparent; color:#fff; }
.btn01.color1:after { display:block; width:67px; height:5px; background:#e33a38; content:''; position:absolute; left:-1px; bottom:-1px; transition:width .2s ease; }
.btn01.color1:hover:after { width:233px; }

.btn02 { display:inline-block; width:130px; height:40px; font-size:14px; line-height:38px; font-weight:500; text-indent:20px; box-sizing: border-box; text-align:left; position:relative; }
.btn02.color1 { border:1px solid #e33a38; background:transparent; color:#e33a38; }
.btn02.color1:after { display:block; width:50px; height:3px; background:#e33a38; content:''; position:absolute; left:-1px; bottom:-1px; transition:width .2s ease; }
.btn02.color1:hover:after { width:130px; }
.btn02.color2 { border:1px solid #fff; background:transparent; color:#fff; }
.btn02.color2:after { display:block; width:50px; height:3px; background:#fff; content:''; position:absolute; left:-1px; bottom:-1px; transition:width .2s ease; }
.btn02.color2:hover:after { width:130px; }

.btn03 { display:inline-block; padding:0 25px; height:40px; font-size:14px; line-height:38px; box-sizing: border-box; text-align:center; position:relative; }
.btn03.color1 { border:1px solid #fff; background:transparent; color:#fff; }
.btn03.color2 { border:1px solid #25272e; background:#fff; color:#25272e; }
.btn03.color3 { border:1px solid #25272e; background:#25272e; color:#fff; }

.btn30 { display:inline-block; overflow:hidden; position:relative; width:60px; height:30px; border:none; font-weight:500; font-size:15px; line-height:28px; text-align:center; vertical-align:top; box-sizing:border-box; -webkit-appearance:none; appearance:none; }
.btn30.color1 { border:1px solid #25272e; background:#25272e; color:#fff; }
.btn30.color2 { border:1px solid #868a94; background:#868a94; color:#fff; }
.btn30.color3 { border:1px solid #25272e; background:#transparent; color:#25272e; }

.btn40 { display:inline-block; overflow:hidden; position:relative; width:120px; height:40px; border:none; font-weight:500; font-size:15px; line-height:38px; text-align:center; vertical-align:top; box-sizing:border-box; -webkit-appearance:none; appearance:none; }
.btn40.color1 { border:1px solid #25272e; background:#25272e; color:#fff; }
.btn40.color2 { border:1px solid #25272e; background:#transparent; color:#25272e; }

.btn45 { display:inline-block; overflow:hidden; position:relative; width:120px; height:45px; border:none; font-weight:700; font-size:16px; line-height:43px; text-align:center; vertical-align:top; box-sizing:border-box; -webkit-appearance:none; appearance:none; }
.btn45.color1 { border:1px solid #25272e; background:#25272e; color:#fff; }
.btn45.color2 { border:1px solid #25272e; background:#transparent; color:#25272e; }

.btn50 { display:inline-block; overflow:hidden; position:relative; width:180px; height:50px; border:none; font-weight:700; font-size:16px; line-height:48px; text-align:center; vertical-align:top; box-sizing:border-box; -webkit-appearance:none; appearance:none; }
.btn50.color1 { border:1px solid #e33a38; background:#e33a38; color:#fff; }
.btn50.color2 { border:1px solid #25272e; background:#transparent; color:#25272e; }
.btn50.color3 { border:1px solid #25272e; background:#25272e; color:#fff; }


/* 페이지 number */
.pagination { width:100%; height:40px; margin:50px 0 0; overflow:hidden; text-align:center; position:relative; }
.pagination.type2 { overflow:visible; }
.pagination .paging { display:inline-block; *display:inline; zoom:1; }
.pagination .paging > a { display:block; width:40px; height:40px; margin-left:5px; float:left; font-size:12px; line-height:30px; color:#ffffff; }
.pagination .paging .page_first { background:url('../image/page_first.gif') 0 0 no-repeat; margin-left:0px; }
.pagination .paging .page_prev { background:url('../image/page_prev.gif') 0 0 no-repeat; }
.pagination .paging .page_next { background:url('../image/page_next.gif') 0 0 no-repeat; margin-left:0px; }
.pagination .paging .page_last { background:url('../image/page_last.gif') 0 0 no-repeat; }
.pagination .paging .page { display:block; float:left; padding:0 36px; }
.pagination .paging .page a { display:block; float:left; width:32px; height:20px; padding:10px 0; }
.pagination .paging .page a span { display:inline-block; font-size:15px; line-height:20px; color:#666; }
.pagination .paging .page a.active span { font-weight:700; color:#e33a38; border-bottom:2px solid #e33a38; }


/* table 스타일 */
.t_inf { background:#f2f2f2; padding:20px; font-size:16px; color:#333; font-weight:500; }
.t_inf .f_img { line-height:30px; display:block; }

.next_doc { border-top:1px solid #dcdcdc; border-bottom:1px solid #333; table-layout:fixed; }
.next_doc tbody tr th { padding:30px 20px; font-size:16px; font-weight:300; }
.next_doc tbody tr td { padding:30px 20px; font-size:16px; font-weight:600; color:#333; }
.next_doc tbody tr td a { display:inline-block; overflow:hidden; max-width:100%; height:25px; box-sizing:border-box; white-space:nowrap; word-break:break-all; text-overflow:ellipsis; }
.next_doc tbody tr td a:hover { border-bottom:1px solid #333; }

.comment_table { border-top:1px solid #333; }
.comment_table tbody tr td { padding:20px; font-size:16px; color:#333; border-bottom:1px solid #dcdcdc; }

.comment_write_table { background:#f2f2f2; margin-top:30px; padding:15px 0; }
.comment_write_table tbody tr td { padding:5px 20px 5px 20px; }
.comment_write_table tbody tr td textarea { width:100%; max-width:840px; min-width:840px; height:100px; min-height:100px; font-size:14px; line-height:24px; }

.list_table1 {}
.list_table1 thead tr th { font-size:20px; color:#fff; background:#25272e; padding:15px 0; text-align:center; font-weight:600; }
.list_table1 tbody tr th { font-size:16px; color:#333; padding:15px 0; background:#f4f4f4; text-align:center; font-weight:600; border:solid #dcdcdc; border-width:0 1px 1px 0; }
.list_table1 tbody tr th:last-child { border-width:0 0 1px 0; }
.list_table1 tbody tr td { font-size:16px; color:#666; padding:15px 0; border:solid #dcdcdc; border-width:0 1px 1px 0; text-align:center; }
.list_table1 tbody tr td:last-child { border-width:0 0 1px 0; }

.list_table2 { border-top:1px solid #333; }
.list_table2 thead tr th { padding:20px 0; font-size:16px; color:#222; border-bottom:1px solid #c4c4c4; text-align:center; }
.list_table2 tbody tr td { padding:20px 0; font-size:16px; color:#666; border-bottom:1px solid #c4c4c4; text-align:center;word-break: keep-all; }
.list_table2 tfoot tr th { padding:20px 0; font-weight:700; font-size:16px; color:#222; border-bottom:1px solid #c4c4c4; text-align:center; background:#f4f4f4; }
.list_table2 tfoot tr td { padding:20px 0; font-weight:700; font-size:16px; color:#222; border-bottom:1px solid #c4c4c4; text-align:center; background:#f4f4f4; }
.list_table2 .check label { background:url('../image/chk_off.gif') center no-repeat; color:#444; font-size:14px; line-height:18px; height:20px; display:block; }
.list_table2 .check input[type="checkbox"]:checked + label { background-position: 0 -40px; background:url('../image/chk_on.gif') center no-repeat; }

.list_table3 { }
.list_table3 thead tr th { padding:20px 0; font-size:16px; color:#222; border-bottom:1px solid #c4c4c4; text-align:center; }
.list_table3 tbody tr td { padding:20px 0; font-size:16px; color:#666; border-bottom:1px solid #c4c4c4; text-align:center; }
.list_table3 .check label { background:url('../image/chk_off.gif') center no-repeat; color:#444; font-size:14px; line-height:18px; height:20px; display:block; }
.list_table3 .check input[type="checkbox"]:checked + label { background-position: 0 -40px; background:url('../image/chk_on.gif') center no-repeat; }

.list_table4 { border-top:1px solid #333; }
.list_table4 tbody tr th { padding:20px 0 20px 20px; font-size:16px; color:#222; border-bottom:1px solid #c4c4c4; text-align:center; text-align:left; }
.list_table4 tbody tr td { padding:20px 0; font-size:16px; color:#666; border-bottom:1px solid #c4c4c4; text-align:center; text-align:left; }

.list_table5 { }
.list_table5 thead tr th { padding:14px 0; background:#3d3f4e; font-size:16px; color:#fff; text-align:center; border:solid #dcdcdc; border-width:0 1px 1px 0; }
.list_table5 tbody tr th { font-size:16px; color:#333; padding:15px 0; background:#f4f4f4; font-weight:600; border:solid #dcdcdc; border-width:0 1px 1px 0; }
.list_table5 tbody tr td { padding:14px 0; font-size:16px; color:#666;  border:solid #dcdcdc; border-width:0 1px 1px 0; text-align:center; line-height:22px; }
.list_table5 tbody tr td:last-child{border-right:0;} 

.write_table { border-top:1px solid #333; }
.write_table tbody tr th { padding:20px 0 20px 20px; border-bottom:1px solid #dcdcdc; text-align:left; }
.write_table tbody tr th span { display:inline-block; position:relative; padding:0 0 0 15px; font-weight:600; font-size:16px; line-height:45px; color:#333; }
.write_table tbody tr th span.import:before { display:block; content:'*'; position:absolute; top:0; left:0; color:#e33a38; }
.write_table tbody tr td { padding:20px; border-bottom:1px solid #dcdcdc; }

.view_table1 { border-top:1px solid #333; }
.view_table1 tbody tr th { padding:23px 0 23px 30px; border-bottom:1px solid #dcdcdc; text-align:left; font-size:16px; color:#333; }
.view_table1 tbody tr td { padding:23px; border-bottom:1px solid #dcdcdc; font-size:16px; }

.view_table2 { border-top:1px solid #333; }
.view_table2 thead tr th { padding:0 20px 30px 20px; border-bottom:1px solid #dcdcdc; font-size:22px; font-weight:600; color:#333; text-align:left; }
.view_table2 thead tr td { padding:30px 20px 15px; font-size:16px; color:#666; }
.view_table2 thead tr td.id_color { color:#e33a38; font-weight:600; }
.view_table2 thead tr td.view_num { background:url('../image/ico_view_num.png') 20px 35px no-repeat; text-align:right; position:relative; }
.view_table2 thead tr td.view_num:before { display:block; content:''; width:1px; height:15px; background:#dcdcdc; position:absolute; left:0; top:35px; }

.search_table { border-top:1px solid #333; }
.search_table tbody tr th { background:#f4f4f4; border-top:1px solid #fff; font-weight:700; font-size:16px; color:#222; text-align:center; }
.search_table tbody tr td { background:#f4f4f4; border-top:1px solid #fff; padding:15px 5px; }
.search_table tbody tr:first-child th { border-top:none; }
.search_table tbody tr:first-child td { border-top:none; }
.search_table tbody select { background-color:#fff; width:110px; }
.search_table tbody label { cursor:pointer; }
.search_table tbody label .btn45 { width:100px; background:#fff; }
.search_table tbody label.on > .btn45.color2 { border:1px solid #25272e; background:#25272e; color:#fff; }

#variableFiles tr td { border:none; padding:5px 0; }
#variableFiles .file_box { border:1px solid #e2e2e2; height:35px; line-height:35px; padding-left:5px; box-sizing:border-box; overflow:hidden; }


/* tab 스타일 */
.tab_style1 { }
.tab_style1 ul { display:table; table-layout:fixed; width:100%; border-bottom:1px solid #dcdcdc; }
.tab_style1 ul li { display:table-cell; background:#f4f4f4; border-top:1px solid #dcdcdc; border-right:1px solid #dcdcdc; text-align:center; }
.tab_style1 ul li:first-child { border-left:1px solid #dcdcdc; }
.tab_style1 ul li a { color:#666; font-size:18px; display:block; line-height:60px; padding-bottom:4px; font-weight:600; }
.tab_style1 ul li.on a { margin:-1px; color:#e33a38; border:1px solid #e33a38; border-top:4px solid #e33a38; border-bottom:1px solid #fff; background:#fff; }


/* 검색 */
.bbs_count { font-size:20px; font-weight:500; color:#333; text-align:center; }

.board_search { position:relative; margin:-16px 0 0; padding:0 60px 4px 0; border-bottom:1px solid #48484b; }
.board_search input { height:48px; padding:0 0 0 40px; border:none; background:none; font-size:16px; }
.board_search input.keyword2 { width:800px; }
.board_search button { display:block; position:absolute; top:6px; right:20px; width:40px; height:40px; background:url('../image/ico_search.png') center center no-repeat; text-indent:-9999px; }
.board_search select { background:#fff url('../image/select.png') right center no-repeat; }

/* index */
#wrap { width:100%;min-height:100%; box-sizing:border-box; position:relative; overflow:hidden; }





#header{position:fixed; top:0; left:0; z-index:300; width:100%; }
.head_in{position:relative; z-index:300; width:100%; height:102px; border-bottom:1px solid rgba(255,255,255,0.2);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.util_right{position:absolute; top:50%; right:20px; 
	-webkit-transform: translate3d(0,-50%,0);
	-moz-transform: translate3d(0,-50%,0);
	-ms-transform: translate3d(0,-50%,0);
	-o-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0);
}
.util_right:after{content:""; display:block; clear:both;}
.util_right .util_nav{position:relative; float:left; width:70px; height:30px; border-bottom:1px solid #fff; }
.util_right .util_nav p.target_txt{font-size:18px; font-weight:500; color:#fff; background:url("../image/ico_arrow_down_w.png") 95% center no-repeat;}
.util_right .util_nav > ul{display:none; position:absolute; top:100%; left:0; width:100%; padding:4px; background-color: #fff; 
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.4)  ; 
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4)  ; 
	-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4)  ; 
}
.util_right .util_nav > ul li{width:100%;} 
.util_right .util_nav > ul li a{display:block; width:100%; padding:2px 0; font-size:15px; color:#000; }
.util_right .login_box{float:left; padding:4px 0 0 0; }
.util_right .login_box:after{content:""; display:block; clear:both; }
.util_right .login_box li{float:left; margin-left:20px;}



#header.active:after { opacity:1; }
#header.active .header_inner .logo a:before { opacity:0; }
#header.active .header_inner .logo a:after { opacity:1; }
#header.active .header_inner .gnb > li > a { color:#333; }
#header.active .header_inner .login > li > a { color:#333; }
#header.active .header_inner .login > li:nth-child(1) { background:url('../image/login_bar1.png') right center no-repeat; }
#header.active .header_inner .question { border:solid #e6e6e6; border-width:0 1px 0 1px; }
#header.active .header_inner .question a { background:url('../image/ico_question2.png') center 19px no-repeat; color:#de201e; }

#header .header_inner { position:relative; width:1180px; height:90px; margin:0 auto; }
#header .header_inner .logo { position:absolute; top:10px; left:0; }
#header .header_inner .logo a { display:block; position:relative; width:229px; height:72px; }
#header .header_inner .logo a:before { display:block; content:''; position:absolute; top:0; right:0; bottom:0; left:0; background:url('../image/logo1.png') 0 0 no-repeat; opacity: 1; transition:all .3s; }
#header .header_inner .logo a:after { display:block; content:''; position:absolute; top:0; right:0; bottom:0; left:0; background:url('../image/logo2.png') 0 0 no-repeat; opacity: 0; transition:all .3s; }

#header .header_inner .gnb { position:absolute; left:352px; top:0; }
#header .header_inner .gnb > li { float:left; margin-left:30px; }
#header .header_inner .gnb > li:first-child { margin:0; }
#header .header_inner .gnb > li > a { display:block; font-weight:600; font-size:18px; color:#fff; line-height:90px; text-align:center; transition:color .3s; position:relative; padding:0 10px; }
#header .header_inner .gnb > li > a:after { display:block; content:''; position:absolute; left:0; bottom:-1px; width:100%; height:4px; background:#cf1f20; transform:scaleX(0); -webkit-transform:scaleX(0); transition:all .3s; }
#header .header_inner .gnb > li > .depth2 { display:none; overflow:hidden; position:absolute; top:90px; left:-352px; width:2560px; margin:0 -640px; padding:35px 640px; box-sizing:border-box; opacity:0; background:#fff; border-bottom:1px solid #e6e6e6; }
#header .header_inner .gnb > li > .depth2 > ul { display:table; table-layout:fixed; width:100%; }
#header .header_inner .gnb > li > .depth2 > ul > li { display:table-cell; height:24px; border-left:1px solid #c2c2c2; padding-left:20px; opacity:0; transform:translateX(50px); -webkit-transform:translateX(50px); }
#header .header_inner .gnb > li > .depth2 > ul > li a { font-size:16px; color:#333; line-height:24px; font-weight:600; display:block; }
#header .header_inner .gnb > li > .depth2 > ul > li > a:focus,
#header .header_inner .gnb > li > .depth2 > ul > li:hover > a { color: #cf1f20; }

#header .header_inner .gnb > li.on > a:after { transform:scaleX(1); -webkit-transform:scaleX(1); }
#header .header_inner .gnb > li.on > .depth2 { display:block; z-index:1; opacity:1; }
#header .header_inner .gnb > li.on > .depth2 > ul > li { top:91px; opacity:1; transform:translateX(0px); -webkit-transform:translateX(0px); }
#header .header_inner .gnb > li > .depth2 > ul > li:nth-child(1) { transition:all .3s; }
#header .header_inner .gnb > li > .depth2 > ul > li:nth-child(2) { transition:all .3s .03s; }
#header .header_inner .gnb > li > .depth2 > ul > li:nth-child(3) { transition:all .3s .06s; }
#header .header_inner .gnb > li > .depth2 > ul > li:nth-child(4) { transition:all .3s .09s; }
#header .header_inner .gnb > li > .depth2 > ul > li:nth-child(5) { transition:all .3s .12s; }
#header .header_inner .gnb > li > .depth2 > ul > li:nth-child(6) { transition:all .3s .15s; }

#header .header_inner .login { position:absolute; right:120px; top:39px; }
#header .header_inner .login li { float:left; padding:0 10px; }
#header .header_inner .login li:nth-child(1) { padding:0 15px; 0 10px; background:url('../image/login_bar2.png') right center no-repeat; }
#header .header_inner .login li.line { padding:0 15px; 0 10px; background:url('../image/login_bar2.png') right center no-repeat; }
#header .header_inner .login li .mng_box {position:absolute;   right: 193px;  top: -23px;}
#header .header_inner .login li a { font-size:13px; color:#fff; padding:3px 0; }
#header .header_inner .login li a:hover { border-bottom:2px solid #de201e; }

#header .header_inner .question { display:block; border:solid rgba(255, 255, 255, .3); border-width:0 1px 0 1px; position:absolute; right:0; top:0; }
#header .header_inner .question a { display:block; width:108px; height:90px; color:#fff; text-align:center; font-size:16px; font-weight:600; background:url('../image/ico_question1.png') center 19px no-repeat; padding-top:55px; box-sizing:border-box; }


#container { width:100%; }

#container .main { position:relative; max-width:1180px;width: 100%; margin:0 auto; }

#container .main .title_wrap { opacity:0; position:relative; top:0; transform:translate(0,30px); -webkit-transform:translate(0,30px); transition:all 1s; -webkit-transition:all 1s; text-align:center; }
#container .main .title_wrap.on { opacity:1; transform:translate(0,0px); -webkit-transform:translate(0,0px); }

#container .main .title_wrap .title_st1 { font-size:53px; color:#222; font-weight:700; height:40px; line-height:40px; position:relative; }
#container .main .title_wrap .title_st1:before { display:block; content:''; width:1px; height:80px; background:#000; position:absolute; left:50%; top:-120px; }
#container .main .title_wrap .subtit_st1 { font-size:18px; color:#666; margin-top:25px; line-height:28px; }

#container .main .title_wrap .title_st2 { font-size:53px; color:#fff; font-weight:700; height:40px; line-height:40px; position:relative; }
#container .main .title_wrap .title_st2:before { display:block; content:''; width:1px; height:80px; background:#fff; position:absolute; left:50%; top:-120px; }
#container .main .title_wrap .subtit_st2 { font-size:18px; color:#ccc; margin-top:25px; line-height:28px; }

#container .main .mainvisual { margin:0 -640px; height:950px; background:url('../image/mainvisual.jpg') no-repeat center; position:relative; }
/*#container .main .mainvisual { margin:0 -640px; height:950px; no-repeat center; position:relative; }*/
#container .main .mainvisual > h2 { text-align:center; padding-top:182px; }
#container .main .mainvisual .scr_btn { display:block; background:url('../image/ico_scroll.png') no-repeat 38px top; position:absolute; left:50%; bottom:50px; margin-left:-38px; }
#container .main .mainvisual .scr_btn a { display:block; width:76px; height:82px; padding-top:66px; box-sizing:border-box; text-align:center; font-size:14px; color:#fff; letter-spacing:-0.2px; font-weight:500; }

#container .main .mainsolution {padding:120px 0; background:url('../image/mainsolution.png') repeat; position:relative; }

#container .main .mainsolution .solution_wrap { opacity:0; margin:60px 0 0 0; position:relative; padding:0 30px; overflow:hidden; }
#container .main .mainsolution .solution_wrap.on { opacity:1; }
#container .main .mainsolution .solution_wrap .solution_slider > a { display:block; width:78px; height:50px; position:absolute; top:calc(50% - 50px); z-index:1; transform:translate(0,-50%); -webkit-transform:translate(0,-50%); }
#container .main .mainsolution .solution_wrap .solution_slider .prev {  background:url('../image/solution_prev.png') 0 0 no-repeat; left:0; }
#container .main .mainsolution .solution_wrap .solution_slider .next {  background:url('../image/solution_next.png') 0 0 no-repeat; right:0; }
#container .main .mainsolution .solution_wrap  .bx-wrapper .bx-viewport {height: auto !important;}

#container .main .mainsolution .solution_wrap ul li { /*margin-left:25px;*/ float:left; position:relative; opacity:1; transition: all 1s; }
#container .main .mainsolution .solution_wrap ul li:first-child { margin:0; }
#container .main .mainsolution .solution_wrap ul li .solution_text { margin-top:20px; padding-left:30px; position:relative; }
#container .main .mainsolution .solution_wrap ul li .solution_text:before { display:block; content:''; width:1px; height:80px; background:#000; position:absolute; left:10px; bottom:30px; }
#container .main .mainsolution .solution_wrap ul li .solution_text > .text { font-size:16px; color:#e33a38; font-weight:500; }
#container .main .mainsolution .solution_wrap ul li .solution_text > .title { font-size:24px; color:#333; font-weight:600; }

#container .main .mainsolution .solution_wrap ul li .solution_con { position:relative; }
#container .main .mainsolution .solution_wrap ul li .solution_con .solution_hover { opacity:0; transition:all .5s; -webkit-transition:all .5s; position:absolute; left:30px; top:30px; width:330px; height:368px; background:#e33a38; padding:40px 30px; box-sizing:border-box; }
#container .main .mainsolution .solution_wrap ul li .solution_con:hover .solution_hover { opacity:1; transform:translate(0,0px); -webkit-transform:translate(0,0px); }
#container .main .mainsolution .solution_wrap ul li .solution_con .solution_hover > h3 { color:#fff; font-size:24px; font-weight:600; position:relative; height:22px; line-height:22px; }
#container .main .mainsolution .solution_wrap ul li .solution_con .solution_hover > h3:after { display:block; content:''; width:30px; height:1px; position:absolute; left:0; bottom:-24px; background:#fff; }
#container .main .mainsolution .solution_wrap ul li .solution_con .solution_hover > p { margin-top:56px; color:#fff; font-size:15px; letter-spacing:-0.1px; }
#container .main .mainsolution .solution_wrap ul li .solution_con .solution_hover a {color: #fff;}
#container .main .maincontents { margin:0 -640px; padding:120px 0; background:#fff url('../image/maincontents.jpg') repeat-x 0 0; position:relative; }

#container .main .maincontents .contents_wrap { width:1180px; margin:60px auto 0; background:#fff; padding:80px 80px 0; box-sizing:border-box; }
#container .main .maincontents .contents_wrap ul { overflow:hidden; }
#container .main .maincontents .contents_wrap ul li { padding-left:120px; float:left; width:550px; box-sizing:border-box; transform:translate(0,50px); opacity:0; }
#container .main .maincontents .contents_wrap ul li.on { transform:translate(0,0); transition-duration:.5s; opacity:1; }
#container .main .maincontents .contents_wrap ul li:nth-child(1) { background:url('../image/contents_con_01.png') left top no-repeat; transition-delay:.2s; }
#container .main .maincontents .contents_wrap ul li:nth-child(2) { background:url('../image/contents_con_02.png') left top no-repeat; margin:0 0 0 20px; transition-delay:.3s; }
#container .main .maincontents .contents_wrap ul li:nth-child(3) { background:url('../image/contents_con_03.png') left top no-repeat; margin:80px 0 0 0; transition-delay:.4s; }
#container .main .maincontents .contents_wrap ul li:nth-child(4) { background:url('../image/contents_con_04.png') left top no-repeat; margin:80px 0 0 20px; transition-delay:.5s; }
#container .main .maincontents .contents_wrap ul li .titN { font-size:20px; color:#333; font-weight:600; padding-left:30px;}
#container .main .maincontents .contents_wrap ul li .txtN { font-size:16px; line-height:26px; margin:15px 0 0 30px;}

#container .main .mainInquiry { margin:0 -640px; padding:120px 0 0; height:668px; background:url('../image/mainInquiry.jpg') center 0 no-repeat; position:relative; border-bottom:10px solid #e33a38; text-align:center; box-sizing:border-box; }
#container .main .mainInquiry .Inq_count {}
#container .main .mainInquiry .Inq_count > p { font-size:16px; color:#ccc; margin:75px 0 15px; }
#container .main .mainInquiry .Inq_count .count_wrap { overflow:hidden; height:60px; display:inline-block; }
#container .main .mainInquiry .Inq_count .count_wrap > li { float:left; font-size:60px; color:#fff; font-weight:600; height:60px; line-height:55px; }
#container .main .mainInquiry .Inq_count .count_wrap > li > ul > li { font-size:60px; color:#fff; font-weight:600; height:60px; line-height:55px; }

#container .main .mainportfolio { position:relative; padding:120px 0; text-align:center; }
#container .main .mainportfolio .portfolio_tab { margin:48px 0 60px; display:inline-block; overflow:hidden; text-align:center; transform:translate(0,30px); -webkit-transform:translate(0,30px); transition:all 1s; -webkit-transition:all 1s; opacity:0; }
#container .main .mainportfolio .portfolio_tab.on { opacity:1; transform:translate(0,0px); -webkit-transform:translate(0,0px); transition-delay:.2s; }
#container .main .mainportfolio .portfolio_tab.active { opacity:1; transform:translate(0,0px); -webkit-transform:translate(0,0px); transition-delay:.2s; }

#container .main .mainportfolio .portfolio_tab ul li { float:left; margin:0 30px; }
#container .main .mainportfolio .portfolio_tab ul li a { display:block; font-size:22px; font-weight:600; color:#888; }
#container .main .mainportfolio .portfolio_tab ul li.on a { color:#222; border-bottom:1px solid #000; }
#container .main .mainportfolio .portfolio_tab ul li.active a { color:#222; border-bottom:1px solid #000; }

#container .main .mainportfolio .portfolio_wrap { width:1180px; margin:0 auto; position:relative; height:660px; transform:translate(0,30px); -webkit-transform:translate(0,30px); transition:all 1s; -webkit-transition:all 1s; opacity:0; }
#container .main .mainportfolio .portfolio_wrap.on { opacity:1; transform:translate(0,0px); -webkit-transform:translate(0,0px); transition-delay:.4s; }
#container .main .mainportfolio .portfolio_wrap:before { display:block; content:''; width:620px; height:440px; border:7px solid #f2f2f2; box-sizing:border-box; position:absolute; left:0; top:20px; }
#container .main .mainportfolio .portfolio_wrap .pofol_img { position:absolute; left:27px; top:0; width:613px; height:433px; overflow:hidden; }
#container .main .mainportfolio .portfolio_wrap .pofol_img > ul {}
#container .main .mainportfolio .portfolio_wrap .pofol_img > ul > li { float:left; }


#container .main .mainportfolio .portfolio_wrap .pofol_slider { width:147px; height:75px; background:#e33a38; position:absolute; left:513px; top:405px; }
#container .main .mainportfolio .portfolio_wrap .pofol_slider > a { display:block; height:75px; float:left; }
#container .main .mainportfolio .portfolio_wrap .pofol_slider > a.pofol_prev { width:74px; background:url('../image/pofol_prev.png') center no-repeat; position:relative; }
#container .main .mainportfolio .portfolio_wrap .pofol_slider > a.pofol_prev:after { display:block; content:''; width:1px; height:45px; position:absolute; right:0; top:15px; background:#fff; }
#container .main .mainportfolio .portfolio_wrap .pofol_slider > a.pofol_next { width:73px; background:url('../image/pofol_next.png') center no-repeat; }

#container .main .mainportfolio .portfolio_wrap .pofol_con { width:640px; padding:50px 0 0 80px; box-sizing:border-box; position:absolute; right:0; top:0; z-index:10; text-align:left; }
#container .main .mainportfolio .portfolio_wrap .pofol_con:before { content:''; width:90px; height:1px; background:#e33a38; display:block; position:absolute; left:-30px; top:110px; }
#container .main .mainportfolio .portfolio_wrap .pofol_con ul li .url { color:#888; font-size:14px; display:inline-block; }
#container .main .mainportfolio .portfolio_wrap .pofol_con ul li .title { font-size:42px; font-weight:700; color:#333; margin:10px 0 53px; }
#container .main .mainportfolio .portfolio_wrap .pofol_con ul li .title > span { font-size:20px; font-weight:400; padding-left:15px; }
#container .main .mainportfolio .portfolio_wrap .pofol_con ul li .text { line-height:24px; }

#container .main .mainportfolio .portfolio_wrap .pofol_list { width:728px; height:120px; position:absolute; left:50%; bottom:0; margin-left:-354px; }
#container .main .mainportfolio .portfolio_wrap .pofol_list ul { }
#container .main .mainportfolio .portfolio_wrap .pofol_list ul li { float:left; width:162px; height:115px; margin:0 10px; position:relative; }
#container .main .mainportfolio .portfolio_wrap .pofol_list ul li img{ width:162px; }

#container .main .mainportfolio .portfolio_wrap .pofol_list ul li a:before { position:absolute; left:0; top:0; display:block; width:100%; height:100%; background:rgba(255, 255, 255, .6); content:''; }
#container .main .mainportfolio .portfolio_wrap .pofol_list ul li.on a:before { background:none; }
#container .main .mainportfolio .portfolio_wrap .pofol_list ul li.on:after { position:absolute; left:0; bottom:-5px; display:block; width:100%; height:4px; background:#e33a38; content:''; }

#container .main .maintenance { margin:0 -640px; padding:120px 0; background:#f4f4f4; position:relative; }
#container .main .maintenance .mainten_wrap { width:1180px; box-sizing:border-box; margin:60px auto 0; padding:0 120px; position:relative; }

#container .main .maintenance .mainten_table { width:100%; border-top:2px solid #e33a38; }
#container .main .maintenance .mainten_table tbody tr:hover td { background-color:#fff; }
#container .main .maintenance .mainten_table tbody tr:hover td.date { background-color:#fff; }
#container .main .maintenance .mainten_table tbody tr td { padding:20px 0; height:60px; border-bottom:1px solid #c2c2c2; font-size:16px; background:url('../image/mainten_bar.jpg') no-repeat left center; transition:all .5s; -webkit-transition:all .5s; }
#container .main .maintenance .mainten_table tbody tr td.date { font-size:14px; background:none; }
#container .main .maintenance .mainten_table tbody tr td > span { font-size:34px; color:#333; font-weight:bold; line-height:42px; }
#container .main .maintenance .mainten_ul_case { width:100%; border-top:2px solid #e33a38; }
#container .main .maintenance .mainten_ul { width:100%; border-top:2px solid #e33a38; }
#container .main .maintenance .mainten_ul li { display:table-row; width:100%; }
#container .main .maintenance .mainten_ul li div { display:table-cell; padding:20px 0; height:60px; border-bottom:1px solid #c2c2c2; font-size:16px; background:url('../image/mainten_bar.jpg') no-repeat left center; transition:all .5s; -webkit-transition:all .5s; }
#container .main .maintenance .mainten_ul li div.date { font-size:14px; background:none; }
#container .main .maintenance .mainten_ul li div > span { font-size:34px; color:#333; font-weight:bold; line-height:42px; }
#container .main .maintenance .mainten_ul li:hover div { background-color:#fff; }
#container .main .maintenance .mainten_ul li:hover div.date { background-color:#fff; }



#container .main .maintenance .mainten_wrap .mainten_slider { width:50px; height:100px; background:#e33a38; position:absolute; right:0; top:50%; margin-top:-50px; }
#container .main .maintenance .mainten_wrap .mainten_slider > a { display:block; height:50px; }
#container .main .maintenance .mainten_wrap .mainten_slider > a.mainten_prev { width:50px; background:url('../image/mainten_prev.png') center no-repeat; position:relative; }
#container .main .maintenance .mainten_wrap .mainten_slider > a.mainten_prev:after { display:block; content:''; width:30px; height:1px; position:absolute; left:10px; bottom:0; background:#fff; }
#container .main .maintenance .mainten_wrap .mainten_slider > a.mainten_next { width:50px; background:url('../image/mainten_next.png') center no-repeat; }

#footer { width:100%; position:relative; }
#footer .footer_wrap { max-width:1180px; margin:0 auto; }
#footer .footer_wrap .ft_cs_wrap { margin:0 -640px; padding:0 640px; background:#25272e; position:relative; overflow:hidden; }
#footer .footer_wrap .ft_cs_wrap > div { float:left; width:50%; position:relative; padding:53px 0 53px 30px; box-sizing:border-box; }
#footer .footer_wrap .ft_cs_wrap > div:before { content:''; display:block; width:1px; height:70px; background:#e33a38; position:absolute; left:0; top:0; }
#footer .footer_wrap .ft_cs_wrap > div > h2 { font-size:24px; color:#fff; font-weight:600; }
#footer .footer_wrap .ft_cs_wrap > div > .num { font-size:44px; color:#fff; font-weight:600; margin-top:16px; }
#footer .footer_wrap .ft_cs_wrap > div > .info { font-size:14px; color:#fff; line-height:24px; }
#footer .footer_wrap .ft_cs_wrap > div > a { margin-top:33px; }

#footer .footer_wrap .ft_menu_wrap { margin:0 -640px; padding:30px 640px; background:#17181c; position:relative; overflow:hidden; }
#footer .footer_wrap .ft_menu_wrap > ul { overflow:hidden; margin-bottom:20px; }
#footer .footer_wrap .ft_menu_wrap > ul > li { float:left; padding-right:30px; }
#footer .footer_wrap .ft_menu_wrap > ul > li > a { font-size:16px; color:#fff; }
#footer .footer_wrap .ft_menu_wrap p { font-size:14px; color:#888; line-height:24px; }

.fixed_menu_pc {position: fixed;bottom:60px;right:36px;z-index: 100;text-align: right; }
.fixed_menu_mo {display: none;position: fixed;bottom: 15px;left: 0;width: 100%; z-index: 100;}
.fixed_menu_pc .qna_link {display: inline-block;margin-right: 9px;}
.fixed_menu_mo .qna_link {position: absolute;bottom: 60px;right: 10px;width: 52px;}
.fixed_menu_mo .qna_link img {width: 100%;}
.closed_fixed_pc {display: block;margin-top: 10px;}
.closed_fixed_mo {position: absolute;bottom: 0; left: 50%;transform: translate(-50%,0);width: calc(100% - 20px);max-width: 520px; padding: 8px 17px;background: #fff;border-radius:15px;box-sizing: border-box; box-shadow:rgb(0 0 0 / 20%) 0px 0px 10px; z-index: 1000000000;}
.closed_fixed_mo:before {content:'';display: inline-block;vertical-align: middle;width: 30px;height: 30px;margin-right: 14px;background:url('/template/1/image/closed_ico.png') center center no-repeat;background-size: contain;}
.closed_fixed_mo .txt {font-size: 16px;vertical-align: middle;font-weight: 700;color: #000;}
.closed_fixed_mo .txt strong {color: #e33a38;}
.closed_fixed_mo .btn_close {position: absolute;top: 50%;right: 11px;transform: translate(0,-50%);}
.closed_fixed_mo .btn_close img {width: 24px;}
#ch-plugin .fXXcQF {bottom: 115px !important;right: 45px !important;} /* 채널톡 PC, 태블릿 */
#ch-plugin .cTBbYK {bottom: 71px !important;} /* 모바일 하단 와이드형 채널톡 */

/* sub */
#sub_visual { display:table; table-layout:fixed; width:100%; background-attachment:fixed !important; }
#sub_visual .inner { display:table-cell; height:460px; padding:85px 0 0; box-sizing:border-box; text-align:center; vertical-align:middle; }
#sub_visual .inner .title { font-size:50px; color:#fff; font-weight:600; }
#sub_visual .inner .sub_copy { font-size:20px; color:#fff; padding-top:30px; }

#sub_visual .inner_full { display:table-cell; height:645px; padding:80px 0 0; box-sizing:border-box; text-align:center; vertical-align:middle; position:relative; }
#sub_visual .inner_full.nopt {padding:0;}/* mr */
#sub_visual .inner_full:after { display:block; content:''; width:1px; height:80px; position:absolute; left:50%; bottom:0; background:#fff; }
#sub_visual .inner_full .title2 { font-size:50px; color:#fff; font-weight:300; }
#sub_visual .inner_full .title2_eng { font-size:60px; }
#sub_visual .inner_full .sub_copy2 { font-size:20px; color:#fff; }
#sub_visual .inner_full .sub_copy3 { font-size:15px; line-height:24px; color:#fff; }

#sub_visual.startup { background:url('../image/sub_visual_startup.jpg') center top no-repeat; }
#sub_visual.neo { background:url('../image/sub_visual_neo.jpg') center top no-repeat; }
#sub_visual.hosting_ssl { background:url('../image/sub_visual_hosting_ssl.jpg') center top no-repeat; }
#sub_visual.cdn { background:url('../image/sub_visual_cdn.jpg') center top no-repeat; }
#sub_visual.cont { background:url('../image/sub_visual_cont.jpg') center top no-repeat; }/* mr */
#sub_visual.repair { background:url('../image/sub_visual_repair.jpg') center top no-repeat; }/* mr */

#contents { position:relative; /*width:1180px;*/ margin:0 auto; overflow:hidden; }
#contents .sub_lnb { float:left; width:230px; position:relative; }
#contents .sub_lnb .lnb_selected { display:block; padding:0 10px 20px 10px; border-bottom:1px solid #dcdcdc; font-size:22px; color:#222; font-weight:600; height:20px; line-height:20px; position:relative; }
#contents .sub_lnb .lnb_selected:after { content:''; display:block; width:100px; height:2px; background:#e33a38; position:absolute; left:0; bottom:-2px; }
#contents .sub_lnb .lnb_selected .lnb_arrow { text-indent:-9999px; background:url('../image/lnb_selected.png') no-repeat; width:16px; height:11px; line-height:0; display:inline-block; position:absolute; right:10px; top:5px; }
#contents .sub_lnb.active .lnb_selected .lnb_arrow { background-position:-28px 0; }

#contents .sub_lnb .lnb_open { position:absolute; left:0; top:40px; border:1px solid #333; width:100%; box-sizing:border-box; background:#fff; display:none; }
#contents .sub_lnb .lnb_open ul { padding:10px 0; }
#contents .sub_lnb .lnb_open ul li { padding:5px 15px; }
#contents .sub_lnb .lnb_open ul li a { display:block; font-size:16px; }
#contents .sub_lnb .lnb_open ul li.active a { font-weight:600; color:#333; text-decoration:underline; }

#contents .active .lnb_open { display:block; }

#contents .right_content { float:right; width:1000px; }
#contents .right_content .sub_title { text-align:center; font-weight:600; font-size:42px; color:#e33a38; height:40px; line-height:40px; padding-bottom:40px; border-bottom:1px solid #dcdcdc; margin-bottom:60px; }
#contents .right_content .right_title {display: inline-block;vertical-align: top;font-size:28px; color:#222; font-weight:600; }
#contents .right_content .right_text {font-size:16px; line-height:28px; }

#contents .right_content .hosting_ssl_sec01 { background:#f4f4f4; padding:50px 50px 76px; overflow:hidden;font-size: 0; }
#contents .right_content .hosting_ssl_sec01 .right_title {width: 215px;float: none !important;}
#contents .right_content .hosting_ssl_sec01 .right_title .title_copy { display:block; font-size:18px; color:#e33a38; }
#contents .right_content .hosting_ssl_sec01 > p { display:inline-block;float:none !important; }

#contents .right_content .hosting_ssl_sec01 .ssl_con01 {  width: calc(100% - 215px);background:url('../image/hosting_ssl_sec01.png') 40px 50px no-repeat; width:100%; height:366px; padding:50px 50px 0; margin:0 -50px; clear:both; position:relative; }
#contents .right_content .hosting_ssl_sec01 .ssl_con01 > span { font-size:16px; font-weight:600; position:absolute; }
#contents .right_content .hosting_ssl_sec01 .ssl_con01 strong { color:#666; font-size:14px; font-weight:400; }
#contents .right_content .hosting_ssl_sec01 .ssl_con01 .ssl_name1 { color:#333; line-height:24px; text-align:center; }
#contents .right_content .hosting_ssl_sec01 .ssl_con01 .ssl_name2 { color:#fff; }
#contents .right_content .hosting_ssl_sec01 .ssl_con01 .ssl_name3 { color:#fc8989; }
#contents .right_content .hosting_ssl_sec01 .ssl_con01 .ssl_name4 { font-size:22px; font-weight:600; color:#222; }
#contents .right_content .hosting_ssl_sec01 .ssl_con01 .ssl_name5 { color:#e33a38; }
#contents .right_content .hosting_ssl_sec01 .ssl_con01 .name01 { left:68px; top:310px; }
#contents .right_content .hosting_ssl_sec01 .ssl_con01 .name02 { left:255px; top:271px; }
#contents .right_content .hosting_ssl_sec01 .ssl_con01 .name03 { left:515px; top:40px; }
#contents .right_content .hosting_ssl_sec01 .ssl_con01 .name04 { left:470px; top:285px; }
#contents .right_content .hosting_ssl_sec01 .ssl_con01 .name05 { left:515px; top:400px; }
#contents .right_content .hosting_ssl_sec01 .ssl_con01 .name06 { left:714px; top:271px; }
#contents .right_content .hosting_ssl_sec01 .ssl_con01 .name07 { right:93px; top:310px; }

#contents .right_content .hosting_ssl_sec02 { margin-top:70px; }

#contents .right_content .hosting_ssl_sec03 { margin-top:70px; }
#contents .right_content .hosting_ssl_sec03 .ssl_con03 { background:#f4f4f4 url('../image/ssl_con03_bg.png') center top no-repeat; padding:50px 90px; overflow:hidden; margin-top:25px; }
#contents .right_content .hosting_ssl_sec03 .ssl_con03 ul { overflow:hidden; }
#contents .right_content .hosting_ssl_sec03 .ssl_con03 ul li { float:left; }
#contents .right_content .hosting_ssl_sec03 .ssl_con03 ul li:nth-child(2) { margin-left:130px; }
#contents .right_content .hosting_ssl_sec03 .ssl_con03 ul li:nth-child(3) { margin-left:88px; }
#contents .right_content .hosting_ssl_sec03 .ssl_con03 ul li .ssl_con03_ico { width:145px; height:145px; background:#fff url('../image/ssl_con03_ico.png') no-repeat; border-radius:100px; box-shadow:7px 7px 3px rgba(0,0,0,.2); }
#contents .right_content .hosting_ssl_sec03 .ssl_con03 ul li .ssl_con03_ico.ico02 { background-position:-150px 0; }
#contents .right_content .hosting_ssl_sec03 .ssl_con03 ul li .ssl_con03_ico.ico03 { background-position:-312px 0; }
#contents .right_content .hosting_ssl_sec03 .ssl_con03 ul li .ssl_con03_ico.ico04 { background-position:-470px 0; }
#contents .right_content .hosting_ssl_sec03 .ssl_con03 ul li .ssl_con03_ico.ico05 { background-position:-620px 0; }
#contents .right_content .hosting_ssl_sec03 .ssl_con03 ul li .ssl_con03_num { display:block; margin:25px 0 5px; font-size:16px; color:#e33a38; font-weight:600; }
#contents .right_content .hosting_ssl_sec03 .ssl_con03 ul li > .tit { line-height:24px; }
#contents .right_content .hosting_ssl_sec03 .ssl_con03 ul li .ssl_con03_txt { font-size:15px; line-height:24px; margin-top:10px; }

#contents_full { width:1180px; max-width:2560px; margin:0 auto; position:relative; }/* mr */
#contents_full.nofull { width:100%;} /* mr */
#contents_full .content .tit { font-size:42px; color:#222; position:relative; }
#contents_full .content .txt { font-size:16px; line-height:26px; }

#contents_full .sol_list { padding-top:60px; }
#contents_full .sol_list ul { display:inline-block; margin:0 0 0 -5px; }
#contents_full .sol_list ul li { width:232px; height:364px; background:#fff; float:left; position:relative; margin:0 0 5px 5px; padding:20px; box-sizing:border-box; transition:all .5s ease .1s; }
#contents_full .sol_list ul li .imgs { width:80px; height:80px; background:url('../image/ico_solution.png') no-repeat; }
#contents_full .sol_list ul li dl dt { font-size:20px; color:#333; line-height:28px; }
#contents_full .sol_list ul li dl dd { position:relative; line-height:22px; margin-top:10px; padding:0 0 0 12px; font-size: 15px; }
#contents_full .sol_list ul li dl dd:before { display:block; content:''; width:5px; height:1px; background:#666; position:absolute; left:0; top:11px; }
#contents_full .sol_list ul li.sol1 .imgs { background-position:0 0; }
#contents_full .sol_list ul li.sol2 .imgs { background-position:-80px 0; }
#contents_full .sol_list ul li.sol3 .imgs { background-position:-160px 0; }
#contents_full .sol_list ul li.sol4 .imgs { background-position:-240px 0; }
#contents_full .sol_list ul li.sol5 .imgs { background-position:-320px 0; }
#contents_full .sol_list ul li.sol6 .imgs { background-position:0 -160px; }
#contents_full .sol_list ul li.sol7 .imgs { background-position:-80px -160px; }
#contents_full .sol_list ul li.sol8 .imgs { background-position:-160px -160px; }
#contents_full .sol_list ul li.sol9 .imgs { background-position:-240px -160px; }
#contents_full .sol_list ul li.sol10 .imgs { background-position:-320px -160px; }

#contents_full .sol_list ul li:hover { background:#e33a38; height:394px; margin-top:-30px; transition:all .5s ease .1s; box-shadow:0px -10px 30px rgba(0,0,0,.2); z-index:10; }
#contents_full .sol_list ul li:hover dl dt { color:#fff; }
#contents_full .sol_list ul li:hover dl dd { color:#fff; }
#contents_full .sol_list ul li:hover dl dd:before { background:#fff; }
#contents_full .sol_list ul li:hover.sol1 .imgs { background-position:0 -80px; }
#contents_full .sol_list ul li:hover.sol2 .imgs { background-position:-80px -80px; }
#contents_full .sol_list ul li:hover.sol3 .imgs { background-position:-160px -80px; }
#contents_full .sol_list ul li:hover.sol4 .imgs { background-position:-240px -80px; }
#contents_full .sol_list ul li:hover.sol5 .imgs { background-position:-320px -80px; }
#contents_full .sol_list ul li:hover.sol6 .imgs { background-position:0 -240px; }
#contents_full .sol_list ul li:hover.sol7 .imgs { background-position:-80px -240px; }
#contents_full .sol_list ul li:hover.sol8 .imgs { background-position:-160px -240px; }
#contents_full .sol_list ul li:hover.sol9 .imgs { background-position:-240px -240px; }
#contents_full .sol_list ul li:hover.sol10 .imgs { background-position:-320px -240px; }

#contents_full .startup_con1 { position:relative; background:url('../image/bg_startup_con1.png') no-repeat left top; padding:0 0 0 840px; margin:0 0 0 -200px; z-index:10; }
#contents_full .startup_con1 .content { width:640px; height:722px; box-sizing:border-box; position:relative; padding:120px 0 0 100px; }
#contents_full .startup_con1 .content .tit { background:url('../image/startup_con1_tit.png') no-repeat right top; line-height:40px; padding-top:30px;}
#contents_full .startup_con1 .content .tit:before { display:block; content:''; width:150px; height:1px; background:#e33a38; position:absolute; left:-100px; top:100px; }
#contents_full .startup_con1 .txt.mt65 {margin-top: 65px;}
#contents_full .startup_con2 { position:relative; padding:60px 640px 30px; margin:0 -640px; }
#contents_full .startup_con2:before { display:block; content:''; width:100%; height:820px; background:#f4f4f4; position:absolute; left:0; top:-190px; }
#contents_full .startup_con2 .content .tit { width:100%; position:absolute; left:0; top:-83px; z-index:10; }
#contents_full .startup_con2 .content .tit.ta_c {text-align: center;}

#contents_full .startup_con3 { position:relative; margin: 0 -30px;}
#contents_full .startup_con3 .startup_con3_1 {position: relative;}
#contents_full .startup_con3 .startup_con3_1:before {content:'';position: absolute;top: -100px;right: -110px;width:111px;height: 93px;background:url('../image/bg_startup_con4.png') 0 0 no-repeat;z-index: -1;}
#contents_full .startup_con3 .startup_con3_1 .sol_step {margin: 50px 0;font-size: 0;text-align: center;}
#contents_full .startup_con3 .startup_con3_1 .sol_step > li {position: relative;display: inline-block;vertical-align: middle;width: 202px;height: 202px;background: #fff;margin: 20px 30px;border-radius: 50%;border: 12px solid #efefef;box-sizing: border-box;}
#contents_full .startup_con3 .startup_con3_1 .sol_step > li:before {display: inline-block;position: absolute;left: -60px;top: 86px;content:'';width: 32px;height: 8px;background:url('../image/bg_step01.png') 0 0 no-repeat;}
#contents_full .startup_con3 .startup_con3_1 .sol_step > li:first-child:before {display: none;}
#contents_full .startup_con3 .startup_con3_1 .sol_step > li .step {display: block;margin-top: 40px;letter-spacing: 0.2em;font-size: 14px;font-weight: 800;color: #e33a38;}
#contents_full .startup_con3 .startup_con3_1 .sol_step > li .step .num {font-size: 36px;font-style: italic;font-weight: 300;letter-spacing: -0.025em;color: #000;}
#contents_full .startup_con3 .startup_con3_1 .sol_step > li .tit {display:flex;align-items:center;justify-content: center;height: 43px;font-size: 16px;font-weight: 400;line-height: 24px;letter-spacing: -0.025em;color: #000000;}
#contents_full .startup_con3 .startup_con3_1 .sol_step > li .step .num {font-size: 36px;font-style: italic;font-weight: 300;letter-spacing: -0.025em;color: #000;}
#contents_full .startup_con3 .startup_con3_1 .sol_step > li:nth-child(2) {border-color: #fee7e7;}
#contents_full .startup_con3 .startup_con3_1 .sol_step > li:nth-child(3) {border-color: #ffb9b8;}
#contents_full .startup_con3 .startup_con3_1 .sol_step > li:nth-child(4) {border-color: #ff9594;}
#contents_full .startup_con3 .startup_con3_1 .sol_step > li:nth-child(5) {border-color: #fb8685;}
#contents_full .startup_con3 .startup_con3_1 .sol_step > li:nth-child(6) {border-color: #ff7270;}
#contents_full .startup_con3 .startup_con3_1 .sol_step > li:nth-child(7) {border-color: #ff6967;}
#contents_full .startup_con3 .startup_con3_1 .sol_step > li:nth-child(8) {border-color: #f37674;}
#contents_full .startup_con3 .startup_con3_1 .sol_step > li:nth-child(9) {border-color: #e33a38;}


#contents_full .startup_con3 .startup_con3_2 { position:relative; padding:150px 0 0; }
#contents_full .startup_con3 .startup_con3_2:before {position: absolute;top: -250px;left:-640px;content:'';display: inline-block;width: 104.7%;padding-bottom: 60%;background:url('../image/bg_startup_con5.png') 0 0 no-repeat;z-index: -1;}
#contents_full .startup_con3 .startup_con3_2 .content { box-sizing:border-box; position:relative; }
#contents_full .startup_con3 .startup_con3_2 .content .tit { background:url('../image/startup_con3_2_tit.png') no-repeat left top; line-height:40px; padding-top:30px; }
#contents_full .startup_con3 .startup_con3_2 .content .tit:before { display:block; content:''; width:150px; height:1px; background:#e33a38; position:absolute; left:402px; top:100px; }
#contents_full .startup_con3 .startup_con3_2 .content ul { width:640px; margin-top:40px; }
#contents_full .startup_con3 .startup_con3_2 .content ul li { border-bottom:1px solid #dcdcdc; padding:28px 0; position:relative; }
#contents_full .startup_con3 .startup_con3_2 .content ul li:after { display:block; content:''; width:30px; height:30px; background:url('/template/1/image/more_button.png') no-repeat; position:absolute; left:50%; bottom:-15px; margin-left:-15px; }
#contents_full .startup_con3 .startup_con3_2 .content ul li:last-child { border:none; }
#contents_full .startup_con3 .startup_con3_2 .content ul li:last-child:after { display:none; }
#contents_full .startup_con3 .startup_con3_2 .content ul li dl dt { color:#333; font-size:16px; display:block; margin-bottom:10px; }
#contents_full .startup_con3 .startup_con3_2 .content ul li dl dd { display:inline-block; width:260px; line-height:24px; }
#contents_full .startup_con3 .startup_con3_2 .content .img { position:absolute; right:-350px; top:15px;z-index: 2;}
#contents_full .startup_con3 .startup_con3_2 .content .info {position: relative; max-width: 1050px;margin-top:4px;padding:26px 0 26px 30px;/*background:url('../image/bg_startup_con7.png') 0 0 no-repeat;*/ background: #f4f4f4;}
#contents_full .startup_con3 .startup_con3_2 .content .info:before {content:'';position: absolute;top: -93px;left: 610px;width: 111px;height: 93px;background:url('../image/bg_startup_con6.png') 0 0 no-repeat;z-index: -1;}
#contents_full .startup_con3 .startup_con3_2 .content .info:after {content:'';position: absolute;bottom: 0;right: 0; width: 0px;height: 0px;border-top: 205px solid transparent;border-right: 410px solid #fff;z-index: 1;}
#contents_full .startup_con3 .startup_con3_2 .content .info .title { color:#333; font-size:16px; font-weight:600; padding-left:30px; background:url('../image/info_chk.png') no-repeat left 3px; margin-bottom:10px; }
#contents_full .startup_con3 .startup_con3_2 .content .info ol {position: relative;z-index: 2;}
#contents_full .startup_con3 .startup_con3_2 .content .info ol li { line-height:24px; padding-left:30px; }
.btnAreaLeft { text-align:left; margin:50px 0px;}
.btnAreaLeft a { display: block; width: 30%; height: 100%; font-size: 18px; font-weight: 600; color: #fff;  text-align: center; line-height: 50px; background: #e33a38;margin:0 auto;}
a.samll-buy-cart { display: block; width: 90%; height: 100%; font-size: 18px; font-weight: 600; color: #fff;  text-align: center; line-height: 50px; background: #e33a38;margin:0 auto;}

#contents_full .neo_con1 { position:relative; background:url('../image/neo_con1.png') no-repeat left top; padding:0 0 0 964px; margin:0 0 0 -324px; z-index:10; }
#contents_full .neo_con1 .content { width:640px; height:722px; box-sizing:border-box; position:relative; padding:120px 0 0 100px; }
#contents_full .neo_con1 .content .tit { background:url('../image/startup_con1_tit.png') no-repeat right top; line-height:40px; padding-top:30px;}
#contents_full .neo_con1 .content .tit:before { display:block; content:''; width:150px; height:1px; background:#e33a38; position:absolute; left:-100px; top:100px; }

#contents_full .neo_con2 { position:relative; padding:0 640px; margin:0 -640px; }
#contents_full .neo_con2:before { display:block; content:''; width:100%; height:800px; background:#f4f4f4; position:absolute; left:0; top:-95px; }
#contents_full .neo_con2:after { display:block; content:''; width:0; height:0; position:absolute; left:0; top:-285px; border-top:0px solid transparent; border-right:0px solid transparent; border-bottom:190px solid #f4f4f4; border-left:2560px solid transparent; }

#contents_full .neo_con3 { position:relative; padding:0 0 400px 0; margin:110px -326px 0 0; z-index:10; background:url('../image/neo_con3.jpg') no-repeat right top; }
#contents_full .neo_con3 .content { width:640px; box-sizing:border-box; position:relative; padding:40px 0 0 0; }
#contents_full .neo_con3 .content .tit { background:url('../image/neo_con3_tit.png') no-repeat 0 top; line-height:46px; padding-top:30px;}
#contents_full .neo_con3 .content .tit:before { display:block; content:''; width:150px; height:1px; background:#e33a38; position:absolute; right:0; top:100px; }
#contents_full .neo_con3 .content .m_info {position:relative; padding:40px 0 0; margin:50px 0 0; border-top:1px solid #dcdcdc; }
#contents_full .neo_con3 .content .m_info:before { display:block; content:''; position:absolute; top:-15px; left:50%; margin-left:-15px; width:30px; height:30px; background:url("../image/neo_conArr.png") 0 0 no-repeat;}
#contents_full .neo_con3 .content .m_info > h4 { font-size:22px; color:#333; }
#contents_full .neo_con3 .content .m_info ul { width:640px; overflow:hidden; }
#contents_full .neo_con3 .content .m_info ul li { width:270px; height:50px; padding:0 0 0 70px; margin-top:20px; box-sizing:border-box; line-height:50px; font-size:16px; font-weight:600; color:#e33a38; float:left; background:url('../image/m_info.png') no-repeat; }
#contents_full .neo_con3 .content .m_info ul li.m_ic1 { background-position:0px 0px; }
#contents_full .neo_con3 .content .m_info ul li.m_ic2 { background-position:0px -50px; }
#contents_full .neo_con3 .content .m_info ul li.m_ic3 { background-position:0px -100px; }
#contents_full .neo_con3 .content .m_info ul li.m_ic4 { background-position:0px -150px; }
#contents_full .neo_con3 .content .m_info ul li.m_ic5 { background-position:0px -200px; }
#contents_full .neo_con3 .content .m_info ul li.m_ic6 { background-position:0px -250px; }
#contents_full .neo_con3 .content .m_info ul li.m_ic7 { background-position:0px -300px; }

.neo_top {max-width: 1310px;margin: 50px auto 0;padding: 0 15px;}

/* mr */
.stit1{width:100%; padding:0 0 45px 0; font-size:42px; font-weight:600; color:#222; text-align:center;}
.stit1.left{text-align:left;}
.stit1 span.caption{display:block; font-size:18px; font-weight:300; line-height:28px; color:#666; }
.stit1 span.caption .en{color:#333;}
.stit2{font-size:28px; font-weight:600; color:#222; }
.linttit{position:relative; width:100%; text-align:center;}
.linttit:before{content:""; display:block; position:absolute; top:50%; left:0; margin-top:-0.5px; height:1px; background:#666;}
.linttit:after{content:""; display:block; position:absolute; top:50%; right:0; margin-top:-0.5px; height:1px; background:#666;}
.linttit1:before{width:410px;}
.linttit1:after{width:410px;}
.linttit2:before{width:450px;}
.linttit2:after{width:450px;}
.linttit3:before{width:510px;}
.linttit3:after{width:510px;}
.linttit span{display:inline-block; position:relative; padding:0 25px; font-size:28px; font-weight:600; color:#333;}
.linttit span:before{content:""; display:block; position:absolute; top:50%; left:0; margin-top:-2.5px; width:5px; height:5px; background:#666;
	-webkit-border-radius:2.5px;
	-moz-border-radius:2.5px;
	border-radius:2.5px;
}
.linttit span:after{content:""; display:block; position:absolute; top:50%; right:0; margin-top:-2.5px; width:5px; height:5px; background:#666;
	-webkit-border-radius:2.5px;
	-moz-border-radius:2.5px;
	border-radius:2.5px;
}
#contents_full .in_Layer{width:1180px; margin:0 auto; }
#contents_full .cont_con1{position:relative; width:100%; padding:140px 0 80px 0; }
#contents_full .cont_con1:before{content:""; display:block; position:absolute; top:210px; left:0; z-index:-10; width:100%; height:1px; background:#d7d7d7;}
#contents_full .cont_con1 .in_Layer:after{content:""; display:block; clear:both;}
#contents_full .cont_con1 .contTit{position:relative; float:left; width:210px; padding:48px 0 0 10px; font-size:28px; font-weight:600; color:#333; }
#contents_full .cont_con1 .contTit span{position:absolute; top:0; left:10px; z-index:-10; font-size:30px; font-weight:800; line-height:32px; color:#f4f4f4}
#contents_full .cont_con1 .cont1List{float:left; width:1060px; }
#contents_full .cont_con1 .cont1List:after{content:""; display:block; clear:both;}
#contents_full .cont_con1 .cont1List > dl{position:relative; float:left; width:237px; padding:0 0 0 28px; }
#contents_full .cont_con1 .cont1List > dl:before{content:""; display:block; position:absolute; top:63px; left:0; z-index:-10; width:10px; height:15px; background:url("../image/step_ico.png") 0 0 no-repeat;}
#contents_full .cont_con1 .cont1List > dl dt{width:100%; padding:145px 0 10px 0; font-size:18px; font-weight:600; font-weight:24px; color:#333; }
#contents_full .cont_con1 .cont1List > dl.dl1 dt{background:url("../image/contIco01.png") 32px top no-repeat;}
#contents_full .cont_con1 .cont1List > dl.dl2 dt{background:url("../image/contIco02.png") 32px top no-repeat;}
#contents_full .cont_con1 .cont1List > dl.dl3 dt{background:url("../image/contIco03.png") 32px top no-repeat;}
#contents_full .cont_con1 .cont1List > dl.dl4 dt{background:url("../image/contIco04.png") 32px top no-repeat;}
#contents_full .cont_con1 .cont1List > dl dt span{display:block; font-size:50px; font-weight:800; color:#eee; line-height:65px;}
#contents_full .cont_con1 .cont1List > dl dd{font-size:15px; line-height:24px; color:#666}
#contents_full .cont_con2{position:relative; width:100%; padding:108px 0 120px 0; }
#contents_full .cont_con2:before{content:""; display:block; position:absolute; top:0; left:0; z-index:-15; width:100%; height:938px; background:#f4f4f4;}
#contents_full .cont_con2 .in_Layer{position:relative;}
#contents_full .cont_con2 .in_Layer:after{content:""; display:block; position:absolute; top:-243px; left:-640px; z-index:-15; width:428px; height:519px; background:url("../image/cont_bg_ico.png") 0 0 no-repeat;}
#contents_full .cont_con2 .feedbackA{width:100%; height:392px; padding:130px 0 0 0; background:url("../image/cont_step.png") center 0 no-repeat; background-size:100%;}
#contents_full .cont_con2 .feedbackA dl{width:100%; margin-left:-5px;}
#contents_full .cont_con2 .feedbackA dl:after{content:""; display:block; clear:both;}
#contents_full .cont_con2 .feedbackA dt{width:100%; padding:0 0 240px 0; font-size:30px; font-weight:600; color:#666; text-align:center; }
#contents_full .cont_con2 .feedbackA dd{float:left; width:169px; margin-right:108px; font-size:20px; font-weight:600; color:#666; text-align:center;}
#contents_full .cont_con2 .feedbackA dd:last-child{margin-right:0; width:168px;}
#contents_full .cont_con2 .cont_process{width:100%; padding:45px 0 0 0;}
#contents_full .cont_con2 .cont_process:after{content:""; display:block; clear:both;}
#contents_full .cont_con2 .cont_process dl{float:left; width:400px; height:495px; margin:0 10px; text-align:center; background:#fff;}
#contents_full .cont_con2 .cont_process dl dt{position:relative; padding:75px 0 45px 0; font-size:30px; font-weight:600; color:#222;  }
#contents_full .cont_con2 .cont_process dl dt:after{content:""; display:block; position:absolute; bottom:25px; left:50%; width:25px; height:1px; margin-left:-12.5px; background:#e65f5e;}
#contents_full .cont_con2 .cont_process dl dt span{display:block; position:absolute; top:40px; left:0; width:100%; font-size:40px; font-weight:800; color:#f2f2f2; text-align:center; }
#contents_full .cont_con2 .cont_process dl dd{font-size:16px; line-height:30px; color:#222}
#contents_full .cont_con3{position:relative; width:100%; padding:108px 0 280px 0; }
#contents_full .cont_con3:before{content:""; display:block; position:absolute; top:0; left:0; z-index:-15; width:100%; height:520px; background:#f4f4f4;}
#contents_full .cont_con3 .cont_uses{width:1020px; padding:80px 130px; background:#fff;}
#contents_full .cont_con3 .cont_uses:after{content:""; display:block; clear:both;}
#contents_full .cont_con3 .cont_uses dl{float:left; padding-bottom:102px; padding-left:156px; width:353px; }
#contents_full .cont_con3 .cont_uses dl.uses1{background:url("../image/contIco05.png") 6px 0 no-repeat;}
#contents_full .cont_con3 .cont_uses dl.uses2{background:url("../image/contIco06.png") 91px 0 no-repeat;}
#contents_full .cont_con3 .cont_uses dl.uses3{background:url("../image/contIco07.png") 6px 0 no-repeat;}
#contents_full .cont_con3 .cont_uses dl.uses4{background:url("../image/contIco08.png") 91px 0 no-repeat;}
#contents_full .cont_con3 .cont_uses dl.right{padding-left:220px; width:289px}
#contents_full .cont_con3 .cont_uses dl dt{padding:5px 0 8px 0; font-size:22px; font-weight:600; color:#222;}
#contents_full .cont_con3 .cont_uses dl dd{font-size:16px; line-height:28px; color:#666;}
#contents_full .repair_con1{padding:140px 0 0 0;}
#contents_full .repair_con1 ul.repair1_list{width:100%; padding:120px 0; }
#contents_full .repair_con1 ul.repair1_list:after{content:""; display:block; clear:both;}
#contents_full .repair_con1 ul.repair1_list li{position:relative; float:left; margin-left:7px; padding:75px 0 20px 0; width:420px; text-align:center; border:1px solid #dcdcdc; }
#contents_full .repair_con1 ul.repair1_list li:first-child{margin-left:0; }
#contents_full .repair_con1 ul.repair1_list li .imgpit{position:absolute; top:-60px; left:50%; width:112px; margin-left:-56px; }
#contents_full .repair_con1 ul.repair1_list li p.num{font-size:45px; font-weight:600; color:#333; line-height:32px; }
#contents_full .repair_con1 ul.repair1_list li p.txt{font-size:22px; line-height:30px; color:#666}
#contents_full .repair_con2{width:100%; padding:110px 0; background:#f8f8f8;}
#contents_full .repair_con2 ul{width:100%; }
#contents_full .repair_con2 ul:after{content:""; display:block; clear:both;}
#contents_full .repair_con2 ul li{float:left; width:640px; font-size:20px; color:#222; text-align:center; }
#contents_full .repair_con2 ul li b{font-size:24px;}
#contents_full .repair_con2 ul li img{display:block; margin:0 auto 60px;}
#contents_full .repair_con3 img{display:block; position:relative; left:50%; margin-left:-1180px}
#contents_full .repair_con4{padding:100px 0 120px; width:100%;}
#contents_full .repair_con4 .in_Layer{position:relative;}
#contents_full .repair_con4 .in_Layer:after{content:""; display:block; position:absolute; top:-16px; right:142px; width:287px; height:438px; background:url("../image/repair_img02.png") 0 0 no-repeat;}
#contents_full .repair_con4 .box{width:1180px; height:115px; margin:40px 0 0 0; padding:80px 50px; background:#f6f6f6;}
#contents_full .repair_con4 .box p{padding:0 0 15px 0; font-size:20px; font-weight:600; color:#333;}
#contents_full .repair_con4 .box span{font-size:20px; line-height:32px; color:#666;}
#contents_full .repair_con5{width:100%; height:892px; padding:115px 0; background:url("../image/repair_bg01.jpg") center 0 no-repeat;}
#contents_full .repair_con5 ul.repair_step{width:100%; padding:60px 0 20px; }
#contents_full .repair_con5 ul.repair_step:after{content:""; display:block; clear:both;}
#contents_full .repair_con5 ul.repair_step li{position:relative; float:left; text-align:center;}
#contents_full .repair_con5 ul.repair_step.count3 li{width:33.33%}
#contents_full .repair_con5 ul.repair_step.count4 li{width:25%}
#contents_full .repair_con5 ul.repair_step li:after{content:""; display:block; position:absolute; top:110px; right:-22px; width:56px; height:56px; background:url("../image/stepArr.png") 0 0 no-repeat;}
#contents_full .repair_con5 ul.repair_step li:last-child:after{display:none}
#contents_full .repair_con5 ul.repair_step li p.title{padding:28px 0 15px 0; font-size:24px; font-weight:600; color:#333; }
#contents_full .repair_con5 ul.repair_step li p.caption{padding:0 0 10px 0; font-size:16px; line-height:24px; color:#666;}
#contents_full .repair_con5 ul.repair_step li .boxCap{display:inline-block; padding:0 12px; font-size:14px; color:#444; line-height:28px; background:#dcdcdc;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
}
#contents_full .repair_con6{width:100%; padding:110px 0 120px 0;}
#contents_full .repair_con6 .repair_kinds{width:100%; }
#contents_full .repair_con6 .repair_kinds:after{content:""; display:block; clear:both;}
#contents_full .repair_con6 .repair_kinds dl{float:left; width:615px; padding-bottom:35px; }
#contents_full .repair_con6 .repair_kinds dl:last-child{float:right;}
#contents_full .repair_con6 .repair_kinds dt{padding:0 0 25px 0; font-size:24px; font-weight:600; color:#333; }
#contents_full .repair_con6 .repair_kinds dt img{display:block; width:100%; margin-bottom:65px; }
#contents_full .repair_con6 .repair_kinds dd{position:relative; padding:0 0 0 15px; font-size:16px; line-height:28px; color:#666; }
#contents_full .repair_con6 .repair_kinds dd:before{content:""; display:block; position:absolute; top:12px; left:0; width:4px; height:1px; background:#666; ;}
#contents_full .repair_con6 .repair_kinds dd.btnS{width:370px; margin-top:25px; padding:0; color:#fff; line-height:45px; text-align:center; background:#25272e;}
#contents_full .repair_con6 .repair_kinds dd.btnS:before{display:none; }
#contents_full .repair_con7{width:100%; height:565px; background:#ebebeb;}
#contents_full .repair_con7 .in_Layer{position:relative; }
#contents_full .repair_con7 .in_Layer:after{content:""; display:block; position:absolute; top:58px; left:-52px; width:800px; height:455px; background:url("../image/repair_bg02.png") 0 0 no-repeat;}
#contents_full .repair_con8{width:100%; height:545px; background:#f2f0f0;}
#contents_full .repair_con8 .in_Layer{position:relative; }
#contents_full .repair_con8 .in_Layer:after{content:""; display:block; position:absolute; top:54px; right:0; width:783px; height:441px; background:url("../image/repair_bg03.png") 0 0 no-repeat;}
#contents_full .repair78.right{padding-top:105px; padding-left:940px;}
#contents_full .repair78.left{padding-top:85px; }
#contents_full .repair78 .title{position:relative; z-index:20; padding:0 0 58px 0; font-size:42px; font-weight:600; color:#333}
#contents_full .repair78 .title span{position:absolute; top:-52px; left:0; z-index:-10; font-size:80px; font-weight:600; color:#f7f7f7;}
#contents_full .repair78.left .title span{color:#fff}
#contents_full .repair78 .title:after{content:""; display:block; position:absolute; bottom:32px; width:150px; height:1px; background:#e33a38;}
#contents_full .repair78 .title:after{content:""; display:block; position:absolute; bottom:32px; width:150px; height:1px; background:#e33a38;}
#contents_full .repair78.right .title:after{left:-75px;}
#contents_full .repair78.left .title:after{left:54px;}
#contents_full .repair78 ul.list.float:after{content:""; display:block; clear:both;}
#contents_full .repair78 ul.list.float li{float:left; width:140px;}
#contents_full .repair78 ul.list li{padding-left:30px; font-size:20px; line-height:38px; color:#333; background:url("../image/chk01.png") left center no-repeat;}
#contents_full .repair78 ul.list li.red{color:#f12b2b; background:url("../image/chk02.png") left center no-repeat;}
#contents_full .repair78 .applyBtn{margin:40px 0 0 0; width:260px; height:50px; }
#contents_full .repair78 .applyBtn a{display:block; width:100%; height:100%; font-size:18px; font-weight:600; color:#fff; text-align:center; line-height:50px; background:#e33a38;}
#contents_full .repair_con9{width:100%; height:292px; padding:120px 0; }
#contents_full .repair_con9 .box{width:100%; height:180px; padding:30px 0 0 0; font-size:20px; line-height:36px; color:#000; text-align:center; border:1px solid #ededed; background:#f3f6f7; }
#contents_full .repair_con9 .box a{display:block; width:300px; height:50px; margin:20px auto 0; font-size:16px; font-weight:600; color:#fff; text-align:left; padding-left:35px; line-height:50px; background:url("../images/koll_arr.png") no-repeat 240px 18px,  #e33a38;; ;}
.textS1{font-size:16px; line-height:28px; color:#666; }
.textS1.fff{color:#fff;}
.aboutUs{width:100%; padding:0 0 80px 0; border-bottom:1px solid #dcdcdc;}
.aboutB1{width:100%; padding:0 0 76px 0;}
.aboutB1:after{content:""; display:block; clear:both;}
.aboutB1 strong{display:block; position:relative; float:left; width:458px; font-size:22px; color:#000; }
.aboutB1 strong:before{content:""; display:block; position:absolute; top:62px; right:0; width:1px; height:126px; background:#ec7c7a;}
.aboutB1 p{float:right; width:514px; }
.aboutB2{position:relative; width:955px; height:390px; padding:90px 0 0 45px; background:url("../image/aboutUs_img.jpg") 0 0 no-repeat;}
.aboutB2:after{content:""; display:block; position:absolute; top:215px; left:0; width:146px; height:1px; background:#fff;}
.aboutB2 strong{display:block; padding-bottom:75px; font-size:26px; font-weight:600; line-height:36px; color:#fff; }
.exp{width:100%; padding:25px 0 0 0; }
.exp dl{float:left; width:240px; height:256px; margin-left:12px; padding:200px 0 0 0; background-color:#f8f8f8; background-position: center 52px; background-repeat: no-repeat;}
.exp dl:first-child{margin-left:0; }
.exp dl.exp1{background-image:url("../image/aboutUs_ico01.png");}
.exp dl.exp2{background-image:url("../image/aboutUs_ico02.png");}
.exp dl.exp3{background-image:url("../image/aboutUs_ico03.png");}
.exp dl.exp4{background-image:url("../image/aboutUs_ico04.png");}
.exp dl dt{padding:0 0 30px 0; font-size:20px; color:#222; text-align:center; }
.exp dl dd{position:relative; padding:0 0 12px 30px; font-size:15px; color:#222; letter-spacing:-0.8px;}
.exp dl dd:before{content:""; display:block; position:absolute; top:12px; left:17px; width:5px; height:1px; background:#323232; }

ul.historyA{position:relative; width:100%;}
ul.historyA:after{content:""; display:block; position:absolute; top:94px; left:483px; width:1px; height:calc(100% - 315px); background:#25272e;}
ul.historyA li{width:100%; padding:0 0 40px 0; }
ul.historyA li:after{content:""; display:block; clear:both;}
ul.historyA li.first .year, ul.historyA li:hover .year{color:#e33a38;}
ul.historyA li.first .year:after, ul.historyA li:hover .year:after{background:#e96160; border-top:1px solid #f9d8d7;}
ul.historyA .year{position:relative; top:-17px; font-size:99px; font-weight:900; color:#25272e;
	-webkit-transition: all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition: all .3s;
	transition:all .3s;
}
ul.historyA .year span{position:absolute; bottom:-3px; z-index:-10; font-size:118px; color:rgba(220,220,220,0.4)}
ul.historyA .year:before{content:"◆"; display:block; position:absolute; bottom:23px; z-index:10; font-size:20px;}
ul.historyA .year:after{content:""; display:block; position:absolute; bottom:37px; z-index:-15; width:280px; height:1px; background:#696969; border-top:1px solid #d9d9d9;}
ul.historyA .hisA{padding-top:80px; }
ul.historyA .hisA dl{position:relative; padding-bottom:10px;}
ul.historyA .hisA dl dt{position:absolute; top:0; font-size:20px; font-weight:600; color:#222;}
ul.historyA .hisA dl dd{font-size:16px; color:#222; padding-bottom:10px;}
ul.historyA li.left .year{float:left; width:484px; text-align:left;}
ul.historyA li.left .year:before{right:-10px;}
ul.historyA li.left .year:after{right:0}
ul.historyA li.left .year span{left:0;}
ul.historyA li.left .hisA{float:right; width:496px; padding-left:20px; }
ul.historyA li.left .hisA dl{padding-left:52px;}
ul.historyA li.left .hisA dl dt{left:0;}
ul.historyA li.right .year{float:right; width:516px; text-align:right;}
ul.historyA li.right .year:before{left:-10px}
ul.historyA li.right .year:after{left:0}
ul.historyA li.right .year span{right:0;}
ul.historyA li.right .hisA{float:left; width:449px; padding-right:35px;}
ul.historyA li.right .hisA dl{padding-right:42px; text-align:right;}
ul.historyA li.right .hisA dl dt{right:0;}



/* 로그인 */
.mlog_area .member_wrap { display:table; width:100%; table-layout:fixed; margin-top:25px; }
.mlog_area .member_wrap .member_area { display:table-cell; padding:40px 40px 40px 30px; background:#f4f4f4; position:relative; vertical-align:top; }
.mlog_area .member_wrap .member_area:before { display:block; content:''; width:20px; height:100%; position:absolute; top:0; left:-10px; background:#fff; }
.mlog_area .member_wrap .member_area:first-child:before { display:none; }
.mlog_area .member_wrap .member_area .log_btn_wrap { text-align:center; }
.mlog_area .member_wrap .member_area .log_btn_wrap ul { display:inline-block; }
.mlog_area .member_wrap .member_area .log_btn_wrap ul li { float:left; margin-left:50px; position:relative; }
.mlog_area .member_wrap .member_area .log_btn_wrap ul li:before { display:block; content:''; width:1px; height:12px; position:absolute; top:7px; left:-30px; background:#cad0d8; }
.mlog_area .member_wrap .member_area .log_btn_wrap ul li:first-child { margin-left:0; }
.mlog_area .member_wrap .member_area .log_btn_wrap ul li:first-child:before { display:none; }
.mlog_area .member_wrap .member_area .log_btn_wrap ul li a { display:block; font-weight:600; font-size:15px; line-height:25px; color:#666; border-bottom:1px solid #ccc; }

.mlog_area .member_wrap .member_area .member_ico { text-align:center; }

.mlog_area .mlog_box .mlog { width:100px; display:inline-block; font-size:16px; color:#333; font-weight:600; height:50px; line-height:50px; vertical-align:middle; }
.mlog_area .mlog_box .login_btn { width:250px; height:50px; background:#e33a38; color:#fff; font-size:18px; font-weight:600; margin:40px 0 30px; display:inline-block; }


/* 회원가입 */
.mjoin_area {}
.mjoin_area .join_menu { width:100%; overflow:hidden; background:#f4f4f4; display:table; table-layout:fixed; }
.mjoin_area .join_menu li { display:table-cell; padding:30px 0; }
.mjoin_area .join_menu li a { display:block; height:98px; text-indent:-9999px; border-right:1px solid #dcdbdd; box-sizing:border-box }
.mjoin_area .join_menu li:last-child a { border:none; }
.mjoin_area .join_menu li.jo_1 a { background:url("../image/ico_member_step01.png") no-repeat center bottom; }
.mjoin_area .join_menu li.jo_2 a {background:url("../image/ico_member_step02.png") no-repeat center bottom;}
.mjoin_area .join_menu li.jo_3 a { background:url("../image/ico_member_step03.png") no-repeat center bottom; }
.mjoin_area .join_menu li a.active {background-position: center top;}

.mjoin_area .mj_box { width:1000px; height:200px; padding:30px; border:1px solid #dcdcdc; box-sizing:border-box; overflow-x:hidden; overflow-y:auto; text-align:left; }

.rdo_area { display:table; table-layout:fixed; }
.rdo_area li { display:table-cell; }

.chck_area {}
.chck_area li { padding:10px 0 0 0; }
.chck_area li:first-child { padding:0; }


/* 결제관리 */
.mc_menu { width:100%; overflow:hidden; background:#f4f4f4; display:table; table-layout:fixed; }
.mc_menu li { display:table-cell; padding:30px 0; }
.mc_menu li span { display:block; height:98px;background-size:auto 200%;background-repeat: no-repeat;background-position: center bottom;text-indent:-9999px; border-right:1px solid #dcdbdd; box-sizing:border-box }
.mc_menu li:last-child span { border:none; }
.mc_menu li.mc_1 span { background-image: url('../image/mc_menu01.png'); }
.mc_menu li.mc_2 span { background-image: url('../image/mc_menu02.png');}
.mc_menu li.mc_3 span { background-image: url('../image/mc_menu03.png'); }
.mc_menu li.active span {background-position: center top;}
/* 주문진행 */
.cart .calculateArea { background:#f2f2f2; margin-top:30px; position:relative; width:100%; box-sizing:border-box; }
.cart .calculateArea table th { background-color:#25272e; border-right:1px solid #fff; font-weight:500; padding:15px 0; text-align:center; color:#fff; font-size:16px; }
.cart .calculateArea table td { border-right:1px solid #fff; font-size:20px; font-weight:500; line-height:26px; padding:30px 0; text-align:center; color:#333;word-break: break-all; }
.cart .calculateArea table th.total { border-right:medium none; }
.cart .calculateArea table td.total { border-right:medium none; color:#e33a38; font-size:24px; line-height:26px; font-weight:600;}
.cart .calculateArea .board { left:0; position:relative; top:0; z-index:1; }
.cart .calculateArea .won { font-size:14px; }
.cart .calculateArea td.total span.won { color:#e33a38; font-size:14px; }

.cart1 .calculateArea .plus { left:223px; position:absolute; top:80px; z-index:10; }
.cart1 .calculateArea .equal { left:461px; position:absolute; top:80px; z-index:10; }

.cart2 .calculateArea .minus { left:233px; position:absolute; top:80px; z-index:10; }
.cart2 .calculateArea .plus { left:484px; position:absolute; top:80px; z-index:10; }
.cart2 .calculateArea .equal { left:734px; position:absolute; top:80px; z-index:10; }

.btnAreaB { clear:both; margin-top:45px; text-align:center; }
.btnAreaB .col_type { padding:0px; display:table; margin:0 auto; }
.btnAreaB .col_type > li { display:table-cell; text-align:center; }

.ad_t { font-weight:bold; padding-right:10px; color:#333; }
.blueBC { color:#e33a38; font-size:16px; letter-spacing:-0.1px; font-weight:600; }


/* lnb sub 공통 */
.lnb_sub_top { padding:45px 0 60px 180px; border-top:1px solid #fc8989; border-bottom:1px solid #dcdcdc; }
.lnb_sub_top.cdn { background:url('/template/1/image/cdn_con01_icon1.png') no-repeat center left; }
.lnb_sub_top.hosting { background:url('/template/1/image/hot_con01_icon.png') no-repeat center left; }
.lnb_sub_top.sms { background:url('../images/sms_con01.png') no-repeat center left; }
.lnb_sub_top.kko { background:url('../images/kakao_con1.png') no-repeat center left; }

.lnb_sub_top .txt_a { font-size:22px; color:#333; font-weight:600; }
.lnb_sub_top .txt_b { font-size:16px; margin-top:10px; }

.more_tit { font-size:22px; color:#333; height:30px; line-height:30px; background:url('/template/1/image/more_button.png') no-repeat left top; padding-left:40px; margin-bottom:20px; }
.more_con { display:table; table-layout:fixed; width:100%; }
.more_con > li { border:1px solid #dcdcdc; border-width:1px 0; display:table-cell; width:470px; margin-right:60px; float:left; padding:67px 0 67px 195px; box-sizing:border-box; }
.more_con > li:nth-child(even) { margin-right:0; }
.more_con > li > h4 { font-size:18px; color:#333; }
.more_con > li > p { font-size:15px; margin-top:10px; }


/* CDN/호스팅 */
.cdn_sec02 { margin-top:70px; }
.cdn_sec03 { margin-top:45px; }
.cdn_sec03 .more_con > li.img01 { background:url('/template/1/image/cdn_con01_icon01.png') no-repeat center left; }
.cdn_sec03 .more_con > li.img02 { background:url('/template/1/image/cdn_con03_ico02.png') no-repeat center left; }

.hosting_sec02 { margin-top:70px; }
.hosting_sec03 { margin-top:45px; }
.hosting_sec03 .more_con > li.img03 { background:url('/template/1/image/hot_con03_icon.png') no-repeat center left; }


/* SMS/알림톡(카카오) */
.sms_sec02 { margin-top:70px; }
.sms_sec02 .sms_tarea { padding:20px 30px; background:#f4f4f4; }
.sms_sec02 .sms_tarea p { font-size:16px; position:relative; line-height:30px; padding-left:15px; }
.sms_sec02 .sms_tarea p:before { display:block; content:''; width:3px; height:3px; background:#e33a38; position:absolute; left:0; top:13px; }
.sms_sec02 .sms_tarea p span { font-size:18px; color:#333; font-weight:600; padding-right:15px; }

.sms_sec03 { margin-top:70px; }
.sms_sec03 .sms_tip {}
.sms_sec03 .sms_tip > li { border:1px solid #fc8989; width:470px; height:300px; margin-right:60px; float:left; box-sizing: border-box; padding:30px; }
.sms_sec03 .sms_tip > li:last-child { margin-right:0; border:1px solid #b7b7b7; }
.sms_sec03 .sms_tip > li.con1 { background:url('../images/sms_con03_1.png') no-repeat right bottom; }
.sms_sec03 .sms_tip > li.con2 { background:url('../images/sms_con03_2.png') no-repeat right bottom; }
.sms_sec03 .sms_tip > li h4 { font-size:22px; color:#333; margin-bottom:20px; }
.sms_sec03 .sms_tip > li p { font-size:15px; line-height:24px; position:relative; padding-left:10px; }
.sms_sec03 .sms_tip > li p:before { display:block; content:'-'; font-size:15px; color:#666; position:absolute; left:0; top:0; }

.kko_sec02 { margin-top:70px; }



.bot_banner{width:100%; padding:110px 0; text-align:center; }
.bot_banner img{display:inline-block; position:relative; left:50%; width:auto; 
	-webkit-transform: translate(-50%,0);
	-moz-transform:translate(-50%,0);
	-ms-transform:translate(-50%,0);
	-o-transform:translate(-50%,0);
	transform:translate(-50%,0);
}

.right_title {font-size: 22px;}
.table_scroll .right_title {font-size: 22px; padding-bottom: 30px;}

@media(max-width:1180px){

    /* header ~1180px */
    .topFixedGnb{display:block;border-top: 1px solid #eee;}
	#header {display: none;}
	.header_m {position: relative;display: block;height: 65px;z-index: 200;}
	.header_m .logo{left: 50%;transform: translate(-50%,0);display: block;width: auto;text-align: center;z-index: 1;}
	.header_m a {display: inline-block;width: auto;height: 100%;}
	.header_m a img {width: auto;height: 100%;}
	.header_m .m_top_util{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
	.header_m .menuOpen{position:absolute; top:50%; left:15px; width:30px; height:21px;
		-webkit-transform:translate3d(0,-50%,0);
		-moz-transform:translate3d(0,-50%,0);
		-ms-transform:translate3d(0,-50%,0);
		transform:translate3d(0,-50%,0);
	}
	
	.header_m .menuOpen > span{display:block; position:absolute; left:0; width:100%; height:3px; background:#de1e43;
		-webkit-transition:all .5s;
		-moz-transition:all .5s;
		-ms-transition:all .5s;
		-o-transition:all .5s;
		transition:all .5s;
		-webkit-border-radius:1px;
		-moz-border-radius:1px;
		border-radius:1px;
		-webkit-transform: rotate(0);
		-moz-transform:rotate(0);
		-ms-transform:rotate(0);
		-o-transform: rotate(0);
		transform: rotate(0);
	}
	.header_m .menuOpen > span.line1{top:0; }
	.header_m .menuOpen > span.line2{top:50%; 
		-webkit-transform:translate3d(0,-50%,0);
		-moz-transform:translate3d(0,-50%,0);
		-ms-transform:translate3d(0,-50%,0);
		transform:translate3d(0,-50%,0);
	}
	.header_m .menuOpen > span.line3{bottom:0; }
	.header_m .menuOpen.active > span.line1{top:50%;
		-webkit-transform:translate3d(0,-50%,0);
		-moz-transform:translate3d(0,-50%,0);
		-ms-transform:translate3d(0,-50%,0);
		transform:translate3d(0,-50%,0);
		-webkit-transform: rotate(45deg);
		-moz-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.header_m .menuOpen.active > span.line2{width:0;}
	.header_m .menuOpen.active > span.line3{top:50%; bottom:auto;
		-webkit-transform:translate3d(0,-50%,0);
		-moz-transform:translate3d(0,-50%,0);
		-ms-transform:translate3d(0,-50%,0);
		transform:translate3d(0,-50%,0);
		-webkit-transform: rotate(-45deg);
		-moz-transform:rotate(-45deg);
		-ms-transform:rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	.header_m .myPage{position:absolute; top:50%; right:15px; width:22px; height:22px;
		-webkit-transform:translate3d(0,-50%,0);
		-moz-transform:translate3d(0,-50%,0);
		-ms-transform:translate3d(0,-50%,0);
		transform:translate3d(0,-50%,0);
	}
	.header_m .myPage a{display:block; width:100%; height:100%; font-size:0; text-indent:-9999px; background:url("/template/1/image/myPageLogin_on.png") 0 0 no-repeat; 
		-webkit-background-size: 100%;
		background-size:100% ;
	}
	.header_m .myPage.active a{background:url("/template/1/image/myPageLogout_on.png") 0 0 no-repeat;
		-webkit-background-size: 100%;
		background-size:100% ;
	}

	.box_lang{display:table; width:100%; margin:20px 0 0 0; padding:0 10px; font-size:0; text-align:center;}
	.box_lang li{display:table-cell; padding:0 10px; }
	.box_lang li:last-child{border-right:none; }
	.box_lang li a{display:table; width:100%; padding:10px 0; border:1px solid #de1e43;}
	.box_lang li a span{display:table-cell;  font-size:14px; color:#de1e43; font-weight:600; vertical-align:middle; }
	.wrap_bg{display:none; position:fixed; top:65px; left:0; z-index:115; width:100%; height:100%; background:rgba(0,0,0, 0.7); }

    /* 메인 비주얼 ~1180px */
    .mainvisual .mainvisual_case {min-height: 550px!important;}
    #container .main .mainvisual,
    .mainvisual .bx-wrapper .bx-viewport {height: 550px !important;}
    .mainvisual .mainvisual_case .mainvisual_video video {min-height: 550px !important;}
    #container .main .mainvisual h2 {padding-top: 50px !important;}
	#container .main .mainvisual h2 img {height: 400px;}

	
	/* 메인 솔루션 ~1180px */
	#container .main .mainsolution {padding: 60px 0;}
	#container .main .title_wrap .title_st1 {height: auto;line-height: 1;font-size: 26px;}
	#container .main .title_wrap .title_st1:before {height: 40px;top: -60px;}
	#container .main .title_wrap .subtit_st1 {margin-top: 10px;padding: 0 15px;font-size: 14px;line-height: 22px;word-break: keep-all;}
    #container .main .mainsolution .solution_wrap {width: 100vw;margin: 30px 0 0 0;padding: 0 2vw;}
	#container .main .mainsolution .solution_wrap .solution_slider > a {top: calc(50% - 35px);}
	#container .main .mainsolution * {box-sizing: border-box;}
	#container .main .mainsolution .solution_wrap ul li {width: 31vw !important;margin-right: 2vw !important;}
    #container .main .mainsolution .solution_wrap .bx-wrapper .bx-viewport {}
	#container .main .mainsolution .solution_wrap ul li .solution_con img {width: 100%!important; height: auto !important;}
    #container .main .mainsolution .solution_wrap ul li .solution_con .solution_hover {top: 15px;left: 15px;height:calc(100% - 30px);width: calc(100% - 30px) !important;padding:20px 15px;}
    #container .main .mainsolution .solution_wrap ul li .solution_con .solution_hover > p {margin-top: 25px;font-size: 13px;word-break: keep-all;}
	#container .main .mainsolution .solution_wrap ul li .solution_con .solution_hover > p br {display: none;}
    #container .main .mainsolution .solution_wrap ul li .solution_con .solution_hover > h3 {font-size: 16px;}
	#container .main .mainsolution .solution_wrap ul li .solution_con .solution_hover > h3:after {bottom: -10px;}
	#container .main .mainsolution .solution_wrap ul li .solution_text {margin-top: 15px;padding-left: 25px;}
	#container .main .mainsolution .solution_wrap ul li .solution_text > .text {font-size: 14px;}
	#container .main .mainsolution .solution_wrap ul li .solution_text > .title {font-size: 16px;}
	#container .main .mainsolution .solution_wrap ul li .solution_text:before {height:60px;bottom:25px}

	/* 메인 문의하기 ~1180px */
	#container .main .mainInquiry {height: auto;margin: 0;padding: 60px 15px 30px;background-size:cover;border-bottom-width: 5px;}
	#container .main .title_wrap .title_st2 {font-size: 26px;line-height: 1;}
	#container .main .title_wrap .title_st2:before {height: 40px;top: -60px;}
	#container .main .title_wrap .subtit_st2 {margin-top: 10px;padding: 0 15px;font-size: 14px;line-height: 22px;word-break: keep-all;}
	#container .main .mainInquiry .Inq_count > p {margin: 40px 0 5px;font-size: 13px;}
	#container .main .mainInquiry .Inq_count .count_wrap > li {font-size: 40px;line-height: 1;}
	#container .main .mainInquiry .btn01 {margin-top: 30px !important;}
	
	.btn01 {width: 185px;height: 55px;font-size: 14px;line-height: 53px;}
	.btn01.color1:after {height: 3px;}
	.btn01.color1:hover:after {width: 185px;}

	/* 메인 포트폴리오 ~1180px */
	#container .main .mainportfolio {margin: 0 !important;padding: 60px 15px;}
	#container .main .mainportfolio .portfolio_tab {margin: 30px 0 40px;}
	#container .main .mainportfolio .portfolio_tab.on {}
	#container .main .mainportfolio .portfolio_tab.active {}
	#container .main .mainportfolio .portfolio_tab ul li {margin: 0 15px;}
	#container .main .mainportfolio .portfolio_tab ul li a {font-size: 16px;}
	#container .main .mainportfolio .portfolio_tab ul li.on a {}
	#container .main .mainportfolio .portfolio_tab ul li.active a {}
	#container .main .mainportfolio .portfolio_wrap {width: 100%;height: auto;}
	#container .main .mainportfolio .portfolio_wrap.on {}
	#container .main .mainportfolio .portfolio_wrap:before {display: none;}
	#container .main .mainportfolio .portfolio_wrap .pofol_img_wrap {float: left;position: relative;width: 50%;height: auto;left: 20px;}
	#container .main .mainportfolio .portfolio_wrap .pofol_img_wrap:before {position: absolute;content:'';width: 100%;height: 100%;top: 20px;left: -20px;border: 4px solid #f2f2f2;box-sizing: border-box;z-index: -1;}
	#container .main .mainportfolio .portfolio_wrap .pofol_img .bx-viewport {height: auto !important;padding-bottom: 70.6%;} 
	#container .main .mainportfolio .portfolio_wrap .pofol_img {position: relative;width: 100%;height: auto;left: 0;}
	#container .main .mainportfolio .portfolio_wrap .pofol_img ul {}
	#container .main .mainportfolio .portfolio_wrap .pofol_img ul > li {width: 100% !important;}
	#container .main .mainportfolio .portfolio_wrap .pofol_img ul > li img {width: 100% !important;height: auto;}
	#container .main .mainportfolio .portfolio_wrap .pofol_slider {height: 60px;left: auto;top: auto;right: -20px;bottom: -30px;}
	#container .main .mainportfolio .portfolio_wrap .pofol_slider > a {height: 60px;}
	#container .main .mainportfolio .portfolio_wrap .pofol_slider > a.pofol_prev {width: 50%;}
	#container .main .mainportfolio .portfolio_wrap .pofol_slider > a.pofol_prev:after {height: 30px;}
	#container .main .mainportfolio .portfolio_wrap .pofol_slider > a.pofol_next {width: 50%;}
	#container .main .mainportfolio .portfolio_wrap .pofol_con {float: left;position: relative;width: 50%;padding: 20px 0 0 60px;}
	#container .main .mainportfolio .portfolio_wrap .pofol_con:before {width: 60px;top: 60px;left: -15px;}
	#container .main .mainportfolio .portfolio_wrap .pofol_con ul li .title {margin: 5px 0 25px;font-size: 21px;}
	#container .main .mainportfolio .portfolio_wrap .pofol_con ul li .title > span{padding-left: 10px;font-size: 14px;}
	#container .main .mainportfolio .portfolio_wrap .pofol_con ul li .text{font-size: 13px;line-height: 20px;word-break: keep-all;}
	#container .main .mainportfolio .portfolio_wrap .pofol_list {clear: both;position: relative;width: 704px;padding-top: 60px;}
	#container .main .mainportfolio .portfolio_wrap .pofol_list ul li {width: 156px;height: 110px;}
	#container .main .mainportfolio .portfolio_wrap .pofol_list ul li img {width: 156px;height: 110px;}

	/* 메인 ~1180px */
	.bot_banner {padding:20px 0 30px;}
	.bot_banner img {width: 150%;}

	/* 푸터 ~1180px */
	#footer .footer_wrap .ft_cs_wrap {margin: 0;padding: 0 15px;}
	#footer .footer_wrap .ft_cs_wrap > div {padding: 25px 15px;}
	#footer .footer_wrap .ft_cs_wrap > div:before {height: 40px;}
	#footer .footer_wrap .ft_cs_wrap > div > h2 {font-size: 16px;}
	#footer .footer_wrap .ft_cs_wrap > div > .num {font-size: 22px;}
	#footer .footer_wrap .ft_cs_wrap > div > .info {font-size: 13px;line-height: 22px;word-break: keep-all;}

	#footer .footer_wrap .ft_menu_wrap {margin: 0;padding: 30px 15px;}
	#footer .footer_wrap .ft_menu_wrap > ul > li {padding-right: 15px;}
	#footer .footer_wrap .ft_menu_wrap > ul > li > a {font-size: 14px;}
	#footer .footer_wrap .ft_menu_wrap p {font-size: 13px;line-height: 22px;word-break: keep-all;}
	#footer .footer_wrap .ft_menu_wrap p span {padding-right: 15px !important;}

	.fixed_menu_pc {bottom: 15px;right:10px; }
    .fixed_menu_pc .qna_link {width: 72px;margin-right: 7px;}
	.fixed_menu_pc .qna_link img {width: 100%;}
    .closed_fixed_pc {margin-top: 8px;width: 126px; bottom:95px;right: 10px; }
    .closed_fixed_pc img {width: 100%;}
	#ch-plugin .fXXcQF {bottom: 20px !important;right: 15px !important;} /* 채널톡 태블릿 */
	#ch-plugin .fUSxJn {bottom: 71px !important;right: 10px !important;} /* 채널톡 모바일 */

	/* 서브페이지 ~1180px */
	#contents {width: 100%;}
	#contents .sub_lnb {display: none;}
	#sub_visual .inner {height: 300px;}
	#sub_visual .inner .title {font-size: 25px;}
	#contents .right_content {width: 100%;padding:0 65px;box-sizing: border-box;}
	#contents .right_content .sub_title {margin-bottom: 30px;padding-bottom: 20px;font-size:20px;height: auto;line-height: 1;}
	
	/* 탭메뉴 ~1180px */
	.tab_style1.mb50 {margin-bottom: 25px !important;}
	.tab_style1 ul li a {line-height: 45px;font-size: 16px;}
	
	/* CDN / 호스팅 ~1180px */
	#contents .right_content .right_title {padding-bottom: 10px !important;font-size: 16px;}
	.lnb_sub_top {padding: 40px 0 40px 120px;}
	.lnb_sub_top.cdn {background-size: auto 110px;}
	.lnb_sub_top .txt_a {font-size: 14px;}
	.lnb_sub_top .txt_b {font-size: 13px;}
	.lnb_sub_top.hosting {background-size: auto 110px;}
	.cdn_sec02 {margin-top: 30px;}
	.list_table5 {margin-top: 0px !important;}
	.list_table5 thead tr th, .list_table5 tbody tr th, .list_table5 tbody tr td {padding: 8px 0;font-size: 13px;}
	a.samll-buy-cart {font-size: 13px;line-height: 35px;}
	.more_tit {padding-left: 30px;height: 20px;background-size:20px auto;font-size: 16px;line-height: 20px;}
	.cdn_sec03 {margin-top: 30px;}
	.more_con > li {width: 48%;padding: 40px 0 40px 120px;margin-right: 4%;box-sizing: border-box;}
	.more_con > li:nth-child(even) {margin-right: 0;}
	.more_con > li > h4 {font-size: 14px;}
	.more_con > li > p {font-size: 13px;}
	.cdn_sec03 .more_con > li.img01,
	.cdn_sec03 .more_con > li.img02,
	.hosting_sec03 .more_con > li.img03 {background-size: auto 110px;}
	
	/* SMS / 알림톡 ~1180px */
	.lnb_sub_top.sms, .lnb_sub_top.kko {background-size: auto 110px;}
	.sms_sec02 .list_table1 {margin-top: 20px !important;}
	.list_table1 thead tr th,
	.list_table1 tbody tr th,
	.list_table1 tbody tr td {padding: 8px 5px;font-size: 13px;}
	.sms_sec02 {margin-top: 35px;}
	.sms_sec02 .sms_tarea {margin-top: 15px !important;padding: 15px;}
	.sms_sec02 .sms_tarea p,
	.sms_sec02 .sms_tarea p span {line-height: 18px;font-size: 13px;}
	.sms_sec02 .sms_tarea p {padding-left: 10px;}
	.sms_sec02 .sms_tarea p + p {margin-top: 10px;}
	.sms_sec02 .sms_tarea p:before {top: 11px;}
	.sms_sec03 {margin-top: 35px;}
	#contents .right_content .right_text {margin-top:0 !important;font-size: 13px;line-height: 17px;}
	.sms_sec03 .sms_tip > li {width: 48%;height: 260px;margin-right: 4%;padding:20px;background-size: auto 100px !important;}
	.sms_sec03 .sms_tip > li h4 {font-size: 16px;margin-bottom: 10px;}
	.sms_sec03 .sms_tip > li p {font-size: 13px;line-height: 20px;word-break: keep-all;}
	.sms_sec03 .sms_tip > li p br {display: none;}
	.kko_sec02 {margin-top: 35px;}
	.kko_sec02 .list_table1 {margin-top: 20px !important;}

	/* 구축사례 ~1180px */
	.list_col3 > ul > li {width: 31% !important;margin-left: 3.5% !important;}
	.list_col3 > ul > li .thum_case img {width: 100%;height: auto;}
	.list_col3 > ul > li:nth-child(3n+1){margin-left: 0 !important;}
	.list_col3 > ul > li .tit {font-size: 14px;line-height: 18px;}
	.bbs_count {font-size: 16px;}
	.board_search input.keyword2 {width: calc(100% - 130px); box-sizing: border-box;}
	.pagination {margin-top: 25px;}
	
	.list_col3 .thum_case a {position: relative;display: block;width: 100%;padding-bottom: 67%;}
	.list_col3 .thum_case a img {position: absolute;left: 0;top: 0;width: 100%;}
	.view_table2 thead tr td {font-size: 14px;padding: 20px 15px 10px;}
	.view_table2 thead tr th {font-size: 15px;padding: 0 15px 20px;}
	.view_table2 thead tr td.view_num {padding-left: 45px;background-position: 20px 25px;}
	.view_table2 thead tr td.view_num:before {top:25px;}
	#writeContents img {max-width: 100% !important;height: auto !important;}
	.next_doc {table-layout:auto}
    .next_doc tbody tr th {padding: 15px 5px;font-size: 13px;}
	.next_doc tbody tr td {padding: 15px 5px;font-size: 13px;}
	.next_doc tbody tr td a {height: auto;font-size: 14px;}

	/* SSL ~1180px */
	#contents .right_content .hosting_ssl_sec01 {padding: 25px;}
	#contents .right_content .hosting_ssl_sec01 .right_title {width: 130px;}
	#contents .right_content .hosting_ssl_sec01 > p {width: calc(100% - 130px);margin-bottom: 30px;}
	#contents .right_content .hosting_ssl_sec01 .ssl_con01 {position: relative;margin: 0 0 50px;padding:  0 0 43% 0;height: auto;box-sizing: border-box;background-size: 100% auto;background-position: center center;}
	#contents .right_content .hosting_ssl_sec01 .ssl_con01 span {position: absolute;}
	#contents .right_content .hosting_ssl_sec01 .ssl_con01 .name01 {top: 69%;left: 7%;transform: translate(-50%,0);font-size: 14px;line-height: 18px;}
	#contents .right_content .hosting_ssl_sec01 .ssl_con01 .name02 {top: 62.7%;left: 25%;font-size: 12px;transform: translate(-50%,-50%);}
	#contents .right_content .hosting_ssl_sec01 .ssl_con01 .name03 {top: 0;left: 52%;font-size: 14px;}
	#contents .right_content .hosting_ssl_sec01 .ssl_con01 .name04 {top: 68%;left: 50.5%;font-size: 2.7vw;transform: translate(-50%,-50%);}
	#contents .right_content .hosting_ssl_sec01 .ssl_con01 .name05 {top: 93%;left: 52%;font-size: 14px;}
	#contents .right_content .hosting_ssl_sec01 .ssl_con01 .name05 strong {font-size: 14px;}
	#contents .right_content .hosting_ssl_sec01 .ssl_con01 .name06 {top: 62.7%;left: 75.6%;font-size: 12px;transform: translate(-50%,-50%);}
	#contents .right_content .hosting_ssl_sec01 .ssl_con01 .name07 {top: 69%;right: 7%	;font-size: 14px;transform: translate(50%,0);}
	#contents .right_content .hosting_ssl_sec01 .ssl_con01 strong {font-size: 13px;}

	#contents .right_content .hosting_ssl_sec02 {margin-top: 35px;}
	#contents .right_content .hosting_ssl_sec03 {margin-top: 35px;}

	#contents .right_content .hosting_ssl_sec03 .ssl_con03 {background: #f4f4f4;padding: 30px 0 0;margin-top: 0;}
	#contents .right_content .hosting_ssl_sec03 .ssl_con03 ul {position: relative;display: flex;justify-content: flex-end;overflow: auto;padding-left: 8%;z-index: 1;}
	#contents .right_content .hosting_ssl_sec03 .ssl_con03 ul:before {position: absolute;top: 55px;left: 8%;content:'';width:92%;height:1px;background: #dcdcdc;z-index: -1;}
	#contents .right_content .hosting_ssl_sec03 .ssl_con03 ul + ul:before {left:0;width: 70%;}
	#contents .right_content .hosting_ssl_sec03 .ssl_con03 ul li {position: relative;width: 33.333% !important;margin: 0 0 30px 0 !important;}
	
	#contents .right_content .hosting_ssl_sec03 .ssl_con03 ul li:after {position: absolute;top: 48px;left: -50%;content:'';width: 10px;height: 15px;margin-left: 55px;background:url('/template/1/html/image/ico_ssl_arrow01.png') 0 0 no-repeat;transform: translate(-50%,0);}
	#contents .right_content .hosting_ssl_sec03 .ssl_con03 ul li:first-child:after {display: none;}
	#contents .right_content .hosting_ssl_sec03 .ssl_con03 ul + ul li:first-child:after {display: block;}
	#contents .right_content .hosting_ssl_sec03 .ssl_con03 ul li .ssl_con03_ico {width: 110px;height: 110px;background-size:585px 110px;box-shadow: 4px 4px 3px rgb(0 0 0 / 20%);}
	#contents .right_content .hosting_ssl_sec03 .ssl_con03 ul li .ssl_con03_num {margin: 20px 0 10px;font-size: 14px;line-height: 1;}
	#contents .right_content .hosting_ssl_sec03 .ssl_con03 ul li > .tit {font-size: 15px;line-height: 21px;}
	#contents .right_content .hosting_ssl_sec03 .ssl_con03 ul li .ssl_con03_txt {margin-top: 5px;font-size: 13px;line-height: 20px;}
	#contents .right_content .hosting_ssl_sec03 .ssl_con03 ul li .ssl_con03_ico.ico02 {background-position:-117px 0;}
	#contents .right_content .hosting_ssl_sec03 .ssl_con03 ul li .ssl_con03_ico.ico03 {background-position:-239px 0;}
	#contents .right_content .hosting_ssl_sec03 .ssl_con03 ul li .ssl_con03_ico.ico04 {background-position: -356px 0;}
	#contents .right_content .hosting_ssl_sec03 .ssl_con03 ul li .ssl_con03_ico.ico05 {background-position: -474px 0;}

	/* 유지보수 ~1180px */
	#sub_visual .inner_full {height: 450px;}
	#sub_visual .inner_full:after {height: 40px;}
	#sub_visual .inner_full .title2 {font-size: 25px;}
	#sub_visual .inner_full .sub_copy2 {font-size: 16px;}
	#sub_visual .inner_full .sub_copy3 {margin-top: 15px !important;padding: 0 15px;font-size: 13px;line-height: 19px;}
	
	#contents_full .repair_con1 {padding-top: 70px;}
	#contents_full .in_Layer {width: 100%;padding: 0 15px;box-sizing: border-box;}
	.stit1 {font-size: 22px;padding-bottom: 20px;word-break: keep-all;}
	.stit1 span.caption {padding-top: 20px !important;font-size: 14px;line-height: 24px;}
	.linttit:before, .linttit:after {width:calc(50% - 137px);}
	.linttit span {font-size: 16px;}

	#contents_full .repair_con1 ul.repair1_list {display: flex;justify-content: space-between; padding: 60px 0;}
	#contents_full .repair_con1 ul.repair1_list li {margin: 0;padding: 50px 15px 20px;word-break: keep-all;}
	#contents_full .repair_con1 ul.repair1_list li + li {margin-left: 2%;}
	#contents_full .repair_con1 ul.repair1_list li .imgpit img {width:56px;}
	#contents_full .repair_con1 ul.repair1_list li p.num {font-size: 24px;line-height: 1;}
	#contents_full .repair_con1 ul.repair1_list li p.txt {margin-top: 5px;font-size: 14px;line-height:20px;}
	#contents_full .repair_con1 ul.repair1_list li .imgpit {top: -30px;}
	
	#contents_full .repair_con2{padding: 55px 0;}
	#contents_full .repair_con2 ul li {width: 50%;font-size: 16px;}
	#contents_full .repair_con2 ul li b {font-size: 16px;}
	#contents_full .repair_con2 ul li img {width: 130px;margin-bottom: 20px;}
	#contents_full .repair_con2 ul li:first-child img {margin-top: 44px !important;}
	#contents_full .repair_con2 ul li:nth-child(2) img {width:159px;}

	#contents_full .repair_con3 {position: relative;height: auto;padding-bottom: 54.4%;}
	#contents_full .repair_con3 img {position: absolute;width: 170%;top: 0;left: 50%;margin-left: -85%;}
	#contents_full .repair_con4 {padding: 50px 0;}
	#contents_full .repair_con4 .box {width: 100%;height: auto;margin-top: 0;padding: 40px 190px 60px 25px;box-sizing: border-box;word-break: keep-all;}
	#contents_full .repair_con4 .box span {font-size: 14px;line-height: 20px;}
	#contents_full .repair_con4 .in_Layer:after {width: 144px;height: 220px;top: auto;bottom: 0;right: 25px;background-size: cover;}
	#contents_full .repair_con5 {padding: 55px 0;}

	.linttit2:before, .linttit2:after {width:calc(50% - 114px)}
	.linttit3:before, .linttit3:after {width: calc(50% - 82px);}
	#contents_full .repair_con5 {height: auto;background-size: 100% auto;background-color: #fbfbfb;}
	#contents_full .repair_con5 ul.repair_step {padding: 30px 0 15px;}
	#contents_full .repair_con5 ul.repair_step img {height: 56px;}
	#contents_full .repair_con5 ul.repair_step li:after {top: 50px;width: 28px;height: 28px;background-size: cover;}
	#contents_full .repair_con5 ul.repair_step li p.title {padding: 14px 0 3px;font-size: 16px;}
	#contents_full .repair_con5 ul.repair_step li p.caption {font-size: 13px;line-height: 19px;}
	#contents_full .repair_con5 ul.repair_step li .boxCap {font-size: 13px;}
	#contents_full .repair_con6 {padding: 50px 0 30px;}
	#contents_full .repair_con6 .repair_kinds dl {width: 48%;}
	#contents_full .repair_con6 .repair_kinds dt {padding-bottom: 10px;font-size: 16px;}
	#contents_full .repair_con6 .repair_kinds dt img {margin-bottom:10px;}
	#contents_full .repair_con6 .repair_kinds dd {padding-left: 10px;font-size: 13px;line-height: 20px;}
	#contents_full .repair_con6 .repair_kinds dd.btnS {width: 100%;max-width: 370px;}
	#contents_full .repair_con6 .repair_kinds dd:before {top: 10px;}
	
	#contents_full .repair_con7 {height: auto;padding-bottom: 30px;}
	
	#contents_full .repair_con7 .in_Layer {overflow: hidden;}
	#contents_full .repair_con7 .in_Layer:after {position: static;float: left;width: 60%;height: auto;margin-top: 40px;padding-bottom: 34%;background-size: 100% auto;}
	#contents_full .repair78.right {float: right;width: 35%;padding: 60px 0 0 0;}
	#contents_full .repair78 .title {padding-bottom: 15px;font-size: 21px;}
	#contents_full .repair78 .title span {font-size: 35px;top:-20px;}
	#contents_full .repair78 .title:after {width: 75px;bottom: 0;}
	#contents_full .repair78.left .title:after {left: 24px;}
	#contents_full .repair78.right .title:after {left: -37px;}
	#contents_full .repair78 ul.list {margin-top: 15px;}
	#contents_full .repair78 ul.list li {box-sizing: border-box;padding-left: 17px;line-height: 28px;}
	#contents_full .repair78 ul.list.float li {width: 50%;background-size: 10px auto;font-size: 14px;}
	#contents_full .repair78 .applyBtn {max-width: calc(100% - 17px);height: 40px;margin: 20px 0 0 17px !important;}
	#contents_full .repair78 .applyBtn a {line-height: 40px;font-size: 14px;}
	#contents_full .repair78 ul.list li {font-size: 14px;background-size: 10px auto;}
	#contents_full .repair78 ul.list li.red {background-size: 10px auto;}
	
	#contents_full .repair_con8 {overflow: hidden;height: auto;padding-bottom: 30px;}
	#contents_full .repair78.left {float: left;padding-top: 60px;}
	#contents_full .repair_con8 .in_Layer:after {position: static;float: right;width: 60%;height: 0;margin-top: 40px;padding-bottom: 33%;background-size: 100% auto;}
	
	#contents_full .repair_con9 {padding: 60px 0;height: auto;}
	#contents_full .repair_con9 .box {padding:30px 15px;height: auto;font-size: 14px;line-height: 20px;box-sizing: border-box;word-break:keep-all;}
	#contents_full .repair_con9 .box a {width: 230px;height: 40px;margin-top: 20px;line-height: 40px;font-size: 14px;background:url("../images/koll_arr.png") no-repeat 180px 12px, #e33a38}

	/* 유지보수 신청 ~1180px */
	.list_table3 {table-layout: fixed;}
	.list_table3 thead tr th {padding:8px 5px;font-size: 13px;}
	.list_table3 tbody tr td {padding: 8px 5px;font-size: 13px;}
	.list_table3 tbody tr nobr {text-overflow: initial;}
	.list_table3 tbody tr td.t_ap nobr > a {overflow: hidden;display: inline-block;width: calc(100% - 80px);text-overflow:ellipsis;}
	.list_table3 tbody tr td.t_ap nobr > a.ico_category {width: auto;padding: 0 10px;}
	.comment_write_table {padding:10px 5px;}
	.comment_write_table tbody tr td {padding:5px 10px;}
	.comment_write_table tbody tr td textarea {min-width: auto;}
	
    

	/* 이러닝솔루션 ~1180px */
	#contents_full {width: 100%;}
	#contents_full .startup_con1 {margin: 0;padding-left: 50%;background-size:50% auto;}
	#contents_full .content .tit {font-size: 21px;padding-bottom: 15px;}
	#contents_full .startup_con1 .content .tit {background-size: auto 26px;background-position: left 29px;}
	
	/* 로그인 ~1180px */
	.mlog_area .member_wrap .member_area .txt18 {font-size: 16px !important;line-height: 24px !important;}
	.mlog_area .member_wrap .member_area input[type="text"], .mlog_area .member_wrap .member_area input[type="password"] {width: 100% !important; margin-top: 0 !important;box-sizing: border-box;}
	.mlog_area .member_wrap .member_area .log_btn_wrap ul li {margin-left: 25px;}
	.mlog_area .member_wrap .member_area .log_btn_wrap ul li a {font-size: 14px;}
	.mlog_area .member_wrap .member_area .log_btn_wrap ul li:before {left: -13px;}
	.mlog_area .mlog_box .mlog {font-size: 14px;line-height: 35px;height: 35px;}
	.mlog_area .mlog_box .login_btn {font-size: 16px !important;}
	.mlog_area .member_ico {margin-top: 20px;}

	/* 스타트업 패키지 ~1180px */
	#contents_full .startup_con1 {padding-bottom: 18%;}
	#contents_full .startup_con1 .content {width: 100%;height: auto;padding: 50px 20px 0 50px;word-break: keep-all;}
	#contents_full .startup_con1 .content .tit:before {top: 80px;width: 75px;left: -35px;}
	#contents_full .content .txt {margin-top: 20px !important;font-size: 14px;line-height: 20px;}

	#contents_full .startup_con2 {}
	#contents_full .startup_con2:before {height: 100%;top: 0;}
	#contents_full .startup_con2 .content .tit {position: relative;top: 0;}
	#contents_full .sol_list {padding: 20px 15px 0;}
	
	#contents_full .sol_list ul {display: flex;flex-wrap:wrap;}
	#contents_full .sol_list ul > li {position: relative;top: 0;width: 32%;height: auto;margin-left: 2%;margin-bottom: 2%;}
	#contents_full .sol_list ul > li:hover {margin-top: 0;height: auto;background: #fff;box-shadow: none;}
	#contents_full .sol_list ul li:hover dl dt,
	#contents_full .sol_list ul li:hover dl dd {color: #666;}
    #contents_full .sol_list ul li:hover dl dd:before {background: #666;}
	#contents_full .sol_list ul > li:nth-child(3n + 1) {margin-left:0;}
	#contents_full .sol_list ul li.sol1:hover .imgs { background-position:0 0; }
	#contents_full .sol_list ul li.sol2:hover .imgs { background-position:-80px 0; }
	#contents_full .sol_list ul li.sol3:hover .imgs { background-position:-160px 0; }
	#contents_full .sol_list ul li.sol4:hover .imgs { background-position:-240px 0; }
	#contents_full .sol_list ul li.sol5:hover .imgs { background-position:-320px 0; }
	#contents_full .sol_list ul li.sol6:hover .imgs { background-position:0 -160px; }
	#contents_full .sol_list ul li.sol7:hover .imgs { background-position:-80px -160px; }
	#contents_full .sol_list ul li.sol8:hover .imgs { background-position:-160px -160px; }
	#contents_full .sol_list ul li.sol9:hover .imgs { background-position:-240px -160px; }
	#contents_full .sol_list ul li.sol10:hover .imgs { background-position:-320px -160px; }
	#contents_full .sol_list ul li dl dt {font-size: 16px;}
    #contents_full .sol_list ul li dl dd {font-size: 13px;}

    #contents_full .startup_con3 {margin: 0;padding: 60px 0 0 0;background-position: 0 10%;}
	#contents_full .startup_con3 .startup_con3_1:before {top:-60px;right: 0;}
	#contents_full .startup_con3 .startup_con3_1 .sol_step {margin: 10px 0 50px;}
	#contents_full .startup_con3 .startup_con3_1 .sol_step > li {width: 160px;height: 160px;border-width: 8px;margin: 20px;}
    #contents_full .startup_con3 .startup_con3_1 .sol_step > li .step {line-height: 1;font-size: 13px;}
	#contents_full .startup_con3 .startup_con3_1 .sol_step > li .step .num {font-size: 24px;}
	#contents_full .startup_con3 .startup_con3_1 .sol_step > li .tit {padding-bottom: 0;margin-top: 5px;height: 40px;font-size: 14px;line-height: 20px;}
	#contents_full .startup_con3 .startup_con3_1 .sol_step > li:before {width:24px;height: 6px;left: -40px;top: 70px;background-size: cover;}

    #contents_full .startup_con3 {background-size: 100% auto;}
    #contents_full .startup_con3 .startup_con3_2 {padding:60px 15px;}
	#contents_full .startup_con3 .startup_con3_2:before {top:0;left: -350px;width: 600px;background-size: 100% auto;}
    #contents_full .startup_con3 .startup_con3_2 .content .tit {background-size: auto 26px;background-position: 0 29px;}
    #contents_full .startup_con3 .startup_con3_2 .content .tit:before {width: 75px;left: 190px;top: 80px;}
    #contents_full .startup_con3 .startup_con3_2 .content .info:before {left: auto;right: 25px;background-position: 0 bottom;}
	#contents_full .startup_con3 .startup_con3_2 .content ul {width: 100%;margin-top: 20px;}
	#contents_full .startup_con3 .startup_con3_2 .content .img {position: static;display: block; max-width: 700px;margin: 20px auto 0;width: 100%;}
	#contents_full .startup_con3 .startup_con3_2 .content .info:after {border-right: 200px solid #fff;}
	#contents_full .startup_con3 .startup_con3_2 .content .info .title {margin-bottom: 5px;}
    .btnAreaLeft {margin: 30px auto 50px;}
    .btnAreaLeft a {font-size: 16px;}
	.board_button {margin-left: -5px;margin-top: 25px !important;}
	.board_button a {margin: 5px !important;}


    /* 웹스쿨 네오 ~1180px */
    #contents_full .neo_con3 {margin: 25px 0 0 0;padding: 0 15px;background:#fff;box-sizing: border-box;}
    #contents_full .neo_con3 .content {width: 100%;padding-top: 0;}
    #contents_full .neo_con3 .content .tit {line-height: 40px;padding-left: 0 !important;background-size: auto 26px;background-position: 0 29px;}
    #contents_full .neo_con3 .content .tit:before {width: 75px;left: 190px;top: 80px;}
    #contents_full .neo_con3 .content .tit br {display: none;}
    #contents_full .neo_con3 .content .txt {padding-left: 0 !important;}
    #contents_full .neo_con3 .content .m_info {padding-left: 0 !important;}
    #contents_full .neo_con3 .content .m_info ul {width: 100%;}
    #contents_full .neo_con3 .content .m_info ul li {width: 50%;padding-left:65px;font-size: 15px;}
    #contents_full .neo_con3:after {content:'';display: block;width: 100%;padding-bottom: 89%;max-width:750px;margin: 30px auto 0;background:url('../image/neo_con3.jpg') 0 0 no-repeat;background-size: 100% auto;}

    /* 콘텐츠 ~1180px */
    #contents_full .cont_con1 {padding: 60px 0;}
    #contents_full .cont_con1:before {display: none;}
    #contents_full .cont_con1 .contTit {width: 145px;padding-left: 0;padding-top: 30px;font-size: 21px;}
    #contents_full .cont_con1 .contTit span {left: 0;font-size: 26px;line-height: 28px;}
    #contents_full .cont_con1 .cont1List {position: relative;width:100%;margin-top: 20px;}
    #contents_full .cont_con1 .cont1List:before {content: "";display: block; position: absolute; top:40px;left: 6px;z-index: -10;width: calc(100% - 6px);height: 1px;background: #d7d7d7;}
    #contents_full .cont_con1 .cont1List > dl {width: 50%;margin-bottom: 50px;padding-left: 15px;box-sizing: border-box;}
    #contents_full .cont_con1 .cont1List > dl dd {word-break: keep-all;}
    #contents_full .cont_con1 .cont1List > dl dd br {display: none;}
    #contents_full .cont_con1 .cont1List > dl dt {padding-top: 90px;background-size: 80px auto !important;}
    #contents_full .cont_con1 .cont1List > dl:before {top: 33px;}
    #contents_full .cont_con1 .cont1List > dl dt {font-size: 16px;line-height: 22px;}
    #contents_full .cont_con1 .cont1List > dl dt span {font-size: 35px;line-height: 50px;}
    #contents_full .cont_con1 .cont1List > dl dd {font-size: 14px;line-height: 22px;}
    #contents_full .cont_con1 .cont1List > dl.dl3:after {content: "";display: block; position: absolute; top:40px;left: 6px;z-index: -10;width:calc(200% - 6px); height: 1px;background: #d7d7d7;z-index: -20;}

    #contents_full .cont_con2 {padding: 60px 0;}
    #contents_full .cont_con2 .stit1 span.caption {padding-top: 10px !important;}
    
    #contents_full .cont_con2 .feedbackA {position: relative;padding: 0 0 41% 0;height: 0;background-size:100% auto;}
    #contents_full .cont_con2 .feedbackA dl {position: absolute;top: 0;left: 0;width: 100%;height: 100%;margin-left: 0;}
    #contents_full .cont_con2 .feedbackA dt {position: absolute;width: auto;padding-bottom: 0;top: 25%;left: 49.5%;font-size: 2.34vw;transform: translate(-50%,0);}
    #contents_full .cont_con2 .feedbackA dd {position: absolute;width: auto;margin: 0;font-size: 1.48vw;transform: translate(-50%,0);}
    #contents_full .cont_con2 .feedbackA dd:nth-of-type(1) {top: 78.5%;left: 6.7%;}
    #contents_full .cont_con2 .feedbackA dd:nth-of-type(2) {top: 78.5%;left: 28.1%;}
    #contents_full .cont_con2 .feedbackA dd:nth-of-type(3) {top: 78.5%;left: 49.7%;}
    #contents_full .cont_con2 .feedbackA dd:nth-of-type(4) {top: 78.5%;left: 71.2%;}
    #contents_full .cont_con2 .feedbackA dd:nth-of-type(5) {top: 78.5%;left: 92.7%;}

    #contents_full .cont_con2 .cont_process {padding-top: 20px;display: flex;}
    #contents_full .cont_con2 .cont_process dl {width: 31.5%;height: auto;padding-bottom: 30px;margin:0 0.91666%;}
    #contents_full .cont_con2 .cont_process dl dt {padding-top: 50px;z-index: 1;font-size: 20px;}
    #contents_full .cont_con2 .cont_process dl dt span{top: 29px;z-index: -1;font-size: 24px;}
    #contents_full .cont_con2 .cont_process dl dd {font-size: 14px;line-height: 26px;}
    #contents_full .cont_con2:before {height:calc(100% - 340px);}
    
    #contents_full .cont_con3 {padding: 60px 0 30px;}
    #contents_full .cont_con3 .stit1 span.caption {padding-top: 10px !important;}
    #contents_full .cont_con3 .cont_uses {width: 100%;padding: 30px 20px 0;box-sizing: border-box;}
    #contents_full .cont_con3 .cont_uses dl {width: 50%;padding:0 15px 30px 90px!important;box-sizing: border-box;}
    #contents_full .cont_con3 .cont_uses dl.right {width: 50%;background-position: 0 0;}
    #contents_full .cont_con3 .cont_uses dl.uses1 {background-size: 55px auto;}
    #contents_full .cont_con3 .cont_uses dl.uses2 {background-size: 52px auto;}
    #contents_full .cont_con3 .cont_uses dl.uses3 {background-size: 61px auto;}
    #contents_full .cont_con3 .cont_uses dl.uses4 {background-size: 45px auto;}

    #contents_full .cont_con3 .cont_uses dl dt {padding-top: 0;font-size: 16px;}
    #contents_full .cont_con3 .cont_uses dl dd {font-size: 13px;line-height: 19px;}
    #contents_full .cont_con3:before {height:calc(100% - 330px);}
	

	/* 테이블 스타일 ~1180px */
    .write_table {table-layout: fixed;}
    .write_table col.tit01 {width: 25% !important;}
    .write_table tbody tr th {padding: 10px 0 10px 10px;line-height: 35px;}
   /*주의사항 2022095*/	
	.write_table tbody tr th.titRed { background:#faf9f9; }
	.write_table tbody tr th.titRed > span { color:red;}
	.write_table tbody tr td.titRed { background:#faf9f9; color:red;}
	.write_table tbody tr th.titBlue { background:#faf9f9; }
	.write_table tbody tr th.titBlue > span { color:#156bcb;}
	.write_table tbody tr td.titBlue { background:#faf9f9; color:red;}
    .write_table tbody tr th span{line-height: 35px;padding-left: 0;font-size: 14px;}
    .write_table tbody tr td {padding: 10px;}
			
		div .psInfo { background:#fbf3e0; color: #892423; padding:35px; line-height: 160%;  font-size: 14px;}
		div .psInfo > strong { color:#e33a38; font-weight:bold;} /*끝*/
 

    .write_table select, .write_table input[type="text"] {max-width: 100% !important;}
	 .write_table select + *, .write_table input[type="text"] + * {margin-left: 0;}
	.write_table tbody tr th span.import {padding-left: 12px;}
	.write_table th {padding-top: 15px;border-bottom: none;}
	.write_table th span {line-height: 1;}
	.write_table td {padding-bottom: 15px;}
    .write_table col.name {width: 115px !important;}
	.write_table .w28, .write_table input[type="text"].w28 {max-width: 28% !important;}
	.write_table input[type="text"].w40 {max-width: 40% !important;}
	.write_table .w15 {max-width: 15% !important;}
	.write_table .w40, .write_table input[type="text"].w40 {max-width: 40% !important;}
	.write_table .rdo_area {display: block;}
	.write_table .rdo_area > li {display: inline-block;margin: 5px 0;}
	.write_table input[name="zonecode"] + a {display: block;margin: 10px 0 0 0 !important;font-size: 15px;}
	.write_table input[name="addr1"], .write_table input[name="addr2"] {width: 90% !important;}
	.write_table input[name="addr2"] {margin: 5px 0 0 !important;}

    /* 회원가입 ~1180px */
    .mjoin_area .join_menu {margin-bottom: 40px !important;}
    .mjoin_area .mj_box {width: 100%;margin-top: 5px !important;padding: 15px;}
    .mjoin_area input[type=submit], .mjoin_area .cancel_but, .mjoin_area .back_btn, .mjoin_area .Goblack_btn {float: none !important;margin: 5px;width: 140px;height: 45px;line-height: 43px;font-size: 14px;}
    .mjoin_area .mt70 {margin-top: 40px !important;}
	.view_table1 tbody tr th, .view_table1 tbody tr td {padding:10px 5px; font-size: 14px;}
	.view_table1 label.rdo {font-size: 14px;height: auto;line-height: 20px;}
	.view_table1 colgroup col:first-child {width: 125px !important;}

	/* 결제관리 */
	.mc_menu li{padding: 15px 0;} 
	.mc_menu li span {height: 70px;}
	.mc_menu.mb70 {margin-bottom: 35px !important;}

	#contents .cart h3.right_title {}
	.list_table2 {margin-top: 0 !important;}
	.list_table2 thead tr th, .list_table2 tbody tr td {padding: 10px;}
	.list_table2 thead tr th {font-size: 14px;}
	.list_table2 tbody tr td {font-size: 13px;word-break: keep-all;}
	
	.cart .mt70 {margin-top: 35px !important;}
	.btn_wrap.mt50 {margin-top: 40px !important;}
	#contents .right_content .right_title.mt70 {margin-top: 35px !important;}
	.cart .calculateArea {margin-top: 20px;}
	.cart .calculateArea table {table-layout: fixed;}
	.cart .calculateArea table th {padding: 10px;font-size: 14px;}
	.cart .calculateArea table td {padding: 10px;font-size: 13px;}
	.cart .calculateArea table td.total {font-size: 15px;}
	.cart2 .calculateArea .minus {top: 54px;left: 24.9%;transform: translate(-50%,0);}
	.cart2 .calculateArea .minus img {width: 20px;height: 20px;}
	.cart2 .calculateArea .plus {top: 54px;left: 49.9%;transform: translate(-50%,0);}
	.cart2 .calculateArea .plus img {width: 20px;height: 20px;}
	.cart2 .calculateArea .equal {top: 54px;left: 74.9%;transform: translate(-50%,0);}
	.cart2 .calculateArea .equal img {width: 20px;height: 20px;}
	.btn50 {width: 140px;font-size: 14px;height: 40px;line-height: 38px;}
	.btn40 {font-size: 14px;}
	.btn_wrap a {margin-left: 10px;}

	.list_table2 tfoot tr th {padding: 10px;font-size: 14px;}
	.list_table2 tfoot tr td {padding: 10px;font-size: 14px;word-break: break-all;}
	.list_table4 {margin-top: 0 !important;}
	.list_table4 tbody tr th {padding:10px;font-size: 14px;}
	.list_table4 tbody tr td {padding: 10px;font-size: 13px;}
	
	fieldset {min-width: 0;}
	.list_table4 .blueBC {font-size: 14px;}
	.search_table tbody tr td {padding: 5px 10px;}
	.search_table tbody select {height: 40px;margin: 5px 0;}
	.search_table tbody label .btn45 {line-height: 38px;height: 40px;width: 75px;font-size: 14px;}

	/*.payment_table {margin-top: 40px !important;}*/
    .right_title {font-size: 18px;}
    .table_scroll .right_title {font-size: 18px; padding-bottom: 24px;}

}



@media(max-width:800px){
	/* 메인 솔루션 ~800px */
	#container .main .mainsolution .solution_wrap {padding:0 15px;}
	#container .main .mainsolution .solution_wrap ul li {width: calc(48vw - 15px) !important;margin-right: 4vw !important;}
    #container .main .mainsolution .solution_wrap .bx-wrapper .bx-viewport {margin-left: 0;}
	

}

@media(max-width:750px){
	/* 메인 비주얼 ~750px */
    .mainvisual .mainvisual_case {min-height: 450px!important;}
    #container .main .mainvisual,
    .mainvisual .bx-wrapper .bx-viewport {height: 450px !important;}
    #container .main .mainvisual h2 img {height: 300px;}

	/* 메인 포트폴리오 ~750px */
	#container .main .mainportfolio .portfolio_wrap .pofol_list {display: none;}
	#container .main .mainportfolio .portfolio_wrap .pofol_img_wrap {width: calc(100% - 20px);}
	#container .main .mainportfolio .portfolio_wrap .pofol_slider {right: 15px;}
	#container .main .mainportfolio .portfolio_wrap .pofol_con {width: 100%;margin-top: 30px;padding-left: 0;}
	#container .main .mainportfolio .portfolio_wrap .pofol_con:before {display: none;}

	.bot_banner {padding-top: 0;}
	.bot_banner img {width: 170%;}

	/* 푸터 ~750px */
	#footer .footer_wrap .ft_cs_wrap > div {width: 100%;}

	/* CDN / 호스팅 ~750px */
	.table_scroll {max-width: 720px;overflow-x: auto;padding-bottom: 5px;}
	.table_scroll::-webkit-scrollbar {height: 3px;border-radius: 3px;}
	.table_scroll::-webkit-scrollbar-thumb {border-radius: 3px;background:rgba(0,0,0,0.3);}
	.table_scroll > table {min-width: 640px;}
	.more_con > li {width: 100%;margin: 0;}
	.more_con > li + li {margin-top: 10px;}
	
	
	/* SMS / 알림톡 ~1180px */
	.sms_sec03 .sms_tip > li {width: 100%;margin-right: 0;padding-bottom: 80px;height: auto;}
	.sms_sec03 .sms_tip > li + li {margin-top: 10px;}

	/* 구축사례 ~750px */
	.pagination .paging .page {padding:0 5px;}
	.pagination .paging > a {width: 30px;height: 30px;background-size: cover !important;}
	.pagination .paging .page a {width: 30px;padding:5px 0;}
	.pagination .paging .page a span {font-size: 12px;}
	.list_col3 > ul > li {width: 48%!important;margin-left:4% !important;}
	.list_col3 > ul > li:nth-child(3n+1) {margin-left: 4% !important;}
	.list_col3 > ul > li:nth-child(odd) {margin-left: 0 !important;}
	select {font-size: 14px;}
	.board_search input {padding-left: 10px;font-size: 14px;}

	.next_doc {position: relative;height: 102px;table-layout: auto;}
	.next_doc tbody tr {}
	.next_doc tbody tr th, .next_doc tbody tr td {display: inline-block;}
	.next_doc tbody tr th {position: absolute;top: 0;left: 0;}
	.next_doc tbody tr th.next {top: 51px;}
	.next_doc tbody tr td {position: absolute;width:100%;padding-left: 60px;box-sizing: border-box;}
	.next_doc tbody tr td.t_al2 {width: 100%;left: 0;top: 0;}
	.next_doc tbody tr td.ta_r {left:0;top: 51px;text-align: left !important;}
	.next_doc tbody tr td a {display: inline-block;}
	
	#contents .right_content {padding: 0 15px;}
	#contents .right_content .hosting_ssl_sec01 > p {width: 100%;}

	/* SSL ~750px */
	#contents .right_content .hosting_ssl_sec01 .ssl_con01_scroll {width: 100%;overflow: auto;}
	#contents .right_content .hosting_ssl_sec01 .ssl_con01_scroll::-webkit-scrollbar {height: 3px;}
	#contents .right_content .hosting_ssl_sec01 .ssl_con01_scroll::-webkit-scrollbar-thumb {border-radius:3px;background: #a9a9a9;}


	#contents .right_content .hosting_ssl_sec01 .ssl_con01 {width: 660px;height: 325px;padding: 0;overflow: auto;}
	#contents .right_content .hosting_ssl_sec01 .ssl_con01 .name01 {top: 67%;}
	#contents .right_content .hosting_ssl_sec01 .ssl_con01 .name02 {top: 61.1%;}
	#contents .right_content .hosting_ssl_sec01 .ssl_con01 .name03 {top: 0;}
	#contents .right_content .hosting_ssl_sec01 .ssl_con01 .name04 {top: 67%;font-size: 19px;}
	#contents .right_content .hosting_ssl_sec01 .ssl_con01 .name05 {top: 87%;}
	#contents .right_content .hosting_ssl_sec01 .ssl_con01 .name06 {top: 61.1%;}
	#contents .right_content .hosting_ssl_sec01 .ssl_con01 .name07 {top: 67%;}

	#contents .right_content .hosting_ssl_sec03 .ssl_con03 ul {display: block;padding: 0 15px;text-align: center;}
	#contents .right_content .hosting_ssl_sec03 .ssl_con03 ul:before {display: none;}
	#contents .right_content .hosting_ssl_sec03 .ssl_con03 ul + ul li:last-child:after {display: none;}
	#contents .right_content .hosting_ssl_sec03 .ssl_con03 ul li {width: 100%!important;margin: 0 0 50px 0!important;}
	#contents .right_content .hosting_ssl_sec03 .ssl_con03 ul li:first-child:after {display: block;}
	#contents .right_content .hosting_ssl_sec03 .ssl_con03 ul li:after {margin-left: 0;top: auto;bottom: -30px;left: 50%;transform: translate(-50%,0) rotate(90deg);}
	#contents .right_content .hosting_ssl_sec03 .ssl_con03 ul li .ssl_con03_ico {margin: 0 auto;}
	

	#contents_full .repair_con1 ul.repair1_list {flex-wrap: wrap; }
	#contents_full .repair_con1 ul.repair1_list li {width: 100%;}
	#contents_full .repair_con1 ul.repair1_list li + li {margin: 50px 0 0 0;}
	
	/* 유지보수 ~750px */
	
	#contents_full .repair_con5 ul.repair_step li:after {top: auto;bottom: -50px;left: 50%;transform: translate(-50%, 0) rotate(90deg);}
	#contents_full .repair_con5 ul.repair_step li p.caption {padding-bottom: 0;}
	#contents_full .repair_con5 ul.repair_step.count3 li {width: 100%;}
	#contents_full .repair_con5 ul.repair_step.count3 li + li {margin-top: 70px;}
	#contents_full .repair_con5 ul.repair_step.count4 li {width: 100%;}
	#contents_full .repair_con5 ul.repair_step.count4 li + li {margin-top: 70px;}

	#contents_full .repair_con6 .repair_kinds dl {width: 100%;}
	
	#contents_full .repair78.right {width: 100%;}
	#contents_full .repair78.left {width: 100%;}
	#contents_full .repair_con7 .in_Layer:after {width: 100%;padding-bottom: 57%;}
	#contents_full .repair_con8 .in_Layer:after {width: 100%;padding-bottom: 55%;}

	/* 로그인 ~750px */
	.mlog_area .member_wrap {display: block;}
	.mlog_area .member_wrap .member_area {display: block;width: 100%;padding: 15px;box-sizing: border-box;}
	.mlog_area .member_wrap .member_area:before {display: none;}
	.mlog_area .member_wrap .member_area + .member_area {margin-top: 10px;}
	.mlog_area .member_ico {margin-top: 10px;}

	#contents_full .startup_con1 {padding-bottom: 0;padding-left: 0;background-size: 90% auto;background-position: center top;}
	#contents_full .startup_con1 .content {padding: 67% 15px 30px;}
	
    /* 스타트업 패키지 ~750px */
    #contents_full .sol_list ul > li {width: 49%;margin-left: 2%;}
    #contents_full .sol_list ul > li:nth-child(3n+1) {margin-left: 2%;}
    #contents_full .sol_list ul > li:nth-child(odd) {margin-left: 0;}
	
	#contents_full .startup_con3 .startup_con3_2 .content .info {padding:20px;}
	#contents_full .startup_con3 .startup_con3_2 .content .info:after, #contents_full .startup_con3 .startup_con3_2 .content .info:before {display: none;}
	#contents_full .startup_con3 .startup_con3_2 .content .info ol li {word-break: keep-all;}
	

    /* 웹스쿨 네오 ~750px */
    #contents_full .neo_con3 .content .m_info ul li {width:100%;} 
    #contents_full .cont_con1 .cont1List:before {top:0;left:4px;width: 1px;height: calc(100% - 50px);}
    #contents_full .cont_con1 .cont1List > dl {width: 100%;padding-left: 30px;}
    #contents_full .cont_con1 .cont1List > dl:after {display: none !important;}
    #contents_full .cont_con1 .cont1List > dl:before {transform: rotate(90deg);}
    #contents_full .cont_con1 .cont1List > dl dt {background-position:0 0 !important;}

    #contents_full .cont_con2 .cont_process {display: block;}
    #contents_full .cont_con2 .cont_process dl {width: 100%;margin:15px 0 0 ;}
	#contents_full .cont_con2 .feedbackA dt {font-size: 3vw;}
	#contents_full .cont_con2 .feedbackA dd {top: 77% !important;font-size: 2.3vw;}

    #contents_full .cont_con3 .cont_uses dl {width: 100% !important;}
    
	/* 테이블 스타일 ~750px */
	.write_table col:first-child {width: 100% !important;}
	.write_table tbody tr th {padding-bottom: 0;border-bottom: none;}
	.write_table tbody tr td {padding-top: 5px;padding-bottom: 15px;}
	.write_table th, .write_table td {display: block;}
	.write_table td {padding-top: 5px;}
	.write_table input[name="id"] {max-width: 50%!important;}
	.write_table .txt  {display: block;margin: 5px 0 0 0 !important;}
	.write_table input {width: 90% !important;}
	.write_table input[type="checkbox"] {width: auto !important;}
	.write_table .w28 {max-width: 26% !important;margin: 5px 0 0!important;}
	.write_table input[type="text"].w28 {max-width: 26% !important;margin: 5px 0 0 !important;}
	.write_table .w40 {max-width: 90% !important;margin: 5px 0 0!important;}
	.write_table select[name="birth2"] {margin-top: 5px;}
	.write_table input[name="zip1"], .write_table input[name="zip2"], .write_table input[name="zonecode"] {max-width: 28% !important;}
	
	.write_table input[name="email1"], .write_table input[name="email2"], .write_table select[name="email3"] {width: 90% !important;max-width: 90% !important;}
	.write_table .check label {height: auto;line-height: 20px;}

	/* 유지보수 신청 ~750px */
	.list_table3 .datetime {display: none;}
	.list_table3 col.name {width: 18% !important;}
	.list_table3 col.progress {width: 18% !important;}
	.list_table3 col.number {width: 12% !important;}
	.list_table3 col.chk {width: 40px !important;}

    /* 회원가입 ~750px */
    .mjoin_area .join_menu li {padding: 20px 0;}
    .mjoin_area .join_menu li a {height: 70px;background-size: 47px 160px !important;}
	
	/* 문의하기 비밀번호 입력 ~750px */
	form[name="fboardpassword"] .fl_l {float: none !important;}
	form[name="fboardpassword"] .txt18 {font-size: 16px;}
	form[name="fboardpassword"] input[type="submit"] {margin-top: 20px;}

	/* 장바구니 ~750px */
	.jro_pay_ulList > li {max-width: 49% !important;}
	.cart2 .calculateArea .minus,
	.cart2 .calculateArea .plus, 
	.cart2 .calculateArea .equal {display: none;}

	/* 문의하기 퀵메뉴 ~750px */
    .fixed_menu_pc {display: none;}
    .fixed_menu_mo {display: block;}

    .table_scroll .right_title {font-size: 14px;}
}

@media(max-width:640px){
	/* 메인 솔루션 ~640px */
    #container .main .mainsolution .solution_wrap ul li {width:calc(100vw - 30px) !important;margin-right:0 !important;}
	#container .main .mainsolution .solution_wrap ul li.bx-clone {display: none;}

	/* 유지보수 ~640px */
	#contents_full .repair_con2 ul li {width: 100%;}
	#contents_full .repair_con2 ul li + li {margin-top: 40px;}
	#contents_full .repair_con2 ul li:first-child img {margin-top: 20px !important;}
	#contents_full .repair_con4 .box {padding: 25px;}
	#contents_full .repair_con4 .in_Layer:after {display: none;}

    /* 스타트업 패키지 ~640px */
    #contents_full .sol_list ul > li {width: 100%;margin: 0 !important;}
    #contents_full .sol_list ul > li + li {margin-top: 10px !important;}
	#contents_full .startup_con3 .startup_con3_1 .sol_step  {width: 100%;max-width: 360px;margin: 0 auto 50px;}
	#contents_full .startup_con3 .startup_con3_1 .sol_step > li {margin:10px;}
	#contents_full .startup_con3 .startup_con3_1 .sol_step > li:before {display: none;}

}



@media(max-width:350px){
	.view_table2 thead tr td.view_num {display: none;}
	.view_table2 thead tr td.id_color {width: 50%;}

}


.buy-sms {
	display: block;
	font-size: 14px;
	font-weight: 600;
	color: #e33a38 !important;
	text-align: center;
	text-decoration:underline !important;
	margin-top:6px;


}

.notB:hover:after{width:60px; margin-left:-30px;}
.noticeBtnArea .notB:first-child:before{display:none;}
.sampleB{display:block; width:80%; margin:2px auto; padding:5px 0; font-size:16px; font-weight:400; color:#fff !important; background:#0071d0;}
.sampleB.none{position:relative; cursor:default; background:#ccc;}
.sampleB.red{background:#d70000;}
.sampleB.bas{background: #32186d; }
.sampleB.dele{color:#000 !important; background:#fff; border:1px solid #333;}
.sampleB.white{color:#000 !important; line-height:32px; background:#fff; border:1px solid #333;}
.sampleB.black{color:#fff !important; line-height:inherit; background: #000; }
.lookUpA{display:inline-block; width:12%; height:45px; margin:0 5px 0 0; font-size:16px; text-align:center; /* line-height:43px; */ vertical-align:top; background:#fff; border:1px solid #0071d0; cursor:pointer;}
.lookUpA.active{color:#fff; background:#0071d0; border:1px solid #0071d0;}
.lookUpArea.point a.lookUpBtn{display:inline-block; position:relative; top:0; right:0; margin-left:15px; }
.lookUpBtn{display:block; position:absolute; top:15px; right:20px; width:12%; height:100px; font-size:18px; font-weight:500; color:#fff; text-align:center; line-height:100px; cursor:pointer;background:#0071d0;}
.lookUpBtn.short{height:50px; line-height:50px; }
.payBtn{display:block; width:100%; height:55px; margin:5px auto; font-size:18px; color:#fff; text-align:center; line-height:53px;}
.payCouoBtn{display:inline-block; position:absolute; top:0; right:0; width:54px; height:55px; padding:6px 0; font-size:18px; color:#fff; line-height:20px; text-align:center; background:#32186d;}


/* 페이징 */
.pager{width:100%; margin-bottom:45px; font-size:0; text-align:center;box-sizing: border-box;vertical-align: baseline; }
.pager span{display:inline-block;box-sizing: border-box; }
.pager a{display:inline-block; padding:0 8px; font-size:16px; font-weight:300;box-sizing: border-box;vertical-align: baseline; }
.pager strong{display:inline-block; position:relative; padding:0 8px; font-size:20px; font-weight:600; color:#f02424;line-height: inherit;box-sizing: border-box;vertical-align: baseline; }
.pager strong:after{content:""; display:block; position:absolute; bottom:-5px; left:0; width:100%; height:1px; background:#f02424;box-sizing: border-box;vertical-align: baseline;}

f
.pager2{width:100%; margin-bottom:45px; font-size:0; text-align:center; }
/* .pager span{display:inline-block; } */
.pager2 a{display:inline-block; margin:0 8px; font-size:16px; font-weight:300; vertical-align:middle;}
.pager2 #jsPagePrev{width:28px; height:28px; font-size:0; vertical-align:12px; background:url("/template/1/type1/images/pPrev.gif") 0 0 no-repeat;}
.pager2 #jsPageNext{width:28px; height:28px; font-size:0; vertical-align:12px; background:url("/template/1/type1/images/pNext.gif") 0 0 no-repeat;}
.pager2 .active{display:inline-block; position:relative; padding:0 8px; font-size:20px; font-weight:600; color:#f02424; }
.pager2 .active:after{content:""; display:block; position:absolute; bottom:-5px; left:0; width:100%; height:1px; background:#f02424;}


.popWrap{width:500px;}
a.default_link_class{text-decoration:underline;color:blue !important;}

.neo_full_wid{
  position: relative;
  padding: 60px 640px 30px !important;
  margin: 0 -640px !important;

}