@charset "utf-8";

/***************************** sub layout *************************************/
.sub_main {width:100%; position:relative; height:300px;}
.sub_main .sub_bg {width:100%; text-align:center;}
.sub_main .lnb {position:absolute; width:100%; bottom:0; left:0; background-color:rgba(15,183,255,0.8); height:42px;}

.sub_top {width:100%; height:360px;}
.sub_top .sub_top_inner {display:table; height:100%;}
.sub_top .sub_top_tit {display:table-cell; vertical-align:middle; padding-top:50px;}
.sub_top .sub_top_tit span {font-size:14px; font-weight:300; color:#eee; letter-spacing:5px; padding-left:5px;}
.sub_top .sub_top_tit p {font-size:28px; color:#fff;; font-weight:300;}
.sub_top .sub_top_tit p:before {content:""; display:block; width:30px; height:1px; background-color:#eee; margin:16px 0 8px;}
.sub_top_01 {background:url(../images/sub/sub_top01.jpg) no-repeat center center #666;}

.sub_top_menu {margin-top:-42px; background-color:rgba(255,255,255,.4);}
.sub_top_menu > div {border-left:1px solid #999;}
.sub_top_menu dl {float:left; height:42px; min-width:200px; border-left:1px solid #999; position:relative;}
.sub_top_menu dl dt {height:42px; padding:8px 20px 0 20px; cursor:pointer; color:#fff; background:url(../images/sub/icon_down.png) no-repeat 92% center; background-size:14px;}
.sub_top_menu dl dt.on {background-image:url(../images/sub/icon_up.png);}
.sub_top_menu .sub_top_menu_1dt {border-right:1px solid #ccc;}
.sub_top_menu .sub_top_menu_2dt {position:relative; border-right:1px solid #ccc;}
.sub_top_menu .sub_top_menu_2dt:after {position:absolute; content:""; display:block; width:1px; height:100%; background-color:#999; right:0; top:0;}
.sub_top_menu .sub_top_home {float:left; display:block; width:70px; height:42px; border-left:1px solid #ccc; border-right:1px solid #ccc; color:#fff; font-size:0.875em; text-align:center; padding-top:10px;}

.sub_top_menu dl dd {background-color:#e5e5e5; height:0; overflow:hidden; position:absolute; width:100%; z-index:300}
.sub_top_menu dl dt.on + dd {height:auto;}
.sub_top_menu dl ul li {border-bottom:1px solid #ccc;}
.sub_top_menu dl ul li:last-child {border-bottom:none;}
.sub_top_menu dl ul li a {display:block; height:40px; padding:8px 20px 0; color:#333;}
.sub_top_menu dl ul li a:hover {background-color:#f1f1f1;}

/*top_menu*/
.lnb_home{width:50px;  height:40px; text-align:center; line-height:35px; border-left:1px solid #666; border-right:1px solid #666;}
.drop-menu { width:250px; height:40px; float:left; background-color:rgba(100,100,100,0.7); transition:all .5s ease; position:relative; font-size:14px; color:#f2f2f2; text-align:left; outline:none;}
.drop-menu .select { cursor:pointer; display:block; height:40px; line-height:35px; padding:0 20px; border-right:1px solid #666;}

.drop-menu.active:hover,
.drop-menu.active { box-shadow:0 0 4px rgb(204, 204, 204); border-radius:5px 5px 0 0; background-color:#333; }
.drop-menu .dropeddown { position:absolute; background:#333; width:100%; left:0; margin-top:3px; box-shadow:0 1px 2px rgb(204, 204, 204); overflow-x:hidden; overflow-y:auto; display:none; max-height:144px; z-index:9;}
.drop-menu .dropeddown li { padding:10px; transition:all .2s ease; cursor:pointer}
.drop-menu .dropeddown { padding:0; list-style:none}
.drop-menu .dropeddown li:hover,
.drop-menu .dropeddown li:focus{ background-color:#666; color:#fff}

/*sub_content*/
.sub_content {padding:0px 0; background-color:#fff;}

.sub_space1 {margin:100px 0 50px;}
.sub_space2 {margin:50px 0 10px;}

/*tab*/
.tab_cont {width:100%; border-top:1px solid #2c3549;}
.tab_cont .tab {width:1200px; margin:0 auto;}
.tab_cont .tab button {width:400px; height:46px; float:left; border:1px solid #2c3549; border-top:none; background-color:#fff; color:#666; padding-bottom:3px; border-right:none;}
.tab_cont .tab button:last-child {border-right:1px solid #2c3549;}
.tab_cont .tab button.active {background-color:#2c3549; color:#fff;}
.tab_wrap {border-top:1px solid #000b4f;}
.tab_menu li.t3,.t3 {width:33.33%;}
.tab_menu li.t4,.t4 {width:25%;}
.tab_cont .tab.tab_second button {width:50% !important;}
.tab_menu a{text-decoration:none;}

.tab_cont .tabcontent {margin:50px auto 0; min-height:100px;}
.comm_tab1 {display:block;clear:both;*zoom:1;}
.comm_tab1:after {display:block;height:0;content:".";font-size:0;visibility:hidden;clear:both}
.comm_tab1>.tab_menu>li {float:left; text-align:center; border:1px solid #666; border-top:0; margin-left:-1px;}
.comm_tab1>.tab_menu .tit {display:block; padding:10px; color:#666;}
.comm_tab1>.tab_menu .on {background-color:#000b4f;}
.comm_tab1>.tab_menu .on .tit {color:#fff;text-decoration:none;}
.comm_tab1>.tab_cont {padding:50px 0;}

.comm_tab2 {display:block;clear:both;*zoom:1; margin-top:20px;}
.comm_tab2:after {display:block;height:0;content:".";font-size:0;visibility:hidden;clear:both}
.comm_tab2>.tab_menu>li {float:left; background-color:#fcfcfc; border:1px solid #ddd; margin-left:-1px; text-align:center; width:200px; border-bottom:1px solid #000b4f;}
.comm_tab2>.tab_menu.tab_menu_7 > li {width:14.3%;}
.comm_tab2>.tab_menu.tab_menu_7 > li:last-child {width:14.7%;}
.comm_tab2>.tab_menu.tab_menu_7 {border-bottom:none;}
.comm_tab2>.tab_menu .tit { color:#666; display:block;padding:10px;}
.comm_tab2>.tab_menu .on {position:relative; background-color:#fff;}
.comm_tab2>.tab_menu .on:after {content:""; display:block; position:absolute; width:100%; height:100%; left:-1px; top:-1px; border:1px solid #000b4f;}
.comm_tab2>.tab_menu .on .tit {display:block; color:#000b4f;font-weight:500;}

.comm_tab2>.tab_cont {float:left;width:100%;clear:both;margin-top:-7px; /*border-top:1px solid #000b4f;*/ border-top:none; margin-top:-1px;}
.comm_tab2>.tab_cont .cont {padding:40px 0;}
.comm_tab2>.tab_cont>.cont:last-child {border-top-right-radius:0}

/*tab*/
.tab2:after {content:""; display:block; clear:both;}
.tab2:before {content:""; display:block; position:absolute; left:0; bottom:0; width:100%; height:2px; background-color:#1d65af;}
.tab2 {position:relative; width:100%; margin-bottom:30px;}
.tab2 li {width:90px; float:left; text-align:center;}
.tab2 li button {width:100%;  height:36px; font-size:13px; background-color:#f7f7f7; border:1px solid #ccc; border-left:none;}
.tab2 li:first-child button {border-left:1px solid #ccc;}
.tab2 li.on button {position:relative; border:2px solid #1d65af; background-color:#fff; color:#1d65af; font-weight:600;}
.tab2 li.on button:after {content:""; position:absolute; display:block; width:100%; height:2px; left:0px; bottom:-2px; background-color:#fff;}
.tab2.tab2_4 li {width:150px;}




.notebox{padding:20px; border-radius:5px; border:1px solid #ddd; position:relative; background-color:#f3fafe; font-size:14px; margin-top:30px;}
.notebox span{vertical-align:top;}
.notebox:after{position:absolute; content:""; width:100%; height:100%; background-color:#04a6ec; top:0; left:0; border-radius:5px;z-index:-10;margin:5px;}








/*bullet_arrow*/


/*shop_box*/
.shop_wrap{padding:50px 0;}
.shop_wrap .left{width:50%; border-right:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing:border-box; padding:50px 0;}
.shop_wrap .right{width:50%; box-sizing:border-box;padding:50px 0; border-bottom:1px solid #ddd;}
.shop_box{width:440px; height:auto; margin:0 auto;}
.shop_box .shop_img{width:100%;}
.shop_box .shop_img img {max-width:100%;}
.shop_box .shop_tit h3{font-size:24px; font-weight:400; text-align:center;}
.shop_box .shop_tit p{font-size:1em; color:#333; text-align:center; width:100%;line-height:1.7; margin-top:10px;letter-spacing:-.9px;}
.shop_box .shop_tit p span{vertical-align:top; font-weight:500;}
.shop_box .shop_price{background-color:#fcfcfc; padding:20px; margin-top:20px;}
.shop_box .shop_price table{border-top:1px solid #a2a2a2; border-collapse:inherit;}
.shop_box .shop_price table tr th{background-color:#f9f9f9; padding:10px; border-right:1px solid #d7d7d7;text-align:center; font-size:15px;font-weight:300; border-bottom:1px solid #d7d7d7; width:110px; letter-spacing:-1px;}
.shop_box .shop_price table tr td{ padding:0 20px; background-color:#fff; text-align:left; font-size:15px; border-bottom:1px solid #d7d7d7;}
.shop_box .shop_price table tr td .arrow{position:relative;}
.shop_box .shop_price table tr td .arrow:after{content:""; position:absolute; width:64px; height:10px; background:url("../images/sub/sub_icon07.png")no-repeat center center; top:0; right:0; margin:8px 60px 8px 0; }
.shop_box .shop_price table tr td .fc_red{vertical-align:top; display:inline-block; margin-left:10px; font-weight:500;}
.shop_box .shop_price .sub_btn button{width:190px; font-size:15px; line-height:1.0; margin-bottom:5px;}
.shop_box .shop_price .sub_btn button:nth-child(odd){margin-right:16px;}
.shop_box .shop_price .sub_btn button:nth-child(4){display:block; width:100%; margin-bottom:0;}

/*item box*/
.item_wrap:after {clear:both; display:block; content:"";}
.item_wrap {position:relative; margin-bottom:50px;}
.item_wrap .item_box {position:relative; float:left; width:24.2%; margin-right:1%; border:1px solid #ccc;}
.item_wrap .item_box:nth-child(4n) {margin-right:0;}

.item_box .num {position:absolute; width:0; height:0; left:-1px; top:-1px; border-left:0px solid transparent; border-right:60px solid transparent; border-top:60px solid #0fb7ff;}
.item_box .num span {display:block; position:absolute; left:6px; top:-54px; font-size:18px; color:#fff; font-weight:600;}

.item_box .top {padding:40px 5% 20px;}
.item_box .top .title  {margin-bottom:10px;}
.item_box .top .title h3{font-size:28px; color:#333;}
.item_box .top .title p{font-size: 15px; color:#666;}
.item_box .top .title .type{width:80px; height:30px; display:inline-block; border:1px solid #ccc; position:relative; overflow:hidden; font-size:15px; color:#666; text-align:center; line-height:25px; margin-top:10px;}
.item_box .top .title .type:before{content:""; width:10px; height:10px; position:absolute; background-color:#ccc; top:0; right:0;-ms-transform:rotate(45deg);  -webkit-transform:rotate(45deg);   transform:rotate(45deg); margin-right:-5px;margin-top:-5px;}
.item_box .top .day{text-align:right;}
.item_box .top .day h3{font-size:24px; color:#333;}
.item_box .top .day h3 span{font-size:15px;font-weight:400; color:#666;}
.item_box .bottom {border-top:1px solid #ccc; background-color:#fcfcfc; padding:45px 0 25px; position:relative;}
.item_box .bottom .sale{position:absolute; width:34px; height:38px; background:url("../images/sub/sub_icon03.png")no-repeat left top; color:#fff; font-size:13px; text-align:center;padding-top:5px; top:0; left:0; margin-top:-2px; margin-left:20px;}
.item_box .bottom p{text-align:center; font-size:18px; color:#666; position:relative; overflow:hidden;}
.item_box .bottom p span{font-size:24px; color:#fb2704; vertical-align:middle; display:inline-block;margin-top:-5px; margin-left:20px;}
.item_box .bottom p em {position:relative; display:inline-block;}
.item_box .bottom p em:after{width:110px; height:10px; position:absolute; content:""; background:url("../images/sub/sub_icon06.png")no-repeat left center; left:-4px; top:9px;}
.item_box .bottom .center{margin-top:10px;}
.item_box .bottom .center button{font-size:15px; width:125px; height:35px; line-height:1; border-radius:35px; padding-right:20px;}
.item_box .bottom .center button.btn_navy{background:url("../images/sub/sub_icon04.png")no-repeat 95px center #2c3549; margin-right:10px;}
.item_box .bottom .center button.btn_navy2{background:url("../images/sub/sub_icon05.png")no-repeat 90px 8px #fff; padding-right:25px}

.item_wrap .owl-nav button {position:absolute;  width:50px; height:50px; border-radius:4px; margin-top:-28px; bottom:-70px;  border:1px solid #ccc;}
.item_wrap .owl-nav .btn-prev {left:50%; margin-left:-55px; background:url(../images/sub/icon_nav_prev.png) no-repeat center center #eee; background-size:contain; background-size:15px;} 
.item_wrap .owl-nav .btn-next {right:50%; margin-right:-55px; background:url(../images/sub/icon_nav_next.png) no-repeat center center #eee; background-size:contain; background-size:15px;} 


/*SUB_TABLE*/
.table_td_center td {text-align:center !important;}
td.td_left,th.td_left {text-align:left !important;}
td.td_right,th.td_right {text-align:right !important;}


.sub_table{width:100%;}
.sub_table table{width:100%; border-collapse:collapse;}
.sub_table table tr{border-bottom:1px solid #ddd;}
.sub_table table tr th{padding:5px; background-color:#f7f7f7; font-size:1em; color:#666; font-weight:500;}
.sub_table table tr th.sky{border-top:1px solid #04a6ec;}
.sub_table table tr th.gray{border-top:1px solid #ccc;}
.sub_table table tr td{font-size:15px; color:#333; padding:10px 20px;}

.sub_table2{width:100%;}
.sub_table2 table{width:100%; border-collapse:collapse;}
.sub_table2 table tr:nth-child(odd){background-color:#f5f5f5;}
.sub_table2 table tr th{background-color:#04a6ec; color:#fff; font-weight:500; padding:10px;}
.sub_table2 table tr td{text-align:center; padding:10px; vertical-align:middle; font-size:15px; border-right:1px solid #eaeaea;}
.sub_table2 table tr td:last-child{border-right:0;}
.sub_table2 table tr td:nth-child(1){color:#666; font-size:0.813em;}
.sub_table2 table tr td.last{background-color:#fff; color:#1898cf; font-size:1.125em; border:2px solid #1898cf;}

.sub_table3{width:100%;}
.sub_table3 table{width:100%; border-collapse:collapse; }
.sub_table3 table tr th{font-weight:400; border-top:2px solid #04a6ec; padding:5px; border-bottom:1px solid #ccc; border-right:1px solid #e7e7e7; font-size:15px; background-color:#f7f7f7; color:#666;}
.sub_table3 table tr th:last-child,
.sub_table3 table tr td:last-child{border-right:0;}
.sub_table3 table tr td{text-align:center; padding:8px 5px; border-right:1px solid #efefef; border-bottom:1px solid #ddd; font-size:0.813em; color:#666;}
.sub_table3 table tr td span{vertical-align:top; font-size:15px;}

.sub_table4 th,
.sub_table4 td {border:1px solid #ccc; text-align:center;}
.sub_table4 td {font-size:15px; padding:12px 10px;}
.sub_table4 thead {border-bottom:3px solid #2c3549; }
.sub_table4 thead th {position:relative; height:150px; font-size:18px; font-weight:600;}
.sub_table4 thead th span {display:block; font-size:15px; font-weight:600; margin-bottom:3px;}
.sub_table4 tbody th {background-color:#fafafa; font-weight:600; height:44px; padding:0 4px;}
.sub_table4 thead th img {display:block; width:30px; margin:10px auto 7px;}
.sub_table4 .grade1 span {color:#1ca9c9;}
.sub_table4 .grade2 span {color:#41c476;}
.sub_table4 .grade3 span {color:#ea7706;}
.sub_table4 .grade4 span {color:#efd306;}
.sub_table4 .hightlight1 th,
.sub_table4 .hightlight1 td {color:#f92828; font-weight:700;}
.sub_table4 .hightlight2 th,
.sub_table4 .hightlight2 td {color:#000; font-weight:700;}
.sub_table4 button {display:block; margin:20px auto 10px;}


.sub_table4 thead th:after {content:""; display:block; position:absolute; width:100%; height:100%; outline:3px solid #f92828; left:0; top:0; opacity:0;}

.sub_table5 {box-shadow:0 0 6px rgba(0,0,0,.3);  border-radius:5px 5px 0 0; overflow:hidden;}
.sub_table5 table {width:100%; background-color:#fff;}
.sub_table5 table thead th {height:50px; background-color:#435d7d; font-weight:600; color:#fff; font-size:16px; }
.sub_table5 table tbody th {border-right:1px solid #435d7d; background-color:#d9dfe5; color:#435d7d; font-weight:600; border-bottom:1px solid #ccc; padding:0 4px;}
.sub_table5 table tbody td {height:46px; text-align:center; border-bottom:1px solid #ccc; border-right:1px solid #ccc; font-size:15px;}
.sub_table5 table tbody td:last-child {border-right:none;} 

.sub_table5 table tfoot th {background-color:#435d7d; height:46px; color:#fff; border:2px solid #435d7d; font-weight:600;}
.sub_table5 table tfoot td {color:#435d7d; font-weight:600; text-align:center; border:2px solid #435d7d; border-right:none; font-size:17px;}

.sub_table6 {border-top:2px solid #d50d0d;}
.sub_table6 table th {height:48px; background-color:#f5f5f5; font-weight:600; padding:0 4px;}
.sub_table6 table tbody th {border-right:1px solid #666;}
.sub_table6 table td {padding:2px 2%; border-right:1px solid #ccc;}
.sub_table6 table td:last-child {border-right:none;}
.sub_table6 table tr {border-bottom:1px solid #ccc;}
.sub_table6 table tr:last-child {border-bottom:1px solid #666;}

.table_sm {border:1px solid #e5e5e5;}
.table_sm th {background-color:#e5e5e5; color:#666; font-size:11px; font-weight:400; text-align:center; height:26px; border-right:1px solid #ccc;}
.table_sm td {height:26px; border-right:1px solid #ccc; text-align:center; font-size:11px; padding:2px;}
.table_sm th:last-child,
.table_sm td:last-child {border-right:none;}




.board_table {width:100%; position:relative;}
.board_table:after {content:""; display:block; width:100%; position:absolute; height:1px; background-color:#2c3549;}
.board_table table {width:100%; border-collapse:separate; border-top:2px solid #2c3549; position:relative;}
.board_table table th {background-color:#fafafa; height:40px; font-size:15px; font-weight:600; border-bottom:1px solid #666; color:#2c3549; vertical-align:middle;}
.board_table table td {background-color:#fff; height:40px; border-bottom:1px dashed #ddd; padding:0 10px; font-size:15px; color:#666; vertical-align:middle;}
.board_table table .board_table_tit {position:relative; text-align:left;}
.board_table table .board_table_tit a {position:absolute; width:96%; left:0; top:10px; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align:middle;}
.board_table td.td_period {line-height:1.2; padding-top:4px; padding-bottom:4px;}
.board_table table .t_line {border-bottom:1px solid #666;}
.board_table table .left_line {border-left:1px solid #ddd;}
.board_table.board_table_point table tr td:first-child {border-left:none;}
.board_table table tbody tr th {border-bottom:1px dashed #ddd;}
.board_table.board_table_point table tr td {padding:0 2%; border-left:1px solid #e5e5e5;}
.board_table.board_table_point:after {content:""; display:block; width:100%; height:1px; background-color:#666; margin-top:-1px;}

.policy_box {border:1px solid #e5e5e5; height:100px; overflow-x:hidden; overflow-y:auto; margin-bottom:5px;}
.policy_box .policy_box_text {font-size:13px; color:#666; padding:8px 15px; background-color:#fafafa}
.policy_box .policy_box_text p {margin-bottom:10px;}
.policy_box + input[type="checkbox"] + label {font-size:14px;}
.policy_box + input[type="checkbox"] + label:before {top:1px;}


/*paging*/
.paging {text-align:center; margin:40px auto 20px;}
.paging ul:after {content:""; clear:both; display:block;}
.paging ul {display:inline-block;}
.paging ul li {float:left; background-color:#fff;}
.paging ul li a {display:block; min-width:34px; height:34px; padding-top:5px; box-sizing:border-box; color:#666; border:1px solid #ccc; border-left:none; text-align:center; font-size:0.875em;}
.paging ul li a:hover {background-color:#f7f7f7;}
.paging ul li:first-child a {border-left:1px solid #ccc;}
.paging ul li.on a {background-color:#65c4f7; color:#fff; border:1px solid #04aef1;}
.paging .paging_p a {text-indent:-9999px; background-repeat:no-repeat; background-position:center center; background-color:transparent;}
.paging .p_first a {background-image:url(../images/sub/p_first.png); background-size:11px;}
.paging .p_prev a {background-image:url(../images/sub/p_prev.png); background-size:7px;}
.paging .p_next a {background-image:url(../images/sub/p_next.png); background-size:7px;}
.paging .p_last a {background-image:url(../images/sub/p_last.png); background-size:11px;}

.board_search {text-align:center; margin:20px 0;}
.board_search select {display:inline-block; width:80px; height:32px; border:1px solid #ccc; color:#666; font-size:15px;}
.board_search .board_search_box {display:inline-block; height:32px; border:1px solid #ccc;}
.board_search .board_search_box input {border:none; width:150px; outline:none; font-size:15px; padding-left:8px;}
.board_search .board_search_box .btn_search {border:none; height:100%; width:36px; background:url(../images/sub/icon_search.png) no-repeat center center transparent; text-indent:-9999px;}

.page{width:100%; text-align:center;}
.page ul{display:inline-block;}
.page ul li{display:inline-block;margin:0 2px;}
.page ul li button{width:30px; height:30px; font-size:15px; border:1px solid #ccc; background-color:#fff; color:#777;;}
.page ul li.on button {background-color:#000b4f; color:#fff;}


.board_view {border-top:2px solid #2c3549;}
.view_head {border-bottom:1px solid #ccc; padding:15px 1% 10px; box-sizing:border-box;}
.view_head .view_tit {float:left; width:100%; text-overflow:ellipsis; white-space:nowrap; -o-text-overflow:ellipsis; overflow:hidden;}
.view_head .view_info {float:right; width:100%; text-align:right; padding-top:3px;}
.view_head .view_info ul {display:inline-block;}
.view_head .view_info ul li {float:left; font-size:0.813em; margin-left:14px; padding-left:14px; border-left:1px solid #ccc; color:#666;}
.view_head .view_info ul li:first-child {margin-left:0; padding-left:0; border-left:none;}
.view_head .view_info ul li span {vertical-align:top;}
.view_cont p {padding:20px 1%; font-size:0.875em; color:#666; line-height:1.6;}


.view_reply_inputs {padding:5px 1%; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background-color:#fafafa;}
.view_reply_inputs dl:after {content:""; display:block; clear:both;}
.view_reply_inputs dl dt {float:left; font-size:0.813em; text-align:center; padding-top:4px;}
.view_reply_inputs dl dd {float:left;}

.view_reply_inputs .view_reply_top dl {width:28%;}
.view_reply_inputs .view_reply_top dl:nth-child(3) {width:44%;}
.view_reply_inputs .view_reply_top dt {width:36%; }
.view_reply_inputs .view_reply_top dd {width:64%;}
.view_reply_inputs .view_reply_top input {width:100%; height:26px; border:1px solid #ccc; padding-left:8px; font-size:0.875em;}
.view_reply_inputs .view_reply_top dl:nth-child(3) dd:nth-child(2) {width:40%;}
.view_reply_inputs .view_reply_top dl:nth-child(3) dd:nth-child(3) {width:22%; background-color:#eeeeee; margin-left:2%; height:28px; padding-top:3px; color:#0fb7ff; font-size:0.875em; font-weight:600; text-align:center;}

.view_reply_inputs .view_reply_btm {margin-top:8px;}
.view_reply_inputs .view_reply_btm textarea {display:block; width:100%; height:50px; resize:none; border:1px solid #ccc; margin:0; font-size:0.875em; padding:5px 8px;}
.view_reply_inputs .view_reply_btm dl {width:100%;}
.view_reply_inputs .view_reply_btm dl dt:nth-child(1) {width:10.2%;}
.view_reply_inputs .view_reply_btm dl dd:nth-child(2) {width:79.2%; margin-right:1%;}
.view_reply_inputs .view_reply_btm dl dd:nth-child(3) {width:9.6%;} 
.view_reply_inputs .view_reply_btm button {width:100%; height:50px;}
.view_reply_inputs dl dt br {display:none;}


.board_reply_box {margin-top:20px; padding:0 20px; background-color:#f7f7f7; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.board_reply_box .board_reply {padding:10px 0; border-top:1px dashed #ccc;}
.board_reply_box .board_reply:first-child {border-bottom:none; border-top:none;}
.board_reply_box .reply_row p {float:left; margin-right:10px;}
.board_reply_box .reply_row button {float:left;}
.board_reply_box .reply_row .reply_row_name {font-size:0.875em; color:#000; font-weight:600;}
.board_reply_box .reply_row .reply_row_date {margin:0 15px 0 5px; font-size:0.750em; padding-top:3px; color:#666;}
.board_reply_box .reply_row_text {margin-top:5px; font-size:0.875em;}
.board_reply_box .board_reply.reply_dpt {position:relative; padding-left:36px;}
.board_reply_box .board_reply.reply_dpt:before {content:""; display:block; position:absolute; left:15px; top:13px; width:8px; height:8px; border-left:1px solid #fb5252; border-bottom:1px solid #fb5252;}
.board_reply_box .view_reply_inputs {border-bottom:none; background:transparent;}



.article_list {margin-top:30px; border-top:1px solid #ccc;}
.article_list li {height:40px; border-bottom:1px solid #ccc;}
.article_list a > span {position:relative; float:left; width:12%; height:39px; padding:8px 2% 0 5%; font-size:0.875em; background-color:#fafafa;}
.article_list a > span:before {content:""; display:block; width:0; height:0; position:absolute; left:18%;}
.article_list .article_prev span:before {top:12px; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:7px solid #ccc;}
.article_list .article_next span:before {top:15px; border-left:5px solid transparent; border-right:5px solid transparent; border-top:7px solid #ccc;}
.article_list p {float:left; width:88%; padding:9px 2% 0 2%; font-size:15px;}
.article_list p span {display:block; width:100%; text-overflow:ellipsis; white-space:nowrap; -o-text-overflow:ellipsis; overflow:hidden;}





.board_write {border-top:2px solid #0fb7ff; border-bottom:1px solid #666;}
.board_write .board_write_row:after {content:""; clear:both; display:block;}
.board_write .board_write_row:first-child {border-top:none;}
.board_write .board_write_row {border-top:1px solid #ccc;}
.board_write .board_write_row .board_input,
.board_write .board_write_row > p,
.board_write .board_write_row > div {float:left;}

.board_write .board_write_row > p:first-child {width:15%;}
.board_write .board_write_row > p {background-color:#f2f2f2; padding-top:14px; height:50px; font-size:14px; color:#555; font-weight:600; text-align:center;}
.board_write .board_write_row .board_input {border:1px solid #ccc; height:34px; padding-left:8px; margin:8px 0.8% 0; width:18%;}
.board_write .board_write_row .board_input::placeholder {color:#aeaeae;}
.board_write .board_write_row input[type="radio"] + label, 
.board_write .board_write_row input[type="checkbox"] + label {margin:5px 30px 10px 0; font-size:15px;} 

.board_write .board_write_row .board_write_cell {width:84.5%; padding:8px 0 0 0.8%;}
.board_write .board_write_row .board_write_cell2 {width:30%; padding:8px 0.5% 0 0.8%;}
.board_write .board_write_row .board_write_cell2 > input {margin:0 0 8px 0; width:100%;}

.board_write .board_write_row .board_write_check {border:1px solid #ccc; height:55px; overflow-y:auto; padding:5px 10px; background-color:#fafafa;}
.board_write .board_write_row .board_write_checkbox {margin:10px 0;}
.board_write .board_write_row .board_write_check em {font-size:13px; color:#333; font-weight:600;}
.board_write .board_write_row .board_write_check p {font-size:13px; color:#666;}

.board_write .board_write_row {position:relative;}
.board_write .board_write_row:before {content:""; display:block; position:absolute; width:15%; height:100%; background-color:#f2f2f2; z-index:-1;}
.board_write .board_write_desc {font-size:14px; color:#666; display:block; clear:both; padding:5px 0 10px;}
.board_write .board_write_warning {clear:both; margin-left:16%; font-size:12px; margin-bottom:8px; color:#f8250d; font-weight:600;}
.board_write .board_write_row.cells_wrap1 .input_wrap {width:83.6%; margin-bottom:8px;} 
.board_write .board_write_row.cells_wrap1 .input_wrap .board_input {width:100%;} 
.board_write .board_write_row.cells_wrap2:after {content:""; clear:both; display:block;}
.board_write .board_write_row.cells_wrap2 > p {width:15%;} 
.board_write .board_write_row.cells_wrap2 .board_input {width:33.4%;} 


.board_write .board_write_mid .board_input {width:60%;}
.board_write .board_write_mid label {width:18%; display:inline-block; float:left; padding-left:1%; box-sizing:border-box; font-size:14px;}
.board_write .board_write_mid label input {display:inline-block; width:16px; height:16px; vertical-align:top; margin:16px 5px 0 0;}
.board_write .board_write_info p {width:12%;}
.board_write .board_write_info .board_input {width:20%;}
.board_write .board_write_cont p {height:316px; line-height:316px;}
.board_write .board_write_cont .board_write_area {width:83.4%; margin:8px 0.8% 8px; border:1px solid #ccc; height:300px; overflow-y:auto; overflow-x:hidden;}

.board_write .board_write_row .board_write_file p {height:70px;}
.board_write .board_write_row .board_write_file p span {display:inline-block; vertical-align:top;}
.board_write .board_write_row .board_attachment {border:1px solid #ccc; height:34px; margin:8px 0.8% 0; width:28.8%; line-height:23px; padding-left:2px;}
.board_write .board_write_row .board_attachment::-webkit-file-upload-button {vertical-align:middle; height:94%; margin-top:1px;}

.board_write .board_write_select {width:80%;}
.board_write .board_write_select li {float:left; width:33.3%; margin-bottom:5px;}
.board_write .board_write_row .board_row_btn {height:34px; margin-top:8px;}

.board_write .board_write_code input {width:18%;}
.board_write .board_write_code .board_code {width:64%; margin-top:10px;}
.board_write .board_write_code .board_code:after {content:""; clear:both; display:block;}
.board_write_code .board_code .board_code_num {float:left; background-color:#aeaeae; color:#000; width:120px; height:30px; margin-left:10px; text-align:center; padding-top:3px; font-weight:600;}
.board_write_code .board_code span {float:left; margin:4px 0 0 10px; font-size:0.875em; color:#666;}

.before_chcek span {position:relative; padding-left:14px;}
.before_chcek span:before {content:""; display:block; position:absolute; width:10px; height:13px; left:0; top:2px; background:url("../images/sub/sub_icon08.png")no-repeat center center; background-size:10px;}


.quotation_type li {position:relative; float:left; width:15%; padding-bottom:14%; height:0; border:2px solid #ddd; margin-right:2%; margin-top:10px;}
.quotation_type li:last-child {margin-right:0;}
.quotation_type li button {padding-top:80px; position:absolute; background-color:transparent; width:100%; height:100%; background-repeat:no-repeat; background-size:60px; background-position:center 30%; font-size:18px; color:#bbb;}
.quotation_type li button:after {content:""; display:block; width:30px; height:1px; background-color:#ddd; position:absolute; top:61%; left:50%; margin-left:-15px;}
.quotation_type li .type_1 {background-image:url(../images/sub/project_type1.png);}
.quotation_type li .type_2 {background-image:url(../images/sub/project_type2.png);}
.quotation_type li .type_3 {background-image:url(../images/sub/project_type3.png); background-size:70px;}
.quotation_type li .type_4 {background-image:url(../images/sub/project_type4.png); background-size:30px;}
.quotation_type li .type_5 {background-image:url(../images/sub/project_type5.png);}
.quotation_type li .type_6 {background-image:url(../images/sub/project_type6.png);}
.quotation_type li.on {border-color:#0fb7ff;}
.quotation_type li.on button {color:#0fb7ff; font-weight:600;}
.quotation_type li.on button:after {background-color:#0fb7ff;}
.quotation_type li.on .type_1 {background-image:url(../images/sub/project_type1_on.png);}
.quotation_type li.on .type_2 {background-image:url(../images/sub/project_type2_on.png);}
.quotation_type li.on .type_3 {background-image:url(../images/sub/project_type3_on.png);}
.quotation_type li.on .type_4 {background-image:url(../images/sub/project_type4_on.png);}
.quotation_type li.on .type_5 {background-image:url(../images/sub/project_type5_on.png);}
.quotation_type li.on .type_6 {background-image:url(../images/sub/project_type6_on.png);}



/*SUB_LIST*/
.sub_list{width:100%;}
.sub_list dl{margin-top:30px;}
.sub_list dl dt.tit{font-size:1.313em; color:#2c3549; padding-left:30px; background:url("../images/common/list_style.png")no-repeat left center;background-size:20px; font-weight:500; margin-bottom:10px;}
.sub_list dl dd{margin:10px 0; font-size:15px; font-weight:400;}
.sub_list dl dd span{display:inline-block; font-size:15px; color:#666; font-weight:400}


.sub_list1 {margin-top:10px;}
.sub_list1 li {position:relative; margin-top:5px; padding-left:16px; font-size:15px;}
.sub_list1 li:before {content:""; display:inline-block; position:absolute; width:3px; height:3px; background-color:#666; left:4px; top:8px;}
.sub_list1.bl_none li:before {display:none;}



/*process*/
.process{width:100%;}
.process:after{content:""; clear:both; display:block;}
.process .list{width:300px; float:left; text-align:center; margin-bottom:20px; position:relative;}
.process .list:after{content:""; position:absolute; width:100%; height:25px; border-top:1px solid #ddd; top:0; left:0; z-index:-10; margin-top:25px;}

.process .list .num{width:50px; height:50px; margin:0 auto; border-radius:50px; border:1px solid #04a6ec; line-height:45px; font-size:24px; font-weight:700; color:#04a6ec; background-color:#fff;}
.process .list:nth-child(even) .num {background-color:#f7f7f7;}
.process .list p{margin-top:10px; font-size:1.125em; font-weight:400; color:#04a6ec;}
.process .list:hover .num {background-color:#04a6ec; color:#fff;}


/*form*/
/*
.form_wrap .tit{font-size:1.125em; font-weight:300; margin-bottom:10px;}
.form_wrap .tit span{vertical-align:top; font-weight:500;}
*/
.form_wrap .formbox{margin-top:30px}
.form_wrap .formbox:nth-child(1){margin:0;}
.form_wrap .formbox .box{width:100%; border-top:1px solid #4e4e4e; position:relative;}
.form_wrap .formbox .box:after{content:''; position:absolute; width:200px; top:0; left:0; border-top:1px solid #04a6ec; z-index:10; margin-top:-1px;}

.form1 table{width:100%; border-collapse:collapse; border-bottom:1px solid #ccc;}
.form1 table tr th{padding:10px; background-color:#f7f7f7; font-size:15px; font-weight:400; color:#555;border-right:1px solid #ddd;}
.form1 table tr{border-bottom:1px dashed #eaeaea;}
.form1 table tr th .checkicon{text-indent:-9999px; display:inline-block; width:20px; height:20px; background:url("../images/sub/sub_icon08.png")no-repeat center 3px;background-size:10px}
.form1 table tr td{font-size:15px; color:#333; padding:5px 10px;}
.form1 table tr td .input01{width:100%;}
.form1 table tr td textarea{width:100%; height:300px; border:1px solid #ddd; border-radius:3px; resize:none;}
.form1 table tr td .note{font-size:12px; display:block; margin-top:5px; color:#fb2704}
.form1 table tr td .view{width:100%; min-height:500px; padding:20px;}

/*portfolio*/
.portfolio{text-align:center;}
.portfolio .box{width:300px;border:1px solid #ccc; height:300px; overflow:hidden; position:relative;background:#000; display:inline-block; margin:10px;}
.portfolio .box img{width:300px; max-width:100%;-webkit-transition:opacity 1s, -webkit-transform 1s; transition:opacity 1s, transform 1s;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.portfolio .box:hover img{ opacity:0.7; transform:scale(1.2);filter:blur(2px);}
.portfolio .box .cont{position:absolute; bottom:0; background-color:#fff; width:100%; padding:10px; border-top:1px solid #ccc; text-align:left;}
.portfolio .box .cont h3{color:#444; font-weight:500;}
.portfolio .box .cont p{font-size:13px; color:#666;}
.portfolio .box .hover{opacity:0; position:absolute; width:100%; height:211px; top:0; left:0; background:rgba(0,0,0,0.5); top:0; z-index:99;-webkit-transition:opacity 1s, -webkit-transform 1s; transition:opacity 1s, transform 1s;-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:pointer; }
.portfolio .box:hover .hover{transform:scale(.8);border:5px solid #fff; font-size:21px; opacity:1}
.portfolio .box .hover p{opacity:0; color:#fff; text-align:center;margin-top:80px;}
.portfolio .box:hover .hover p{opacity:1;}


/*popup*/
.pop_bg {display:none; background:rgba(0,0,0,0.6); position:fixed; width:100%; height:100%; left:0; top:0; z-index:510; transition:none;}
#pop {display:none; width:1200px; position:fixed; z-index:520; height:88%; overflow-y:auto; left:50%; margin-left:-600px; top:5%; background:#fff; border:5px solid #2c3549;}
#pop .head{padding:10px 20px;; background-color:#2c3549; color:#fff; position:fixed; width:1190px;}
#pop .head h3{font-size:24px; font-weight:400;}
#pop .pop_cont {padding:50px;}
.pop_table{width:95%; margin:70px auto 0;}
.pop_table table{border-collapse:collapse;border:1px solid #ccc;}
.pop_table table tr th{width:20%; padding:30px 10px; border:1px solid #ccc; background-color:#f7f7f7;}
.pop_table table tr th img{width:60px; max-width:100%;}
.pop_table table tr th p{margin-top:10px; font-size:1em; font-weight:500;color:#2c3549;}
.pop_table table tr td{width:80%;border:1px solid #ccc; font-size:14px; padding:20px; line-height:1.7;}
.pf{border:1px solid #ddd; /*width:200px;*/ display:inline-block; margin:0 10px 10px;}
.pf .top{width:200px; /*height:300px;*/ overflow:hidden;}
.pf .top img{width:200px; max-width:100%;}
.pf .bottom {padding:10px; border-top:1px solid #ddd; line-height:16px; text-align: center;}
.pf .bottom h4{display:inline-block; width:180px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:1em; color:#000b4f;}
.pf .bottom p a{color:#666;}

#pop>.bottom{padding-bottom:20px;}

#pop2 {display:none; width:800px;position:fixed; z-index:500; height:88%; overflow-y:auto; left:50%; margin-left:-400px; top:5%; background:#fff; border:5px solid #464646;}
#pop2 .head{padding:10px 20px;; background-color:#464646; color:#fff; position:fixed; width:790px;}
#pop2 .head h3{font-size:24px; font-weight:400;}

#pop2 .note_table{margin-top:30px; padding:0 20px;}
#pop2 .note_table table{width:100%;}
#pop2 .note_table table tr th{width:150px; text-align:center; font-size:0.75rem;font-weight:400; color:#666; background-color:#f7f7f7; padding:5px 10px;}
#pop2 .note_table table tr td{font-size:1rem; color:#333; padding:5px 10px;}
#pop2 .note_table table tr:nth-child(1) td{font-weight:700;}

#pop2 .circle_tab{width:300px; text-align:center; margin:0 auto;}
#pop2 .circle_tab button{width:70px; height:70px; border-radius:100%; border:1px solid #2c3549; background-color:#fff; color:#2c3549; margin:0 10px;}
#pop2 .circle_tab button.on{background-color:#2c3549; color:#fff; font-weight:700;}

#pop2 .tab_cont{margin:20px 0; width:100px; height:600px; overflow:auto;}


/*Sub Tab*/
.sub_tab:before {content:""; position:absolute; display:block; width:100%; height:1px; background-color:#bbb; bottom:0; left:0;}
.sub_tab {position:relative; border:1px solid #bbb; border-bottom:none;}
.sub_tab li {float:left; text-align:center; border-right:1px solid #bbb; border-bottom:1px solid #bbb;} 
.sub_tab li:last-child {border-right:none;}
.sub_tab li button {width:100%; height:36px; background-color:#fff; font-size:14px;}
.sub_tab li.on button {background-color:#0fb7ff; color:#fff; font-weight:600; outline:1px solid #0fb7ff;}
.sub_tab_contents {position:relative;}
.sub_tab_contents .sub_tab1_cont {display:none;}
.sub_tab_contents .sub_tab1_cont:first-child {display:block;}

.sub_tab.sub_tab1_10 li {width:10%;}
.sub_tab.sub_tab1_7 li {width:14.2%;}
.sub_tab.sub_tab1_7 li:last-child {width:14.8%;}



.slide_type1 .owl-prev, 
.slide_type1 .owl-next {position:absolute; width:30px; height:56px; top:50%; margin-top:-28px; background-repeat:no-repeat; background-position:center center; background-size:100%;}  
.slide_type1 .owl-prev {left:-70px; background-image:url(../images/sub/icon_nav_prev.png);} 
.slide_type1 .owl-next {right:-70px; background-image:url(../images/sub/icon_nav_next.png);} 
.slide_type1.slide_type1_red .owl-prev {background-image:url(../images/sub/icon_nav_prev_red.png);}
.slide_type1.slide_type1_red .owl-next {background-image:url(../images/sub/icon_nav_next_red.png);}



/*sub7*/
.sub7 .policy .box{width:100%; padding:20px; background-color:#f7f7f7;}
.sub7 .policy .box .cont{background-color:#fff;padding:20px; font-size:0.813em; color:#777; height:200px; overflow-y:auto;}

.sub7 .form1 table tr td .chk li{display:inline-block; padding:0 10px;}






.sub10 .range{margin-top:50px; position:relative; height:350px;}
.sub10 .range .box{width:400px; height:200px; border:1px solid #ddd; position:absolute;}
.sub10 .range .box:nth-child(1){background:url("../images/sub/sub_img01.jpg")no-repeat center center; background-size:cover;}
.sub10 .range .box:nth-child(2),
.sub10 .range .box:nth-child(3){background-color:#f7f7f7; padding:30px; border:1px solid #ddd;}
.sub10 .range .box:nth-child(2){top:100px; left:380px;}
.sub10 .range .box:nth-child(3){top:20px; left:760px;}
.sub10 .range .box h3{color:#04a6ec; font-weight:500;}
.sub10 .range .box p{font-size:15px; margin-top:20px; color:#666; font-weight:300;}
.sub10 .range .box:before, .sub10 .range .box:after{ z-index:-1;  position:absolute;  content:"";  bottom:15px;  left:10px;  width:50%;  top:80%;  max-width:300px;  background:#777; -webkit-box-shadow:0 15px 10px #777;  -moz-box-shadow:0 15px 10px #777;  box-shadow:0 15px 10px #777;  -webkit-transform:rotate(-3deg);  -moz-transform:rotate(-3deg);  -o-transform:rotate(-3deg);  -ms-transform:rotate(-3deg);  transform:rotate(-3deg);}
.sub10 .range  .box:after{  -webkit-transform:rotate(3deg);  -moz-transform:rotate(3deg);  -o-transform:rotate(3deg);  -ms-transform:rotate(3deg);  transform:rotate(3deg);  right:10px;  left:auto;}








.contract1 .contract1_left {float:left; width:54%; padding:40px 0; border:1px solid #666;}
.contract1 .contract1_right {float:right; width:40%;}
.contract2 {position:relative;}
.contract2:before {content:""; display:block; position:absolute; width:1px; height:100%; left:50%; background-color:#ccc; }
.contract2 .contract2_left {float:left; width:50%; padding-right:5%;}
.contract2 .contract2_right {float:right; width:50%; padding-left:5%;}
.contract3 {padding:120px 0; background:url(../images/sub/icon_complete.svg) no-repeat center top; background-size:80px;}
.contract3 p {margin:40px auto 40px;}



.contract_btns {margin:40px auto; border:1px solid #ccc;}
.contract_btns .contract_btn {float:left; width:calc(50% - 1px); height:100px; background:#fff; font-size:21px; color:#bbb;}
.contract_btns .contract_btn:last-child {float:right;}
.contract_btns .contract_btn.on {outline:1px solid #0fb7ff; border:2px solid #0fb7ff; color:#0fb7ff; font-weight:600;}
.contract_btns .contract_btn span {display:inline-block; padding:4px 0 6px 50px; background-repeat:no-repeat; background-position:left center;}
.contract_btns .contract_btn1 span {background-image:url(..../images/sub/icon_contract01.svg); background-size:34px;}
.contract_btns .contract_btn2 span {background-image:url(..../images/sub/icon_contract02.svg); background-size:38px; padding-left:60px;}
.contract_btns .contract_btn1.on span {background-image:url(..../images/sub/icon_contract01_on.svg);}
.contract_btns .contract_btn2.on span {background-image:url(..../images/sub/icon_contract02_on.svg);}


.contract_slide .contract_img {width:80%; margin:0 auto;}
.contract_slide .owl-nav > div {position:absolute; width:34px; height:64px; top:50%; margin-top:-32px; background-repeat:no-repeat; background-position:center center;}
.contract_slide .owl-nav .owl-prev {background-image:url(../images/sub/icon_nav_prev.png); left:12px;}
.contract_slide .owl-nav .owl-next {background-image:url(../images/sub/icon_nav_next.png); right:12px;}

.file_down_box {border:1px solid #666; padding:15px 6%;}
.file_down_box p {display:inline-block; padding-right:16px; margin-right:2%; color:#0fb7ff; font-weight:600; background:url(../images/sub/icon_download.png) no-repeat right center;}
.file_down_box a {display:inline-block; color:#000; font-weight:600; text-decoration:underline;}

.drag_drop_file {width:100%; height:200px; border:2px dashed #cccccc; background-color:#f7f7f7; text-align:center; display:table;}
.drag_drop_file .drag_drop_box {display:table-cell; vertical-align:middle;}
.drag_drop_file .drag_drop_box p {padding-top:56px; color:#a5a5a5; background:url(../images/sub/icon_dragdrop.png) no-repeat center top;}
.drag_drop_file .drag_drop_box button {margin-top:16px}

.pay_option {margin:8px 0; padding:20px 5%; background-color:#f7f7f7; border:1px solid #ccc;}

.price_display {padding:8px 5%; border-top:2px solid #2c3549; border-bottom:2px solid #2c3549; margin:6px 0;}
.price_display p {float:left; color:#2c3549; font-weight:600; padding-top:2px;}
.price_display div {float:right; color:#2c3549; font-weight:600; font-size:14px;}
.price_display div span {font-size:20px; display:inline-block; vertical-align:inherit; margin-right:5px;}



.color_navy {color:#2c3549 !important;}
.color_red {color:#eb2c2c !important;}


.radio_list li {display:inline-block; margin-right:30px;}
.radio_list li:last-child {margin-right:0;}
.radio_list input[type="radio"] {width:0; height:0; opacity:0; position:absolute;}
.radio_list label {position:relative;}
.radio_list label:before {content:""; display:inline-block; width:16px; height:16px; background-color:#f2f2f2; border-radius:100%; border:1px solid #ccc; vertical-align:middle; margin:-1px 5px 0 0;}
.radio_list input:checked + label:after {content:""; display:block; width:10px; height:10px; border-radius:100%; background-color:#666; position:absolute; left:4px; top:6px;}



.table4 {border-top:1px solid #ccc;}
.table4.table4_line {border-top:2px solid #2c3549; border-bottom:1px solid #666;}
.table4 table {width:100%;}
.table4 tr {border-bottom:1px solid #ccc;}
.table4 th {background-color:#f7f7f7; color:#666; font-weight:600; font-size:15px; height:53px;}
.table4 th span {color:#f61515; vertical-align:top;}
.table4 td {padding:5px; box-sizing:border-box; font-size:15px;}
.table4 td p {padding-left:10px;}
.table4 td input {height:42px; border:1px solid #d6d6d6; width:100%; padding-left:5px; font-weight:400;}
.table4 td input::placeholder{font-weight:300; color:#ccc;}
.table4 td input[type="file"] {line-height:1; padding:7px 0 0 6px; color:#666;}
.table4 .table_check {text-align:center; margin:20px 0 30px;}
.table4 .table_check label {vertical-align:middle;}
.table4 .table_check input {vertical-align:middle; margin-right:5px;}
.table4.table4_display td {padding-left:4%;}


.popup_wrap {display:none;}
.popup1_box {position:fixed; width:460px; height:500px; left:50%; top:50%; margin:-240px 0 0 -250px; padding:30px 3%; background-color:#fff; z-index:500;}
.popup_bg {position:fixed; width:100%; height:100%; left:0; top:0; background-color:rgba(0,0,0,.6); z-index:1}

 
.forms1 {background:#f7f7f7; padding:40px 15% 60px;}
.forms1 .forms1_col {float:left; width:48%;}
.forms1 .forms1_col:nth-child(even) {float:right;}
.forms1 .forms1_col dl:after {content:""; display:block; clear:both;}
.forms1 .forms1_col dl {width:100%; border:1px solid #d6d6d6; margin-top:20px; border-radius:2px; background-color:#fff;}
.forms1 .forms1_col dl dt {float:left; width:100px; height:40px; padding:10px 0 0 10px; color:#666; font-size:15px;}
.forms1 .forms1_col dl dd {float:left; width:calc(100% - 100px); height:40px;}
.forms1 .forms1_col dl dd span {display:block; padding-top:8px; font-weight:600;} 
.forms1 .forms1_col dl dd input {background:none; width:100%; height:38px; border:none; outline:none;}
.forms1 .forms1_col dl:focus-within {border-color:#0fb7ff;}
.forms1 .forms1_col dl:focus-within dt {color:#0fb7ff;}


.timeline1 {position:relative; padding-bottom:40px; margin:80px 0 40px;}
.timeline1:after {content:""; display:block; position:absolute; width:1px; height:100%; background-color:#0fb7ff; left:50%; top:6px;}
.timeline1 dl {text-align:right; width:50%; margin-left:11px;}
.timeline1 dl:after {content:""; clear:both; display:block;}
.timeline1 dl dt {float:right; position:relative; width:150px; padding-right:26px; font-weight:600; font-size:20px; color:#0fb7ff; text-align:right;}
.timeline1 dl dt:before {content:""; display:block; position:absolute; right:0; top:5px; width:13px; height:13px; background-color:#fff; border:4px solid #0fb7ff; border-radius:100%; z-index:1;}
.timeline1 dl dd {float:left; width:calc(100% - 150px); margin-top:5px}
.timeline1 dl:nth-child(odd) {margin-left:50%; text-align:left;}
.timeline1 dl:nth-child(odd) dt {float:left; text-align:left; padding:0 0 0 24px;}
.timeline1 dl:nth-child(odd) dt:before {left:-9px;} 
.timeline1 dl dd ul li {margin-bottom:10px;}




.sign_box {position:relative; width:860px; text-align:left; margin:0 auto; box-shadow:0 0 10px rgba(0,0,0,.25); background-color:#fff; padding:50px; margin-top:-100px; margin-bottom:150px;}
.sign_box h2 {color:#0fb7ff; font-weight:400; font-size:30px; text-align:center;}

.sign_box span {text-align:center; display:block; font-size:15px; color:#666; margin-top:20px;}
.sign_box .sign_box_left {position:relative; float:left; width:44%;}
.sign_box .sign_box_left:after {content:""; display:block; position:absolute; width:1px; height:84%; height:calc(100% - 40px); background:#e5e5e5; top:40px; right:-14%;}
.sign_box .sign_box_or {position:absolute; left:50%; margin-left:-12px; top:55%; }
.sign_box .sign_box_or span {color:#aeaeae; font-size:14px; font-weight:300; background:#fff; margin-top:0; padding:10px 0;}
.sign_box .sign_box_right {float:right; width:44%;}
.sign_box .sign_box_right.sign_box_right2 {margin-top:80px;}

.sign_box .login_account {margin-top:50px;}
.sign_box .login_account button {display:block; width:100%; height:50px; margin-top:20px; font-size:17px; color:#fff; background-repeat:no-repeat; background-position:20px center; border-radius:4px; background-size:25px;}

.sign_box .login_account .login_naver {background-image:url(../images/sub/icon_login_naver.jpg); background-color:#00cc39;}
.sign_box .login_account .login_facebook {background-image:url(../images/sub/icon_login_fb.jpg); background-color:#3d5a98;}
.sign_box .login_account .login_google {background-image:url(../images/sub/icon_login_google.jpg); background-color:#f5f5f5; color:#000; border:1px solid #ccc;}

.sign_box .sign_box_form {border:1px solid #ccc; margin-top:40px;}
.sign_box .sign_box_form ~ .sign_box_form {margin-top:20px;}
.sign_box .sign_box_form .sign_input {position:relative; height:50px; border-bottom:1px solid #eee;}
.sign_box .sign_box_form .sign_input:last-child {border-bottom:none;}
.sign_box .sign_box_form .sign_input label {float:left; width:33%; padding:15px 0 0 2.5%; color:#666; font-size:15px;}
.sign_box .sign_box_form .sign_input input {float:left; width:67%; height:100%; border:none; background:none; outline:none;}
.sign_box .sign_box_form .sign_input input::placeholder {color:#ccc;}
.sign_box .sign_box_form .sign_input:focus-within label {color:#0fb7ff; font-weight:600;}
.sign_box .sign_box_form .sign_input:focus-within {outline:1px solid #0fb7ff;}

.sign_box .sign_box_form .sign_input.error {position:relative; outline:1px solid #f92828} 
.sign_box .sign_box_form .sign_input.error label {color:#f92828}
.sign_box .sign_box_form .sign_input.error .sign_validation {position:absolute; right:2px; bottom:2px;; font-size:10px; font-weight:600; color:#f92828;}

.sign_box .sing_checks {margin-top:5px;}
.sign_box .sing_checks .login_check {float:left;}
.sign_box .sing_checks .sign_option {float:right;}
.sign_box .login_check {text-align:right; font-size:14px;} 
.sign_box .login_check .checkbox + label:before {top:1px;}

.sign_box .sign_box_form {border:1px solid #ccc; margin-top:40px;}
.sign_box .sign_input_check {height:50px; border-bottom:1px solid #eee;} 
.sign_box .sign_input_check:last-child {border-bottom:0;} 

.sign_box .sign_input_check .sign_check_wrap {position:relative;float:left; width:70%; padding:13px 0 0 2.5%; height:50px;} 
.sign_box .sign_input_check input[type="checkbox"] + label {position:absolute; height:100%; width:100%; color:#666; font-size:15px;} 
.sign_box .sign_input_check a {float:right; font-size:14px; font-weight:600; color:#2c3549; padding:12px 5% 0 0;} 

.sign_box .sign_option {text-align:right;}
.sign_box .sign_option li {display:inline-block; margin-left:10px; padding-left:10px; border-left:1px solid #e5e5e5;}
.sign_box .sign_option li:first-child {border:none; padding:0; margin:0;}
.sign_box .sign_option li a {display:block; font-size:14px;}
.sign_box .btn_login {width:100%; height:50px; font-size:20px; margin-top:30px;}
.sign_bg {width:100%; height:350px; background:url(../images/sub/sub_top01.jpg) no-repeat center center;}
.sign_bg p {color:#fff; font-size:36px; font-weight:300; text-align:center; padding-top:140px;}
.sign_bg span {display:block; color:#fff; text-align:center; margin-top:5px; font-size:18px;}

.sign_box.sign_box_sol {width:460px;}




.bg_grey {margin-top:80px; padding:50px 0; background-color:#f5f5f5;}

.section_space {padding:50px;}

.comb_layout {padding-top:50px; display:table;}
.comb_layout .comb_left {display:table-cell; width:50%; padding-right:10%;}
.comb_layout .comb_right {display:table-cell; width:50%; padding-left:6%;}
.comb_layout img {width:100%;}
.comb_layout .comb_txt {padding:0;}
.comb_layout .comb_txt h2 {font-size:40px; font-weight:400; color:#2c3549; margin-bottom:30px;}
.comb_layout .comb_txt p {font-size:18px;}
.comb_layout .comb_txt.solution_txt {transform:translateY(-60px)}

.comb_layout_wrap {position:relative; margin-bottom:50px;}
.comb_layout_wrap .comb_bg_mint {position:absolute; width:46%; height:100%; background-color:#78defc; left:0; top:0; z-index:-1;}
.comb_layout_wrap .comb_bg_grey {position:absolute; width:54%; height:100%; background-color:#fafafa; right:0; top:0; z-index:-1;}





.icon_text_set li:after {content:""; clear:both; display:block;}
.icon_text_set li {position:relative; float:left; width:32.4%; padding:25px 2%; border:1px solid #ccc; margin-bottom:20px;}
.icon_text_set li:nth-child(3n + 2) {margin:0 1.4%;}
.icon_text_set img {float:left; width:18%; margin-top:10px;}
.icon_text_set dl {float:right; width:72%;}
.icon_text_set dl dt {position:relative; font-size:20px; font-weight:600;}
.icon_text_set dl dt em {color:#0fb7ff; vertical-align:inherit; font-weight:700;}
.icon_text_set dl dt:after {content:""; display:block; width:30px; height:1px; margin:14px 0 15px; background-color:#999;}
.icon_text_set dl dd {font-size:15px; color:#666;}
.icon_text_set li > span {display:block; position:absolute; width:29px; height:29px; background-color:#fff; right:-1px; top:-1px;}
.icon_text_set li > span:before {content:""; position:absolute; right:0; top:0; display:block; width:0; height:0; border-left:0px solid transparent; border-right:30px solid transparent; border-bottom:30px solid #eee; z-index:2;}
.icon_text_set li > span:after {content:""; position:absolute; right:1px; top:1px; display:block; width:0; height:0; border-left:0px solid transparent; border-right:30px solid transparent; border-bottom:30px solid #ccc; z-index:1; filter:blur(2px);}

.sub_bar {width:100%; height:1px; background-color:#ddd; margin:100px 0;}






.list_bar {background-color:#f5f5f5; padding:50px 50px 20px;;}
.list_bar li {float:left; display:table; width:31%; margin-right:3.5%; height:60px; background-color:#fff; margin-bottom:30px; border-left:4px solid #d50d0d; border-radius:0 4px 4px 0; box-shadow:0 0 5px rgba(0,0,0,.1); padding-left:1.5%;}
.list_bar li:nth-child(3n) {margin-right:0;}
.list_bar li span {display:table-cell; vertical-align:middle;}


.cta1 {display:table; margin-top:50px; width:100%; height:300px; background:url(../images/sub/bg_cta1.jpg) no-repeat right top;}
.cta1 .cta1_contetns {display:table-cell; vertical-align:middle; text-align:center;}
.cta1 .cta_txt span {color:#666; font-size:17px;}
.cta1 .cta_txt p {font-size:28px; color:#0fb7ff; font-weight:300; margin:10px 0 30px;}

.line_text {position:relative; margin:50px auto 20px; text-align:center;}
.line_text:after {content:""; position:absolute; display:block; width:100%; height:1px; top:50%; background-color:#666; z-index:-1;}
.line_text > p {display:inline-block; background-color:#fff; padding:0 15px;}


.price_display2 {background-color:#f5f5f5; padding:20px; text-align:right; }
.price_display2 .price_text {margin-bottom:5px; font-size:18px;}
.price_display2 .price_text > span {font-weight:600; display:inline-block;vertical-align:bottom; font-size:24px; margin-left:10px;;}
.price_display2 .price_text em {display:inline-block; color:#666; font-size:15px;margin-left:10px;}

.display_box {margin:30px auto; border:1px solid #ccc; background-color:#f5f5f5; padding:10px;}
 

.popup_qoute {width:900px;}
.quote_head {width:100%; height:60px; font-size:30px; padding-top:5px; border:2px solid #2c3549; text-align:center; color:#2c3549;}
.quote_info:after {content:""; clear:both; display:block;}
.quote_info {padding:10px 0 25px;}
.quote_info .quote_logo {float:left; width:50%;}
.quote_info .quote_logo img {display:block; width:280px; margin:50px 0 0 15%;}
.quote_info ul {float:left; width:40%; border-left:1px solid #eee; padding-left:2%;}
.quote_info b {font-weight:600;}
.quote_info .aniss_mark {float:right; width:10%; text-align:center;}
.quote_info .aniss_mark img {display:inline-block; width:80px; margin-top:65px;}

.search_box_container {background-color:#2c3549;}
.search_box_container .search_box_top {text-align:center; padding:25px 0; border-bottom:1px solid #252d3f;}
.search_box_container .search_box_top h3 {display:block; margin:0 auto 20px; color:#fff; font-size:24px; font-weight:300;}
.search_box_container .search_box_top .search_box_desc {color:#666; margin-bottom:20px; font-size:15px;}
.search_box_container .search_box_top .search_box_desc em {font-weight:600;}
.search_box_container .search_box_top .search_box_desc a {text-decoration:underline;}
.search_box_container .search_box:after {content:""; clear:both; display:block;}
.search_box_container .search_box {width:40%; height:45px; border-radius:4px; margin:0 auto; overflow:hidden; background-color:#fff;}
.search_box_container .search_box input {float:left; width:calc(100% - 50px); height:100%; border:none; background:transparent; padding-left:10px; outline:none;}
.search_box_container .search_box input::placeholder {color:#999;}
.search_box_container .search_box button {display:block; float:right; width:50px; height:45px; text-indent:-9999px; background:url(../images/sub/icon_searchbox.png) no-repeat center center; background-size:24px;}

.search_box_container .search_box_result {border-top:1px solid rgba(255,255,255,.2); padding-bottom:5px}
.search_box_container .search_box_result ul {text-align:center; width:55%; margin:20px auto 0;}
.search_box_container .search_box_result ul li {position:relative; display:inline-block; margin:0 2% 15px 0;}
.search_box_container .search_box_result label {display:block; color:#fff; font-size:14px; padding:5px 15px 0; height:34px; border-radius:100px; border:1px solid #fff; box-sizing:border-box; font-weight:600;}
.search_box_container .search_box_result input[type="checkbox"] {position:absolute; width:0; height:0; -webkit-appearance:none; opacity:0;}

.search_box_container .search_box_result input[type="checkbox"]:checked + label {background-color:#fff; color:#2c3549; font-weight:600;} 
.search_box_container .search_box_result input[type="checkbox"]:checked + label:after {content:""; display:block; position:absolute; right:-4px; top:-4px; width:18px; height:18px; border-radius:100px; background:url(../images/sub/icon_close_w.png) no-repeat center center rgba(0,0,0,.8); background-size:8px; }

.search_box_container.search_container_g {background-color:#eee;}
.search_box_container.search_container_g .search_box_top {border-bottom:1px solid #e5e5e5;}
.search_box_container.search_container_g .search_box button {background-image:url(../images/sub/icon_searchbox_g.png);}

.search_option_wrap {width:50%; margin:0 auto;}
.search_option_wrap .search_option {float:left; width:24%; height:45px; border-radius:4px; border:none; color:#666; padding-left:1%; outline:none;} 
.search_option_wrap .search_box {float:right; width:75%;} 



.templates_container {padding:50px 0;}
.templates_container ul li { float:left; width:23.2%; margin:0 2.4% 50px 0; text-align:center;}
.templates_container ul li:nth-child(4n) {margin-right:0;}
.templates_container .template_info:after {content:""; clear:both; display:block;}
.templates_container .template_info {border-bottom:1px solid #ccc; background-color:#fff; margin-bottom:10px; padding-bottom:5px;}
.templates_container .template_info em {float:left; font-size:15px; color:#999; margin-top:5px;}
.templates_container .template_info .price {float:right; font-weight:600; font-size:14px;}
.templates_container .template_info .price span {display:inline-block; vertical-align:baseline; font-weight:600; font-size:18px;}
.templates_container .template_box {position:relative; height:240px; margin-bottom:10px; overflow:hidden; box-shadow:0 0 5px rgba(0,0,0,.25);}
.templates_container .template_box > img {display:block; width:100%;}
.templates_container .template_btns {text-align:right;}
.templates_container .template_btns button {width:auto; height:28px; padding:0 10px; direction:inline-block; font-weight:600; font-size:12px; vertical-align:middle;}

.templates_container ul li > a:hover .template_over {opacity:1;}
.templates_container .template_over {position:absolute; display:table; width:100%; height:100%; left:0; top:0; opacity:0; transition:.3s ease .1s;}
.templates_container .template_over_btns {display:table-cell; vertical-align:middle; width:100%; height:100%; background-color:rgba(0,0,0,.65);}
.templates_container .template_over_btns button {display:block; margin:10px auto;}


#pop.template_popup {border:1px solid #2c3549; background-color:rgba(255,255,255,0.9); padding:30px 0 0;}
#pop .pop_close {position:absolute; background:url(../images/sub/bullet_arrow_2.png) no-repeat left center transparent; padding-left:10px; font-weight:600; left:2%; top:40px;}
.template_popup .template_pop_select {position:absolute; right:2%; top:31px; height:45px; font-size:16px;}
.template_type {width:200px; margin:0 auto 30px; border:1px solid #b5b5b5; border-radius:50px; overflow:hidden;}
.template_type li {float:left; width:50%; text-align:center; background-color:#fff; transition:.3s ease .1s;}
.template_type li:nth-child(2) {border-left:1px solid #b5b5b5;}
.template_type .select_pc {background:url(../images/sub/icon_pc_g.svg) no-repeat left 10px; padding-left:30px; background-size:24px;}
.template_type .select_device {background:url(../images/sub/icon_mobile_g.svg) no-repeat left 7px; padding-left:21px; background-size:15px;}
.template_type button {display:inline-block; height:40px; font-weight:600; color:#b5b5b5;}
.template_type li.on {background-color:#b5b5b5;}
.template_type li.on .select_pc {color:#fff; background-image:url(../images/sub/icon_pc_w.svg);}
.template_type li.on .select_device {color:#fff; background-image:url(../images/sub/icon_mobile_w.svg);}
.template_preview li {display:none;}
.template_preview li.on {display:block;}
.template_preview .template_preview_pc {width:86%; margin:0 auto;}
.template_preview .template_preview_pc .preview_pc_wrap {height:700px; overflow-x:hidden; overflow-y:auto; box-shadow:0 0 5px rgba(0,0,0,.2); margin-bottom:30px;}
.template_preview .template_preview_pc .item img {width:100%;}
.template_preview .template_preview_device {width:470px; height:1010px; margin:0 auto; background:url(../images/portfolio/mockup_mobile.png) no-repeat 0 0; background-size:100%; padding:118px 31px 0 31px;}
.template_preview .template_preview_device .tpreview_device_wrap {position:relative; overflow-y:scroll; overflow-x:hidden; height:728px;}
.template_preview .template_preview_device .tpreview_device_wrap .item {border-right:5px solid #000;}
.template_preview .owl-nav > div {position:fixed; width:34px; height:64px; top:50%; margin-top:-32px; background-repeat:no-repeat; background-position:center center;}
.template_preview .owl-nav .owl-prev {background-image:url(../images/sub/icon_nav_prev.png); left:50%; margin-left:-575px;}
.template_preview .owl-nav .owl-next {background-image:url(../images/sub/icon_nav_next.png); right:50%; margin-right:-575px;}




.portfolio_best {position:relative; margin-top:50px; background-color:#f5f5f5; padding:50px 100px;}
.portfolio_best .portfolio_best_tit {height:45px; padding-top:10px; background-color:#f92828; text-align:center; color:#fff; font-size:18px; font-weight:600;}
.portfolio_best_list {padding:50px 6%; border:2px solid #f92828; background-color:#fff;}
.portfolio_best_list > li {float:left; width:29%; margin-right:6.5%;}
.portfolio_best_list > li:last-child {margin-right:0;}
.portfolio_best_list > li > a:hover {color:#000;}
.portfolio_best_list .portfolio_best_img {height:240px; overflow:hidden; box-shadow:0 0 5px rgba(0,0,0,.2);}
.portfolio_best_list .portfolio_best_text {font-size:12px; margin-top:15px;}


.image_box {width:100%; margin:50px auto;}
.image_box img {width:100%;}



.ac_board_btn {text-align:right; margin-bottom:20px;}
.ac_board_wrap {background-color:#eee; border-top:1px solid #fff; padding:40px 9% 20px;}
.ac_board_wrap .ac_board > li {cursor:pointer; border-bottom:2px solid #eee; background:#fff;}
.ac_board_wrap .ac_board > li:last-child .ac_top {border-bottom:none;}
.ac_board_wrap .ac_top:after {content:""; clear:both; display:block;}
.ac_board_wrap .ac_top {position:relative; height:70px; border-left:4px solid #fff;}
.ac_board_wrap .ac_top > li {float:left;}
.ac_board_wrap .ac_top .ac_btns_admin {position:absolute; width:100px; right:90px; top:19px;}
.ac_board_wrap .ac_top .ac_type {width:110px; height:30px; padding:4px 0 0 35px; margin:20px 20px 0 0; border-right:1px solid #e5e5e5; font-size:14px; color:#2c3549; font-weight:600;}

.ac_board_wrap .ac_top .ac_type.ac_type_notice {background:url(../images/sub/icon_notice.png) no-repeat 12px center; background-size:12px;}
.ac_board_wrap .ac_top .ac_type.ac_type_complete {background:url(../images/sub/icon_complete.svg) no-repeat 12px center; background-size:16px; color:#0fb7ff;}
.ac_board_wrap .ac_top .ac_type.ac_type_before {background:url(../images/sub/icon_waiting.svg) no-repeat 12px center; background-size:16px; color:#bbb;}
.ac_board_wrap .ac_board > li.active .ac_type.ac_type_notice {background-image:url(../images/sub/icon_notice_on.png);}
.ac_board_wrap .ac_board > li.active .ac_type.ac_type_before {color:#bbb;}

.ac_board_wrap .ac_top .ac_title_wrap {width:calc(100% - 370px); margin-top:22px;}
.ac_board_wrap .ac_top .ac_title_wrap .ac_title {position:relative; display:inline-block; max-width:100%; padding-right:30px; box-sizing:content-box; text-overflow:ellipsis; white-space:nowrap; -o-text-overflow:ellipsis; overflow:hidden;}
.ac_board_wrap .ac_top .ac_title_wrap .ac_title span {display:inline-block; vertical-align:top;}
.ac_board_wrap .ac_top .ac_title_wrap .ac_title .ac_new {position:absolute; right:0; top:0;font-size:12px; color:#f92828;}
.ac_board_wrap .ac_top .ac_date {float:right; width:90px; padding:24px 10px 0 0; font-size:13px; color:#666; text-align:right;}
.ac_board_wrap .ac_cont {height:0; overflow:hidden; padding:0 4%;}
.ac_board_wrap .ac_cont p {margin-bottom:20px;}

.ac_board_wrap .ac_cont.ac_cont_pw {text-align:center;}
.ac_board_wrap .ac_cont.ac_cont_pw p {font-size:15px; margin:20px 0; color:#666;}
.ac_board_wrap .ac_cont.ac_cont_pw input {text-align:center; height:36px;}

.ac_writer {color:#0fb7ff; font-weight:600; margin-top:10px;}
.ac_download {display:inline-block; padding:10px 20px; background-color:#f5f5f5; margin:20px 0; border:1px solid #eee;}
.ac_download em {font-size:14px; background:url(../images/sub/icon_download.png) no-repeat left center; background-size:12px; padding-left:15px; margin-right:15px;}
.ac_download a {font-size:14px; font-weight:600; text-decoration:underline;}

.ac_board_wrap .ac_board > li.active {margin:10px 0;}
.ac_board_wrap .ac_board > li.active .ac_top {border-left-color:#0fb7ff;}
.ac_board_wrap .ac_board > li.active .ac_cont {height:auto; border-top:1px solid #eee; padding-top:30px; padding-bottom:10px;}
.ac_board_wrap .ac_board > li.active .ac_type {color:#0fb7ff; font-weight:700;}
.ac_board_wrap .ac_board > li.active .ac_title {color:#0fb7ff;}


.ac_board_cards {background-color:#2c3549; border-top:1px solid rgba(255,255,255,.2); padding:40px 5% 50px;}
.ac_board_cards .ac_board_tit {font-weight:600; font-size:18px; border-bottom:1px solid #fff; color:#fff; padding-bottom:8px;}
.ac_board_cards ul li {float:left; width:23.5%; margin-right:2%; margin-top:20px;}
.ac_board_cards ul li:nth-child(4n) {margin-right:0;}
.ac_board_cards ul li a {display:block; width:100%; height:120px; background-color:#fff; padding:12px 20px; font-size:15px;}
.ac_board_cards ul li a:before { content:"Q."; display:block; font-size:13px; font-weight:700; margin-bottom:6px;}
.ac_board_cards ul li:hover {transform:scale(1.03); transition:.2s ease .1s;}
.ac_board_cards ul li:hover a {font-weight:600;}



.ac_board2 ul > li {float:left;}
.ac_board2 ul > li:nth-child(1) {width:10%;}
.ac_board2 ul > li:nth-child(2) {width:63%;}
.ac_board2 ul > li:nth-child(3) {width:17%;}
.ac_board2 ul > li:nth-child(4) {float:right; width:10%;}
.ac_board2 ul > li:nth-child(5) {clear:both; width:100%;}

.ac_board2 {border-bottom:1px solid #ccc;}
.ac_board2 .ac_th {border-top:2px solid #2c3549; height:45px; background-color:#f2f2f2; border-bottom:1px dashed #ddd;}
.ac_board2 .ac_th > li {font-size:15px; text-align:center; font-weight:600; padding-top:8px;}
.ac_board2 .ac_td {cursor:pointer;}
.ac_board2 .ac_td > li {text-align:center; padding-top:10px;}
.ac_board2 .ac_td > li:nth-child(2) {text-align:left;}
.ac_board2 .ac_td > li:nth-child(5) {height:0; overflow:hidden; border-bottom:1px dashed #ddd;}
.ac_board2 .ac_td .ac_td_tit {display:inline-block;}
.ac_board2 .ac_td .file {display:inline-block; width:22px; height:22px; background:url(../images/sub/icon_file.png) no-repeat center center; background-size:18px; margin-left:5px; text-indent:-9999px;}
.ac_board2 .ac_td .ac_td_tit + button {margin-left:10px;}
.ac_board2 .ac_td .ac_td_cont {border-top:1px dashed #ddd; text-align:left; padding:20px 10%; background-color:#fafafa; overflow:hidden;}
.ac_board2 .ac_td .ac_td_cont img {max-width:100%;}
.ac_board2 .ac_td .ac_td_cont p {margin-bottom:10px;}
.ac_board2 .ac_td:last-child > li:nth-child(5) {border-bottom:none;}
.ac_board2 .ac_td.active > li:nth-child(5) {height:auto;}

.ac_board2 .ac_td.active > li:nth-child(1),
.ac_board2 .ac_td.active > li:nth-child(2),
.ac_board2 .ac_td.active > li:nth-child(3),
.ac_board2 .ac_td.active > li:nth-child(4) {color:#0fb7ff; font-weight:600;}

.img_center {text-align:center;}
.img_center img {max-width:100%;}
.img_center p {margin-top:30px;}



.opening_box {width:100%; height:400px; margin:50px 0; background-attachment:fixed; background-repeat:no-repeat; background-position:center center;}
.opening_box.bg_intro_aniss {background-image:url(../images/sub/bg_about_aniss-1.jpg);}
.opening_box.bg_homepage_product {background-image:url(../images/sub/bg_homepage_product-1.jpg);}
.opening_box.bg_intro_aniss:after,
.opening_box.bg_homepage_product:after {content:""; position:absolute; width:100%; height:100%; background-color:rgba(0,0,0,.2); height:400px;}
.opening_box .opening_contents {position:absolute; width:1200px; left:50%; margin-left:-600px; z-index:1;}
.opening_box .opening_contents.intro_aniss_contents {text-align:right;}

.opening_box .intro_aniss_tit {margin-top:60px;}
.opening_box .intro_aniss_tit h3 p {display:inline-block; color:#fff; padding:0 25px; margin-top:10px; font-weight:300; font-size:37px; background-color:rgba(3,158,255,.6);}
.opening_box .intro_aniss_tit h3 em {position:relative; font-weight:400;}
.opening_box .intro_aniss_desc {display:inline-block; text-align:left; color:#fff; margin-top:90px; font-weight:600;}



.combo_layout1:after {content:""; clear:both; display:block;}
.combo_layout1 .comb1_left {float:left; width:47.5%;}
.combo_layout1 .comb1_right {float:right; width:47.5%; display:table;}
.combo_layout1 .comb1_img {height:360px; width:100%;}
.combo_layout1 .comb1_img.img_about {background:url(../images/sub/img_about1.jpg) no-repeat center center; background-size:cover;}
.combo_layout1 .comb1_text {height:360px; display:table-cell; vertical-align:middle;}
.combo_layout1 .comb1_text h3 {font-weight:400; font-size:30px; position:relative; padding-left:16px;}
.combo_layout1 .comb1_text h3:before {content:""; display:block; width:4px; height:34px; background-color:#e5e5e5; position:absolute; left:0; top:6px;}
.combo_layout1 .comb1_text p {margin-top:20px; margin-left:2px;}



.aniss_map_container {height:600px; background-color:grey;}

.contact_us {background-color:#0fb7ff; box-shadow:0 0 10px rgba(0,0,0,.2); margin:-100px auto 60px; padding:40px 7%;}
.contact_us .contact_tit {position:relative;}
.contact_us .contact_tit:after {content:""; display:block; position:absolute; width:100%; height:1px; background-color:rgba(255,255,255,.6); left:0; bottom:0;}
.contact_us .contact_tit span {display:inline-block; color:#fff; font-size:28px; font-weight:300; border-bottom:1px solid #fff; line-height:1.8;}
.contact_us .contact_list {margin-top:30px;}
.contact_us .contact_list li {position:relative; float:left; padding-left:24px; margin-left:35px; margin-top:10px;}
.contact_us .contact_list li:nth-child(1),
.contact_us .contact_list li:nth-child(4) {margin-left:0;}
.contact_us .contact_list li:nth-child(1):before,
.contact_us .contact_list li:nth-child(4):before {display:none;}
.contact_us .contact_list li:before {content:""; display:inline-block; width:1px; height:16px; position:absolute; background-color:#eee; left:-10%; top:6px;} 
.contact_us .contact_list li em {display:inline-block; color:#fff; font-weight:600; font-size:14px; margin-right:15px; vertical-align:middle;}
.contact_us .contact_list li a {color:#fff;}
.contact_us .contact_list li span {display:inline-block; color:#fff; font-size:17px;}

.contact_us .contact_list .contact_add {background:url(../images/sub/icon_location.svg) no-repeat 3px 4px; background-size:13px;}
.contact_us .contact_list .contact_tel {background:url(../images/sub/icon_phone.svg) no-repeat left 6px; background-size:16px;}
.contact_us .contact_list .contact_fax {background:url(../images/sub/icon_fax.svg) no-repeat left 5px; background-size:18px;}
.contact_us .contact_list .contact_mail {background:url(../images/sub/icon_mail.svg) no-repeat left 7px; background-size:18px;}

.contact_info dl {float:left; width:31%; border:1px solid #e5e5e5; padding:25px 30px;;}
.contact_info dl:nth-child(2) {margin:0 3.5%;}
.contact_info dl dt {font-weight:600; font-size:18px; border-bottom:2px solid #666; padding-bottom:5px; margin-bottom:20px;}
.contact_info ul li {margin-bottom:5px;}
.contact_info ul li span {vertical-align:middle; font-weight:600; margin-right:5px; font-size:12px;}
.contact_info ul li a {font-weight:400;}


.customed_scroll ::-webkit-scrollbar {
    /* width */
    width: 8px;
}
 
.customed_scroll ::-webkit-scrollbar-track {
    /* Track */
    background: #f1f1f1; 
    border-radius: 100px;
}

.customed_scroll ::-webkit-scrollbar-thumb {
    /* Handle */
    background: #888; 
    border-radius: 100px;
}

.customed_scroll ::-webkit-scrollbar-thumb:hover {
    /* Handle on hover */
    background: #555; 
}


/*error page style*/    
.error_page_wrap {position:relative; width:100%; height:100vh;}
.error_page {position:absolute; width:80%; max-width:600px; height:300px; left:0; right:0; top:0; bottom:0; margin:auto;}
.error_page .copy {font-size:11px; font-weight:400; color:#999;}
.error_page_top:after {content:""; clear:both; display:block;}
.error_page_top .error_top_logo {float:left; width:240px;}
.error_page_top .error_top_link {float:right; margin-top:25px; line-height:1;} 
.error_page_top .error_top_link a {font-size:14px; display:inline-block; margin-right:20px;}
.error_page_top .error_top_link a:last-child {margin-right:0;}
.error_page_cont {padding:40px 0; margin:13px 0; border-bottom:2px solid #000; border-top:2px solid #000;}
.error_page_cont .error_page_tit {font-size:30px; font-weight:300; line-height:1.2;}
.error_page_cont .error_page_tit span {color:#f8250d;}
.error_page_cont > p {margin-top:30px;  color:#333; font-size:14px;}
.error_page_cont > p > span {color:#0fb7ff; font-weight:600; vertical-align:baseline;}    


.set_layout:after {content:""; clear:both; display:block;}
.set_layout .set_layout_left {float:left; width:48%;}
.set_layout .set_layout_right {float:right; width:48%;}
.set_layout img {display:block; width:100%; max-width:100%;}

.set_layout.set_layout1 .set_layout_right {padding-top:50px;}

.desc_type1 h3 {font-weight:400; font-size:20px; padding-bottom:10px;}
.desc_type1 p {color:#666; font-size:15px; margin-top:20px;}
.desc_type1 em {display:block; padding-left:12px; margin-top:20px; color:#0fb7ff; border-left:2px solid #0fb7ff; ont-size:15px;}
.desc_type1 b {color:#000; font-weight:400;}






/*tablet*/
@media only screen and (max-width:1200px) {
    
    /*tab*/
    .tab_cont {border-top:none;}
    .tab_cont .tab {width:100%;}
    .tab_cont .tab button {border-top:1px solid #2c3549; width:33.3% !important;}
    .tab_cont .tab.tab_second button {width:50% !important;}
    .tab_cont .tab button:nth-child(3) {border-right:1px solid #2c3549;}
    .tab_cont .tab button:nth-child(n + 4) {border-top:none;} 
    
    .slide_type1 .owl-prev {left:0;}
    .slide_type1 .owl-next {right:0;}
    .slide_type1.slide_type1_red .owl-prev, 
    .slide_type1.slide_type1_red .owl-next {background-color:rgba(255,255,255,0.3); border-radius:3px; background-size:18px;}
    .slide_type1.slide_type1_over .owl-prev, 
    .slide_type1.slide_type1_over .owl-next {background-color:rgba(0,0,0,0.3); border-radius:3px; background-size:18px;}
    .slide_type1.slide_type1_over .owl-prev {left:0;}
    .slide_type1.slide_type1_over .owl-next {right:0;}
    
    
    /*popup*/
    #pop {display:none; width:90%; top:10%; margin-left:0; left:5%; height:80%;}
    #pop .head {width:89%; padding:10px 2%;}
    #pop .pop_cont {padding:30px 4%;}
    .pop_table{width:98%; margin:65px auto 0;}
    .pop_table table tr th img {display:none;}
    .pop_table table tr th,
    .pop_table table tr td {padding:10px 1%;}
    .pop_table .pop_td_scroll {max-height:300px; overflow-y:auto;}
    .pf {width:43%;}
    .pf .top {width:100%; height:auto;}
    .pf .top img{width:100%;}
    .pf .bottom h4 {width:100%;}
    
    
    #pop.template_popup {height:80%;}
    .template_preview .template_preview_pc .preview_pc_wrap {height:600px;}
    
    .template_preview .owl-nav .owl-prev {margin-left:0; left:7%;}
    .template_preview .owl-nav .owl-next {margin-right:0; right:7%;}
  
    
    .quotation_type li button:after {display:none;}
    
    .ac_board_cards {padding:40px 2% 50px}
    
    .opening_box .opening_contents {width:96%; left:2%; margin-left:0;}
    
    .contact_us .contact_list li:nth-child(3) {clear:both; margin-left:0;}
    .contact_us .contact_list li:nth-child(4) {margin-left:45px;}
    .contact_us .contact_list li:nth-child(3):before {display:none;}
    .contact_us .contact_list li:nth-child(4):before {display:block;}
    
    
    .set_layout.set_layout1 .set_layout_right {padding-top:0;}
    
	.desc_type1 p br,
	.desc_type1 em br {display:none;}


} 

/*Mobile*/ 
@media only screen and (max-width:1080px) {
    
    /***************************** sub layout *************************************/
    
    /*sub top*/
    .sub_top_menu > div {border-left:none;}
    .sub_top_menu .sub_top_home {border-left:none;}
    .sub_top_menu .inner {width:100%;}
    
    .sub_space1 {margin:60px 0 20px;}
    .sub_space2 {margin:40px 0 5px;}


    
    
    .comb_layout .comb_txt p br {display:none;}
    
    .sub_bar {margin:50px 0;}
    
    
    
    .sign_box {width:90%;}
    .sign_box h2 {font-size:24px;}
    .sign_box .sign_box_left {width:50%;}
    .sign_box .sign_box_right {width:36%;}
    .sign_box .sign_box_or {left:56%}
    .sign_box .login_account button {background-size:18px; background-position:12px center; font-size:15px; padding-left:20px;}
    
    .list_bar {background-color:#f5f5f5; padding:30px 2.5% 0;}
    .list_bar li {float:left; width:32%; margin-right:2%;}
    
    .board_write .board_write_select {width:100%;}
    .board_write .board_write_select li input[type="radio"] + label,
    .board_write .board_write_select li input[type="checkbox"] + label {margin-right:0;}
    
    
    
    .view_head {padding:10px 1% 2px;}
    .view_head .view_tit {float:none; width:100%;}
    .view_head .view_info {float:none; width:100%; padding-top:8px;}
    
    
    /*item box*/
    .item_wrap {margin-bottom:60px;}
    .item_box .top {padding:20px 2% 20px;}
    .item_box .top .title {margin-bottom:0;}
    .item_box .top .title h3 {font-size:22px; font-weight:600;}
    .item_box .top .title p {font-size:14px; padding-top:20px;}
    .item_box .top .day {text-align:center; margin-top:-8px;}
    .item_box .top .day h3{font-size:18px;}
    .item_box .top .day h3 span{font-size:14px;}
    .item_box .title p:before {margin-top:8px;}
    .item_box .top .title .type {border:none; width:auto; font-weight:600; color:#222;}
    .item_box .top .title .type:before {display:none;}
    .item_box .top .title .type:after {content:"/"; margin-left:2px; display:inline-block; vertical-align:middle;}
    .item_box .top .title .type:last-child:after {display:none;}
    
    .item_box .bottom {padding-top:40px;}
    .item_box .bottom p span{font-size:20px; margin-left:10px; font-weight:600;}
    .item_box .bottom p em {font-size:13px;}
    .item_box .bottom p em:after{width:80px; background-size:contain; left:-2px; top:5px;}
    .item_box .bottom .center button {display:block; margin:5px auto !important;}
    
    
    .cta1 .cta1_contetns {text-align:left; padding-left:4%;}
    
    .search_box_container .search_box {width:60%;}
    .search_box_container .search_box_result ul {width:70%;}
    
    .search_option_wrap {width:80%;}
    .search_option_wrap .search_box {width:75%;} 
    
    /*template*/
    .templates_container {padding:30px 0;}
    .templates_container ul li {width:31.4%; margin-right:2.9%;}
    .templates_container ul li:nth-child(4n) {margin-right:2.9%;}
    .templates_container ul li:nth-child(3n) {margin-right:0;}
    .templates_container .template_box {height:200px;}
    .template_preview .template_preview_device {width:300px; height:650px; padding:75px 20px 0;}
    .template_preview .template_preview_device .tpreview_device_wrap {height:462px;}
    #pop .pop_close {top:20px;}
    #pop.template_popup {padding-top:20px;}
    .template_popup .template_pop_select {display:block; position:static; margin:45px auto 0;}
    .template_type {position:absolute; right:2%; top:10px;}
    .template_preview {margin-top:30px;}
    .template_preview .template_preview_pc {width:80%;}
    .template_preview .owl-nav .owl-prev {left:8%;}
    .template_preview .owl-nav .owl-next {right:8%;}
    
    .quotation_type li button {background-size:50px;}
    .quotation_type li .type_3 {background-size:60px;}
    .quotation_type li .type_4 {background-size:25px;}
    .quotation_type li button {padding-top:60px;}
    
    
    .portfolio_best {padding:40px 10px;}
    .portfolio_best_list > li {width:32%; margin-right:2%;}
    .portfolio_best_list .portfolio_best_img {height:160px;}
    
    
    .ac_board_wrap {padding:40px 2% 20px;}
    .ac_board_wrap .ac_top {padding:5px 0;}
    .ac_board_wrap .ac_top .ac_type {height:24px; padding-left:25px; width:95px; margin-top:0; padding-top:2px;}
    .ac_board_wrap .ac_top .ac_type.ac_type_notice {background-position:5px center;}
    .ac_board_wrap .ac_top .ac_type.ac_type_complete {background-position:4px center;}
    .ac_board_wrap .ac_top .ac_type.ac_type_before {background-position:4px center;}
    .ac_board_wrap .ac_top > li {float:none;}
    .ac_board_wrap .ac_top .ac_title_wrap {width:calc(100% - 50px); margin:8px 0 5px 12px;}
    .ac_board_wrap .ac_top .ac_date {float:none; position:absolute; top:8px; left:88px; margin:0; padding:0; width:auto;}
    .ac_board_wrap .ac_top .ac_btns_admin {top:5px; right:0px;}
    .ac_download em {display:block;}
    
    
    .ac_board_cards ul li a { line-height:1.4; font-size:14px;}
    .ac_board_cards ul li a:before {display:inline-block; margin:0 5px 0 0;}
    
    .timeline1 dl dd ul li {font-size:15px; margin-bottom:5px;}
    
    
    .contract1 .contract1_left {float:none; width:60%; margin:0 auto;}
    .contract1 .contract1_right {float:none; width:100%; margin:50px auto 0;}
    .contract_slide .owl-nav .owl-prev {left:-50px;}
    .contract_slide .owl-nav .owl-next {right:-50px;}
  
    .forms1 {padding:30px 4%;}
    
    .combo_layout1 .comb1_text p br {display:none;}
    
    
    .contact_us .contact_list li,
    .contact_us .contact_list li:nth-child(4) {float:none; margin-left:0; padding-left:28px;}
    .contact_us .contact_list li:before,
    .contact_us .contact_list li:nth-child(4):before {display:none;}
    .contact_us .contact_list li em {display:none;}
    
    .contact_info ul li span {display:block; vertical-align:bottom; line-height:1;}
    .contact_info ul li {margin-bottom:10px;}
}

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

/***************************** sub layout *************************************/
    
    /*sub top*/
    .sub_top {height:300px;}
    .sub_top .sub_top_tit p {font-size:24px;}
    .sub_top .sub_top_tit span {font-size:13px; letter-spacing:2.5px;}
    .sub_top_menu .sub_top_home {width:14%;}
    .sub_top_menu dl {width:43%; min-width:43%;}
    .sub_top_menu .sub_top_menu_2dt {border-right:none;}
    .sub_top_menu .sub_top_menu_2dt:after {display:none;}
    
    
    /*Sub Tab*/
    .sub_tab li button {height:28px; font-size:13px;}
    .sub_tab_wrap .sub_tab > li {width:33.3%;}
    .sub_tab_wrap .sub_tab > li:last-child {border-right:1px solid #bbb;}
    .sub_tab_wrap .sub_tab > li:nth-child(3n) {border-right:none; width:33.4%;}
    .sub_tab_wrap .sub_tab.sub_tab1_7 > li:last-child {width:33.4%;}
    
    
    /*sub_content*/
    .sub_content {padding:40px 0;}
    /* 
    .sub_content .title {margin-bottom:40px;}
    .sub_content .title h2 {font-size:26px; line-height:1.3;}
    .sub_content .title p {font-size:14px; padding-top:28px;}
    
    .sub_content .title3 h2 {font-size:24px;}
    .sub_content .title3 p {margin-top:5px; font-size:14px;} */
    
    /*.tab_cont .tab.tabs_5 button {width:33.3%;}
    .tab_cont .tab.tabs_5 button:nth-child(3),
    .tab_cont .tab.tabs_5 button:nth-child(5) {width:33.4%;}
    .tab_cont .tab.tabs_5 button:nth-child(4),
    .tab_cont .tab.tabs_5 button:nth-child(5) {border-top:none;}
    .tab_cont .tab.tabs_5 button:nth-child(5) {width:33.5%;}
    .tab_cont .tab.tabs_6 button {width:33.3%;}
    .tab_cont .tab.tabs_6 button:nth-child(3n) {width:33.4%; border-right:1px solid #2c3549;}
    .tab_cont .tab.tabs_6 button:nth-child(4), 
    .tab_cont .tab.tabs_6 button:nth-child(5),
    .tab_cont .tab.tabs_6 button:nth-child(6) {border-top:none;}*/
    
    
    .comm_tab2>.tab_menu.tab_menu_7 > li {width:33.3%; font-size:14px; border-bottom:none;}
    .comm_tab2>.tab_menu.tab_menu_7 > li:last-child {width:33.3%;}
    .comm_tab2>.tab_menu.tab_menu_7 > li:nth-child(5),
    .comm_tab2>.tab_menu.tab_menu_7 > li:nth-child(6),
    .comm_tab2>.tab_menu.tab_menu_7 > li:nth-child(7) {border-bottom:1px solid #ddd;}
    
    
    .sub_table4 th {font-size:14px;}
    .sub_table4 thead th {height:120px; font-size:14px;}
    .sub_table4 thead th span {font-size:14px;}
    .sub_table4 thead th img {width:24px; margin:5px auto;}
    .sub_table4 td {font-size:14px; padding:15px 2px;}
    
    .sub_table5 table thead th {height:40px; font-size:14px;}
    .sub_table5 table tbody th,
    .sub_table5 table tbody td {font-size:14px;}
    .sub_table5 table tfoot th,
    .sub_table5 table tfoot td {height:40px; font-size:14px;}
    
    .sub_table6 table th,
    .sub_table6 table tbody th,
    .sub_table6 table td {font-size:14px;}

    .board_table table th {font-size:14px;}
    .board_table table td {font-size:14px; padding:0 4px;}
    
    .board_table table .board_table_tit {height:64px;}
    .board_table table .board_table_tit a {width:100%; height:45px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal; word-wrap:break-word; word-break:break-all; overflow:hidden;}
    
    .board_write .board_write_row:before,
    .board_write .board_write_row > p:first-child {width:20%;}
    .board_write .board_write_row.cells_wrap2 > p {width:20%;}
    .board_write .board_write_row.cells_wrap2 .board_input {width:28%;}
    
    .board_write .board_write_row .board_input {width:40%;}
    .board_write_code .board_code .board_code_num {margin-left:1%;}
    .board_write_code .board_code span {margin-left:1%; width:100%;}
    .board_write .board_write_row.cells_wrap1 .input_wrap,
    .board_write .board_write_row .board_write_cell {width:80%;}
    .board_write .board_write_row .board_write_cell2 {width:57%;}
    .board_write .board_write_row .board_attachment {width:56%;}
    .board_write .board_write_cont p {height:216px; line-height:216px;}
    .board_write .board_write_cont .board_write_area {width:78%; height:200px;}
    .board_write .board_write_select li {float:none; display:inline-block; width:auto; margin-right:10px; margin-bottom:0px;}
    .board_write .board_write_row input[type="checkbox"] + label,
    .board_write .board_write_row input[type="radio"] + label {font-size:13px;}
    .board_write .board_write_row input[type="checkbox"] + label:before {top:0px;}
    .board_write .board_write_row input[type="radio"] + label:before {width:14px; height:14px;}
    .board_write .board_write_row input[type="radio"] + label:after {width:8px; height:8px;}
    .board_write .board_write_warning {margin-left:22%;}
    

    .board_table_fix {overflow-x:auto; overflow-y:hidden;}
    .board_table_fix table {min-width:500px;}
    
    .article_list a > span {width:15%;}
    .article_list a > span:before {left:12%;}
    .article_list p {width:85%;}
    
    
    
    .view_reply_inputs .view_reply_top {width:60%;}
    .view_reply_inputs .view_reply_top dl {width:100% !important; float:none; margin-bottom:10px;}
    .view_reply_inputs .view_reply_top dl:last-child {margin-bottom:0;}
    
    .view_reply_inputs .view_reply_top dl dt {width:36% !important;}
    .view_reply_inputs .view_reply_top dl dd {width:62% !important;}
    .view_reply_inputs .view_reply_top dl:nth-child(3) dd:nth-child(3) {margin-top:0; margin-left:36%;}
    
    .view_reply_inputs .view_reply_btm dl {width:100%;}
    .view_reply_inputs .view_reply_btm dt {width:21.5% !important;}
    .view_reply_inputs .view_reply_btm dd:nth-child(2) {width:60% !important;}
    .view_reply_inputs .view_reply_btm dd:nth-child(3) {width:17.5% !important;}
    .view_reply_inputs dl dt br {display:block;} 
    
    
    .comb_layout .comb_txt h2 {font-size:28px;}
    .comb_layout .comb_txt p {font-size:15px;}
    
    .bg_grey {margin-top:50px; padding:30px 0;}
    .section_space {padding:30px 2.5%;}

    
    .item_wrap .item_box {width:49%; margin-right:2%; margin-bottom:15px;}
    .item_wrap .item_box:nth-child(4n) {margin-right:2%;}
    .item_wrap .item_box:nth-child(2n) {margin-right:0;}
    
    
    
    .sign_bg {height:260px;}
    .sign_bg p {font-size:24px; padding-top:74px;}
    .sign_bg span {font-size:14px;} 

    .sign_box .sign_box_left {float:none; width:100%;}
    .sign_box .sign_box_left:after {display:none;}
    .sign_box .sign_box_right {float:none; width:100%;}
    .sign_box .sign_box_right.sign_box_right2 {margin-top:0;}
    .sign_box .sign_box_or {position:relative; left:0; text-align:center; margin:50px 0 0; border-top:1px solid #eee;}
    .sign_box .sign_box_or span {position:absolute; width:60px; left:50%; top:-11px; margin-left:-30px; padding:0;}
    
    .list_bar li {float:left; width:49%; margin-right:2%; margin-bottom:10px; height:70px;}
    .list_bar li:nth-child(3n) {margin-right:2%;}
    .list_bar li:nth-child(2n) {margin-right:0;}
    
    
    .cta1 {height:200px; background-size:cover;}
    .cta1 .cta_txt span {font-size:15px;}
    .cta1 .cta_txt p {font-size:20px; font-weight:600; margin:0px 0 15px;}
    
    .search_box_container .search_box_top {padding:10px;}
    .search_box_container .search_box_top h3 {margin-bottom:10px;}
    .search_box_container .search_box {width:90%;}
    .search_box_container .search_box_result ul {width:90%;}
    .search_option_wrap .search_box {width:75%;}
    
    .timeline1 {margin-top:50px;}
    .timeline1:after {left:10%;}
    .timeline1 dl {margin-bottom:20px; width:auto;}
    .timeline1 dl dt {float:none;}
    .timeline1 dl dd {float:none;}
    .timeline1 dl:nth-child(odd) {margin-left:10%; width:80%;}
    .timeline1 dl:nth-child(odd) dt {float:none;}
    .timeline1 dl:nth-child(odd) dd {float:none; margin-left:24px;}
    .timeline1 dl:nth-child(even) dt {margin-left:8%; padding-left:0;}
    .timeline1 dl:nth-child(even) dt:before {left:-12px;}
    .timeline1 dl dd {width:auto; text-align-last:left; margin-left:13%}
    .timeline1 dl dd ul li {text-align:left;}
    
    
    
    /*template*/
    .templates_container ul li {width:48.5%; margin-right:3%;}
    .templates_container ul li:nth-child(3n), 
    .templates_container ul li:nth-child(4n) {margin-right:3%;}
    .templates_container ul li:nth-child(2n) {margin-right:0;}
    .templates_container .template_box {height:220px;} 
    
    .quotation_type li {width:31%; margin-right:3.5%; padding-bottom:20%; margin-bottom:10px;}
    .quotation_type li:nth-child(3n) {margin-right:0;}
    
    .portfolio_best_list > li > a:after {content:""; clear:both; display:block;}
    .portfolio_best_list > li {float:none; width:100%; margin-bottom:30px;}
    .portfolio_best_list > li:last-child {margin-bottom:0;}
    .portfolio_best_list .portfolio_best_img {float:left; width:35%; height:auto; max-height:240px;}
    .portfolio_best_list .portfolio_best_info {float:right; width:60%;}
    .portfolio_best_list .portfolio_best_info > div {margin-top:0;}
    .portfolio_best_list .portfolio_best_text {margin-top:10px;}
    
    
    .ac_board_cards ul li {width:32%; margin-right:2%; margin-top:10px;}
    .ac_board_cards ul li:nth-child(4n) {margin-right:2%;}
    .ac_board_cards ul li:nth-child(3n) {margin-right:0;}
    .ac_board_cards ul li a {padding:10px;}
    
    .ac_board2 .ac_th > li {font-size:13px; padding-top:13px;}
    .ac_board2 .ac_td > li {font-size:14px;}
    .ac_board2 .ac_td .ac_td_cont {padding:20px 2%;}
    .ac_board2 .ac_td .ac_td_cont p {font-size:14px;}
    .ac_board2 .ac_td .ac_td_tit {display:block; margin-bottom:5px;}
    .ac_board2 .ac_td .ac_td_tit + button {margin-left:0;}
    
    .ac_board_wrap .ac_board > li.active .ac_cont {padding:10px;}
    .ac_board_wrap .ac_cont.ac_cont_pw p {margin:10px 0;}
    .ac_board_wrap .ac_cont.ac_cont_pw .btns_center {margin:20px 0;}
    
    
    .contract_progress ul {width:100%; padding:15px 0;}
    .contract_progress ul li {padding-bottom:60px;}
    .contract_progress ul li p {width:80px; font-size:14px; padding:30px 5px 5px; text-align:center;}
    .contract_progress ul li p em {font-size:8px; margin:2px 0 0;}
    .contract_progress ul li em:before {width:20px; height:20px; background-size:20px; top:8px; left:50%; margin-left:-10px;}


    .contract2:before {display:none;}
    .contract2 .contract2_left {float:none; width:100%; padding-right:0;}
    .contract2 .contract2_right {float:none; width:100%; padding-left:0; margin-top:30px;}
    
    .contract3 {background-size:56px; padding:70px 0 50px;}
    .contract3 h2 {font-size:18px;}
    .contract3 p {margin:20px 0; font-size:14px;}
    
    .forms1 .forms1_col {float:none; width:100%;}
    .forms1 .forms1_col dl dt {font-size:13px; padding-left:6px; width:90px;}
    .forms1 .forms1_col dl dd {width:calc(100% - 90px;)}
    
    .opening_box .intro_aniss_tit h3 p {font-size:25px; padding:0 15px;}
    .opening_box {height:300px; background-position:40% top;}
    .opening_box.bg_intro_aniss:after, 
    .opening_box.bg_homepage_product:after,
    .opening_box.intro_aniss_bg:after {height:300px;}
    .opening_box .intro_aniss_desc {margin-top:30px;}
    
    .combo_layout1 .comb1_left {float:none; width:100%;}
    .combo_layout1 .comb1_right {float:none; width:100%;}
    .combo_layout1 .comb1_img {height:300px; width:100%;}
    .combo_layout1 .comb1_text {height:auto;320 display:block; margin-top:30px;}
    
    .contact_us {width:84%; margin-bottom:20px;}
    
    
    .contact_info dl, 
    .contact_info dl:nth-child(2) {float:none; width:88%; margin:0 auto 20px; padding:20px 20px 10px 20px;;}
    .contact_info ul li span {display:inline-block; vertical-align:middle;}
    
    
    /*error page style*/    
    .error_page .copy {font-size:10px;}
    .error_page_top {position:relative;}
    .error_page_top .error_top_logo {width:150px;}
    .error_page_top .error_top_link {margin-top:0; position:absolute; top:48px; right:0;}
    .error_page_top .error_top_link a {font-size:12px; margin-right:10px;}
    
    .error_page_cont {padding:50px 0 20px;}
    .error_page_cont .error_page_tit {font-size:20px; font-weight:400;}
    .error_page_cont > p {font-size:13px; margin-top:15px;}
    
    
    .set_layout .set_layout_left,
    .set_layout .set_layout_right {float:none; width:100%;}
    .set_layout img {margin:0 auto 50px; width:80%;}
    

	
    


	


}

/*Mobile*/ 
@media only screen and (max-width:480px) {
    
    /***************************** sub layout *************************************/
    
    /*sub top*/
    .sub_top_menu .sub_top_home {display:none;}
    .sub_top_menu dl {width:50%; min-width:50%;}
    .sub_top_menu dl dt {padding:8px 2% 0 4%; background-position:96% center;}
    

    
    
    
    /*tab*/
    .tab_cont .tab button {font-size:14px;}
    
    .sub_table,
    .sub_table2,
    .sub_table3,
    .sub_table4,
    .sub_table5,
    .sub_table6,
    .board_table.board_table_point {overflow-x:scroll;}
    
    .sub_table table,
    .sub_table2 table,
    .sub_table3 table,
    .sub_table4 table,
    .sub_table5 table,
    .sub_table6 table,
    .board_table.board_table_point table {min-width:500px}
    
   
    
    .sub_table4 th {font-size:13px;}
    .sub_table4 thead th span {font-size:12px;}
    .sub_table4 td {font-size:12px;}
    
    .sub_table6 table th,
    .sub_table6 table tbody th,
    .sub_table6 table td {font-size:13px;}
    
    
    .board_write {border-left:1px solid #ccc; border-right:1px solid #ccc;}
    .board_write .board_write_row:before {display:none;}
    .board_write .board_write_row > p,
    .board_write .board_write_row > p:first-child,
    .board_write .board_write_row.cells_wrap2 > p {float:none; width:100%; height:34px; padding-top:6px; border-bottom:1px solid #ccc;}
    .board_write .board_write_row > p {border-top:1px solid #ccc;}
    .board_write .board_write_row > p:first-child {border-top:none;}
    
    .board_write .board_write_row.cells_wrap1 .input_wrap .board_input,
    .board_write .board_write_row .board_input {margin:0 0 5px 0;}
    .board_write .board_write_row input[type="checkbox"] + label, 
    .board_write .board_write_row input[type="radio"] + label {margin-right:2%;}
    
    .board_write .board_write_cont p {height:34px; line-height:1.3;}
    .board_write .board_write_cont .board_write_area {width:96%; height:100px; margin:5px 2%;}
    .board_write .board_write_code .board_code {width:96%; margin:5px 2%;}
    .board_write_code .board_code .board_code_num {margin-left:0; }
    
    .board_write .board_write_row.cells_wrap2 .board_input,
    .board_write .board_write_row.cells_wrap1 .input_wrap, 
    .board_write .board_write_row .board_write_cell {float:none; width:96%; margin:5px 2%; padding-bottom:5px;}
    .board_write .board_write_row.cells_wrap1 .input_wrap {margin-top:5px;}
    .board_write .board_write_row .board_input {width:96%; margin:5px 2%;}
    .board_write .board_write_row .board_row_btn {float:none; display:block; margin:5px auto;}
    .board_write .board_write_row .board_write_cell2 {width:97%; margin:2px 1%}
    .board_write .board_write_row .board_attachment {width:96%; margin:5px 2%;}
    .board_write .board_write_warning {width:96%; margin:0 2% 8px;}
    
    
    .view_head .view_info ul li {margin-left:5px; padding-left:5px;}
    
    .article_list a > span {width:25%; font-size:13px; padding-left:8%;}
    .article_list a > span:before {left:10%;}
    .article_list p {width:75%; font-size:14px;}
    
    /*paging*/
    .paging {margin:30px auto 10px;}
    .paging ul li a {min-width:30px; height:30px; padding-top:5px; font-size:13px;}

    
    .comb_layout_wrap {margin-bottom:0;}
    .comb_layout {padding-top:0;}
    .comb_layout .comb_left {display:block; width:50%; margin:0 auto;}
    .comb_layout .comb_right {display:block; width:80%; margin:0 auto; text-align:center;}
    .comb_layout .comb_txt h2 {margin:10px 0;}
    
    .comb_layout_wrap .comb_bg_mint,
    .comb_layout_wrap .comb_bg_grey {display:none;}
    
    .item_box .num {display:none !important;}
    .item_box .top {padding:10px 1%;}
    .item_box .bottom {padding:25px 1% 10px;;}
    .item_box .bottom p span {font-size:18px;}
    .item_box .bottom .sale {margin-left:5px}
    
	

    .sign_box {width:96%; padding:30px 5%;}
    .sign_box .sign_box_form .sign_input label,
    .sign_box .sign_box_form .sign_input input,
    .sign_box .sign_input_check .sign_check_wrap {font-size:14px;}
    .sign_box .sing_box_txt br {display:none;}
    .sign_box.sign_box_sol {width:96%;}
    
    .list_bar li {font-size:13px;}
    
    .cta1 {background-position:0 0;}
    .cta1 .cta1_contetns {text-align:right; padding:0 4% 0 0;}
    
    .search_option_wrap {width:100%;}
    
    /*template*/
    .templates_container .template_box {height:180px;}  
    .templates_container .template_info {text-align:center;}
    .templates_container .template_info em {float:none; margin-top:0;}
    .templates_container .template_info .price {float:none;}
    .templates_container .template_btns {text-align:center;}
    .templates_container .template_btns button {width:100px;}

    .template_preview .template_preview_pc .preview_pc_wrap {height:400px;}
    .template_preview .template_preview_device {width:auto; height:auto; background:none; padding:0;}
    .template_preview .template_preview_device .tpreview_device_wrap {width:86%; margin:0 auto; height:400px;}
    .template_preview .owl-nav .owl-prev {left:3%;}
    .template_preview .owl-nav .owl-next {right:3%;}
    
    .quotation_type li {border-width:1px; padding-bottom:28%;}
    .quotation_type li button {padding-top:50px; background-size:40px; font-size:14px; background-position:center 28%;}
    .quotation_type li .type_3 {background-size:46px;}
    .quotation_type li .type_4 {background-size:20px;}
    
    .ac_board_wrap {padding:20px 2%;}
    .ac_board_wrap .ac_top .ac_title_wrap .ac_title {font-size:14px;}
    .ac_board_wrap .ac_top .ac_title_wrap {margin-left:5px;}
    
    .ac_board2 ul > li:nth-child(1) {width:10%;}
    .ac_board2 ul > li:nth-child(2) {width:54%;}
    .ac_board2 ul > li:nth-child(3) {width:22%;}
    .ac_board2 ul > li:nth-child(4) {width:14%;}
    
    .ac_board2 .ac_td > li:nth-child(1),
    .ac_board2 .ac_td > li:nth-child(3),
    .ac_board2 .ac_td > li:nth-child(4) {font-size:12px;}
    

    .ac_board_cards ul li a {padding:5px; font-size:13px; height:155px;}
    
    
    
    .popup1_box {width:320px; height:460px; margin-left:-160px;}
    .popup1_box .pay_option {padding:10px;}
    .popup1_box .radio_list label {font-size:13px;}
    .popup1_box .table4 th {height:40px; font-size:14px;}
    .popup1_box .table4 td {font-size:14px;}
    .popup1_box .price_display div span {font-size:18px;}
    
    
    
    
    .opening_box {margin:40px 0;}
    .opening_box .intro_aniss_tit h3 {text-align:center;}
    .opening_box .intro_aniss_tit h3 p {font-size:17px; padding:0 10px;}
    .opening_box .intro_aniss_desc {text-align:center;}
    .opening_box .intro_aniss_desc p {font-size:13px;}
    .opening_box .intro_aniss_desc p br {display:none;}
    
    .combo_layout1 .comb1_left {float:none; width:100%;}
    .combo_layout1 .comb1_right {float:none; width:100%;}
    .combo_layout1 .comb1_img {height:200px; width:100%;}
    .combo_layout1 .comb1_text {height:auto; display:block; margin-top:30px;}
    .combo_layout1 .comb1_text h3 {text-align:center; padding:0 0 10px 0;}
    .combo_layout1 .comb1_text h3:before {width:30px; height:2px; bottom:0; top:auto; left:50%; margin-left:-15px;}
    .combo_layout1 .comb1_text p {text-align:center; font-size:15px;}
    
    

}






/*20190728 css add - 추후 위로 이동 예정*/
.board_write .board_write_row .borad_display,
.board_write .board_write_row.cells_wrap2 .borad_display {display:table; height:40px; float:left; margin:5px 0.8%;}
.board_write .board_write_row .borad_display > p,
.board_write .board_write_row.cells_wrap2 .borad_display > p {display:table-cell; vertical-align:middle;}
.board_write .board_write_row .borad_display {float:left; width:18%;}
.board_write .board_write_row.cells_wrap2 .borad_display {float:left; width:33.4%;}

.thumb_list {padding-left:10px;}
.thumb_list li {display:inline-block; margin-right:10px;}
.thumb_box {position:relative; max-width:100px; margin:10px auto; cursor:pointer;}
.thumb_box img {display:block; width:100%; text-align:center;}
.thumb_box .thumb_box_zoom {position:absolute; left:0; top:0; transform:scale(1); opacity:0; transition: opacity .5s ease .1s;}
.thumb_box:hover .thumb_box_zoom {padding:5px; transform:translate(-50%, 20%) scale(2); opacity:1; z-index:10; background-color:rgba(255,255,255,.9); box-shadow:0 0 3px rgba(0,0,0,0.5);}

.thumb_box.thumb_original {position:static;}
.thumb_box.thumb_original .thumb_box_zoom {width:0;}
.thumb_box.thumb_original:hover .thumb_box_zoom {display:inline-block; width:auto; transform:translate(0,0) scale(1); position:absolute; z-index:100; left:auto; top:auto;}