@charset "utf-8";
/*@import ;*/
@import ;
@import ;

@font-face {
	font-family:'Noto Sans KR';
	font-style:normal;
	font-weight:300;
	src: format("woff2"), format("woff"), format("opentype")
}

@font-face {
	font-family:'Noto Sans KR';
	font-style:normal;
	font-weight:400;
	src: format("woff2"), format("woff"), format("opentype")
}

@font-face {
	font-family:'Noto Sans KR';
	font-style:normal;
	font-weight:500;
	src: format("woff2"), format("woff"), format("opentype")
}

@font-face {
	font-family:'Noto Sans KR';
	font-style:normal;
	font-weight:700;
	src: format("woff2"), format("woff"), format("opentype")
}


/* 초기화 */
html { overflow-y:scroll; }
body { height:auto; margin:0; padding:0; font-family:'Noto Sans KR','Montserrat', sans-serif; font-size:1em; -webkit-text-size-adjust: 100%;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img { margin:0; padding:0; border:0; }
h1, h2, h3, h4, h5, h6 { font-size:1em; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
header ul, nav ul, footer ul { list-style:none; margin:0; padding:0; }
legend { position:absolute; font-size:0; line-height:0; text-indent:-9999em; overflow:hidden; }
label, input, button, select, img { vertical-align:middle; font-family: 'Arial', sans-serif; }
input, button { margin:0; padding:0;font-size:1em; }
button,input[type=submit]{ cursor:pointer; }
input[type=text], input[type=password], input[type=submit], input[type=image], button { font-size:1em; -webkit-appearance:none; border-radius:0; }
textarea, select { font-size:1em; }
textarea { -webkit-appearance:none; border-radius:0; font-size:1em; font-family: 'Noto Sans KR', sans-serif;/* font-family: 'Arial', sans-serif;  */}
p { margin:0; padding:0; }
hr {display:none}
pre {overflow-x:scroll;font-size:1em}
a:link, a:visited {color:#000;text-decoration:none}
ol,ul,li{list-style:none;padding:0;margin:0;}

*,:after, :before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:100%;height:1px}
#hd_pop h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}


/*상단 레이아웃*/
#hd {position:relative;margin:0 0 ;padding: 0;text-align:center;background:#303030;height:55px}
#hd h1 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#logo{position:absolute;top:0;left:0;padding:10px}
.hd-cart{position:absolute;top:0;right:50px;background:url('/theme/inpiad-cx/img/icon.png') no-repeat 6px 12px;width:40px;height:55px;text-indent:-99px;overflow:hidden}

/*카테고리*/
#hd_ct{position:absolute;top:0;right:10px;background:url(/theme/inpiad-cx/img/icon.png) no-repeat -36px 12px;border:none;width:40px;height:55px;text-indent:-99px;overflow:hidden}
#category{display:none;position:fixed;top:0;right:0;height:100%;;z-index:99999;-moz-box-sizing: border-box;    -webkit-box-sizing: border-box;    box-sizing: border-box;  -webkit-backface-visibility: hidden;
box-shadow: 1px 1px 9px rgba(0, 0, 0, 0.2) ;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 9px ; 
        -moz-box-shadow:rgba(0, 0, 0, 0.2) 1px 1px 9px}
#category h2{position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#category .ct_wr{height:100%;overflow-y:auto;background:#fff;width:250px;border-left:1px solid #cdcdcd;}
#category ul.cate{background:#fff;;text-align:left;text-indent:10px;padding:0 15px}
#category ul.cate>li{line-height:40px;border-bottom:1px solid #e9e9e9;}
#category ul.cate li{position:relative;font-weight:bold;}
#category ul.cate li a{color:#545454;display:block;  text-overflow: ellipsis;  overflow: hidden;  white-space: nowrap;padding-right:30px;}
#category ul.cate li .ct_op{display:inline-block;text-indent:-999px;background:url(/theme/inpiad-cx/mobile/shop/img/cate_op.gif) no-repeat 10px 50% ;height:40px;overflow:hidden ;width:30px;position:absolute;top:0;right:0;border:none}
#category ul.cate li a:hover{color:#79aaf3}
#category ul.cate li .ct_cl{background-position:-12px 50%}
#category ul.sub_cate{display:none}
#category ul.sub_cate1 li{text-indent:14px;background:#fafafa;border-top:1px solid #e9e9e9;font-weight:normal}
#category ul.sub_cate2 li{text-indent:25px;background:#f6f6f6;}
#category ul.sub_cate3 li{text-indent:40px;background:#f3f3f3;}
#category ul.sub_cate4 li{text-indent:55px;background:#efefef;}
#category .pop_close{position:absolute;top:20px;right:250px;border:0;background:none;text-align:right;width:28px}
.no-cate{padding:20px 0;color:#777}

#hd_sch{padding:15px 15px 10px;position:relative}
#hd_sch #sch_str{width:100%;background:#fff;border:0;line-height:30px;height:30px;border-bottom:2px solid #000;padding:0 10px}
#hd_sch .btn_submit{position:absolute;top:10px;right:15px;background:url(/theme/inpiad-cx/img/sch_btn.png) no-repeat 50% 50%;width:30px;height:30px;text-indent:-999px;overflow:hidden;border:0}

#hd_tnb{padding:0 15px 10px}
#hd_tnb:after {display:block;visibility:hidden;clear:both;content:""}
#hd_tnb a{display:block;float:left;width:49%;border:1px solid #d0d0d0;line-height:35px;color:#666;}
#hd_tnb a.tnb_my{font-weight:bold;color:#fff;border:1px solid #4d85d9;background:#79aaf3;background: -webkit-linear-gradient(#79aaf3, #699cf1); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#79aaf3, #699cf1); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#79aaf3, #699cf1); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#79aaf3f, #699cf1); /* Standard syntax */;}
#hd_tnb a.tnb_logout{font-weight:bold;float:right;
background: -webkit-linear-gradient(#fff,#fff, #f1f1f1); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fff,#fff, #f1f1f1); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fff, #fff, #f1f1f1); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fff,#fff, #f1f1f1); /* Standard syntax */;}
#hd_tnb a.tnb_login{font-weight:bold;color:#fff;width:100%;border:1px solid #4d85d9;background:#79aaf3;
    background: -webkit-linear-gradient(#79aaf3, #699cf1); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#79aaf3, #699cf1); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#79aaf3, #699cf1); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#79aaf3f, #699cf1); /* Standard syntax */;}
#hd_tnb a.tnb_admin{width:100%;background:#ff4081;color:#fff;border:1px solid #d5326a;margin-bottom:3px;font-weight:bold}
#hd_mb{padding:8px 12px;border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;}
#hd_mb:after {display:block;visibility:hidden;clear:both;content:""}
#hd_mb li{float:left;width:50%;padding:3px;}
#hd_mb li a{border:1px solid #cdcdcd;display:block;background:#f7f7f7;height:33px;line-height:33px;color:#555}

/* 중간 레이아웃 */
#container {min-width:320px;min-height:400px}
#container_title {margin:0 ;padding:30px 0 20px ;font-size:1.67em;text-align:center;font-weight:bold;font-family:'Nanum Gothic',sans-serif;}
#container_title span{display:inline-block;padding-bottom:5px; border-bottom:2px solid #000}
#idx_container_wr{max-width:1200px;margin:0 auto}
.container{max-width:1200px;margin:0 auto 40px;padding:0 20px}

/* 내용관리 */
.ctt_admin {margin:0 5px;text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:10px 0}
.ctt_img {text-align:center}

/* 하단 레이아웃 */
#ft {background:#fff;text-align:center;}
#ft h2 {font-size:1em;margin-bottom:10px;font-size:0.92em;}
#ft p {margin:0;color:#909090;font-size:0.92em;line-height:1.8em}
#ft .scroll-top {display:block;width:53px;height:53px;position:fixed;bottom:10px;right:10px;border:0;}
.ft_wr{margin:0 auto;max-width:1200px;}
.ft_wr:after {display:block;visibility:hidden;clear:both;content:""}
.ft_st{float:left;width:25%;padding:10px;text-align:left}
.ft_policy{border-bottom:1px solid #efefef;margin-bottom:10px}
.ft_policy a{display:inline-block;line-height:45px;vertical-align:middle;padding:0 5px;color:#444;font-size:0.93em}
#ft .ft_cs a{font-weight:bold;font-size:1.4em;margin-bottom:10px;display:inline-block;;font-family:'Nanum Gothic',sans-serif;display:block}
#ft .ft_cs a.mail{font-size:1em}
#ft .ft_cs a.mail i{font-size:0.92em;margin-right:5px}
.ft_copy{text-align:left;padding:20px 10px;clear:both}


@media (max-width: 970px){
    .ft_st{width:50%}
    .ft_bank{clear:both}
    .ft_copy{border-top:1px solid #eee;text-align:center}
}

@media (max-width: 640px){
    .ft_policy{margin-bottom:0;padding:0 10px;}
    .ft_st{width:100%;border-bottom:1px solid #eee}
}

/*탭*/
.tab-wr{text-align:center;text-align:center;background:url(/theme/inpiad-cx/mobile/shop/img/tab_bg.gif) repeat-x;margin:20px;}
.tabsTit {display:inline-block;margin-bottom:20px;}
.tabsTit:after {display:block;visibility:hidden;clear:both;content:""}
.tabsTit li{float:left;width:87px;height:39px;line-height:39px;border:1px solid #d0d0d0;border-bottom:0;margin-left:-1px;background:#fff;cursor:pointer;
    background: -webkit-linear-gradient(#fff,#fff, #f1f1f1); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fff,#fff, #f1f1f1); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fff, #fff, #f1f1f1); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fff,#fff, #f1f1f1); /* Standard syntax */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */
}
.tabsTit .tabsHover{background:#e5e5e5;font-weight:bold;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */}

@media (max-width: 640px){
    .tab-wr{background:none}
    .tab-wr .tabsTit{display:block}
    .tab-wr .tabsTit li{width:33.333%;border:1px solid #d0d0d0;margin-top:-1px}
}

/*공통*/
.st_bg{display:inline-block;background:#bebebe;width:1px;height:10px;vertical-align:middle}
.placeholder { color: #949494; }
::-webkit-input-placeholder { color:#949494; }
::-moz-placeholder { color:#949494; } /* firefox 19+ */
:-ms-input-placeholder { color:#949494; } /* ie */
input:-moz-placeholder { color:#aaa; }

/* 목록 바로가기 */
.sanchor{border-bottom:1px solid #d0d0d0;margin:30px 0 0;}
.sanchor:after {display:block;visibility:hidden;clear:both;content:""}
.sanchor li {float:left;width:70px;margin-bottom:-1px;text-align:center;line-height:30px;font-size:0.92em}
.sanchor a{display:block;color:#646464}
.sanchor a.sanchor_on {border-bottom:2px solid #65a2f1;font-weight:bold;color:#000}


@media (max-width: 640px){
    .sanchor{border:none}
    .sanchor li {width:33.333%;border:1px solid #d0d0d0;margin-left:-1px}
    .sanchor a.sanchor_on{border:none;background:#65a2f1;color:#fff}
}
/* ########## 쇼핑몰 컨텐츠 ########## */

/* 사용후기 모음 */
#sps_sch {margin: 0 0 10px;text-align:center}
#sps_sch a {display:inline-block;padding:0 8px;height:30px;background:#333;color:#fff;text-decoration:none;vertical-align:middle;line-height:30px}
#sps_sch .btn_submit {padding:0 8px;height:30px;vertical-align:middle}
#sps_sch .frm_input{background-color:#fff;line-height:30px;height:30px;}
#sps_sch select{height:30px;}

#sps {zoom:1}
#sps ol {margin:0;border-top:1px solid #e9e9e9;list-style:none}
#sps li {position:relative;padding:10px;border-bottom:1px solid #e9e9e9;background:#fff;}
#sps li:after {display:block;visibility:hidden;clear:both;content:""}

.sps_img {position:absolute;top:10px;left:10px}
.sps_img span {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}

#sps dl {margin:5px 40px 10px 0; color: #888;  font-size: 0.917em;overflow:hidden}
#sps dt {float:left;margin:0 0 5px}
#sps dd  {float:left;margin:0 8px 5px 0px}
#sps dd img {position:relative;top:-2px}

.sps_section {margin-left:60px;display:block;}
.sps_section h2{margin-right:40px}
.sps_section p {padding:0;width:100%}
.sps_con_full {padding:0;height:auto !important}
.sps_con_btn {margin:5px 0 0;position:absolute;top:18px;right:10px}
.sps_con_btn button {margin:0;padding:5px;border:0;background:#333;color:#fff}

@media (max-width: 640px){
    #sps_sch a{font-size:0.92em;padding:0 5px}
}
/* 상품문의 모음 */
#sqa_sch{margin: 0 0 10px;text-align:center}
#sqa_sch #sfl{height:30px}
#sqa_sch a{display:inline-block;padding:0 8px;height:30px;background:#333;color:#fff;text-decoration:none;vertical-align:middle;line-height:30px}
#sqa_sch .btn_submit {padding:0 8px;height:30px;vertical-align:middle}
#sqa_sch .frm_input{background-color:#fff;line-height:30px;height:30px;}

#sqa {zoom:1;}
#sqa ol {margin:0;padding:0;border-top:1px solid #e9e9e9;list-style:none;}
#sqa li  {position:relative;padding:10px;border-bottom:1px solid #e9e9e9;background:#fff;}
#sqa li:after {display:block;visibility:hidden;clear:both;content:""}

.sqa_img {position:absolute;top:10px;left:10px}
.sqa_img span {position:absolute;font-size:0;line-height:0;overflow:hidden;width:0;}

#sqa dl {margin:5px 40px 10px 0; color: #888;  font-size: 0.917em;overflow:hidden}
#sqa dt {float:left;margin:0 0 5px}
#sqa dd {float:left;margin:0 8px 5px 0px}
#sqa dd img {position:relative;top:-2px}
#sqa .sit_qaa_yet{font-weight:bold}
#sqa .sit_qaa_done{font-weight:bold;color:#65a2f1}

.sqa_section {margin-left:60px;;display:block}
.sqa_section h2{margin-right:40px}
.sqa_section .sqa_con {padding:10px;background:#f2f5f9;line-height:1.7em}
.sqa_section p {padding:0;width:100%}
.sqa_con_full {padding:0;height:auto !important}
.sqa_con_btn  {margin:5px 0 0;position:absolute;top:18px;right:10px}
.sqa_con_btn button {margin:0;padding:5px;border:0;background:#333;color:#fff}
#sqa .sit_qa_qaq,#sqa .sit_qa_qaa {padding:10px 5px 10px ;position:relative}

@media (max-width: 640px){
    #sqa_sch a{font-size:0.92em;padding:0 5px}
}
/* 마이페이지 */
#smb_my_ov {margin:0 0 20px;background:#fff;border:2px solid #000}
#smb_my_ov h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#smb_my_ov .hello_name{position:relative;line-height:45px;padding:0 10px;width:50%;float:left;font-weight:normal}
#smb_my_ov .hello_name i{font-size:1.2em;color:#79aaf3;}
#smb_my_ov .smb_my_act{position:absolute;top:0;right:10px}
#smb_my_ov .smb_my_act li{display:inline-block;font-size:0.92em;}
#smb_my_ov .smb_my_act li a{line-height:30px;vertical-align:middle;padding:0 5px}
#smb_my_ov .my_po{position:relative;float:left;width:16.666%;padding:0 10px;line-height:45px;border-left:1px solid #dfdfdf}
#smb_my_ov .my_po a{position:absolute;top:0;right:10px;font-weight:bold;color:#f50057}
#smb_my_ov .my_info{clear:both;width:100%;border-top:1px solid #dfdfdf;padding:10px}
#smb_my_ov .my_info:after {display:block;visibility:hidden;clear:both;content:''}
#smb_my_ov .my_info_wr{float:left;width:33.333%;line-height:20px;padding:3px 0px;position:relative;}
#smb_my_ov .my_info_wr strong{display:inline-block;position:absolute;top:0;left:0;vertical-align: top;padding:3px 0px;}
#smb_my_ov .my_info_wr span{display:block;padding-left:100px;}
#smb_my_ov .ov_addr{width:66.666%}

#smb_my_tab {text-align:center;text-align:center;background:url(/theme/inpiad-cx/mobile/shop/img/tab_bg.gif) repeat-x;}
#smb_my_tab .tabsTit li{width:120px}
#smb_my_tab h2{position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#smb_my_tab .more_btn{border:2px solid #79aaf3;color:#79aaf3;display:inline-block;padding:10px;width:200px;font-weight:bold;margin-top:10px;}
#smb_my_tab .more_btn:hover{background:#79aaf3;color:#fff;font-weight:bold}
#smb_my_wish ul:after {display:block;visibility:hidden;clear:both;content:''}
#smb_my_wish li{float:left;width:25%;padding:10px 15px;text-align:left}
#smb_my_wish li:nth-child(4n+1){clear:both}

#smb_my_wish li img{width:100%;height:auto}
#smb_my_wish li .info_link{display:block;margin:10px 0 5px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;color:#646464;font-weight:bold}
#smb_my_wish li .info_date{color:#646464;font-size:0.92em}

@media (max-width: 970px){
    #smb_my_ov .hello_name{width:100%;border-bottom:1px solid #dfdfdf}
    #smb_my_ov .my_po{width:33.3333%}
    #smb_my_ov .my_info_wr{width:50%;}
    #smb_my_ov .ov_addr{width:100%}
    #smb_my_ov .ov_addr strong{width:20%}
    #smb_my_wish li{padding:10px;}
}

@media (max-width: 640px){
    #smb_my_ov .my_info_wr{width:100%}
    #smb_my_ov .my_po{width:100%;line-height:30px;}
    #smb_my_wish li{width:50%;}
    #smb_my_wish li:nth-child(2n+1){clear:both}

}

/* 장바구니 주문서 공통 */
.sod_list {position:relative;margin:0;padding:0;list-style:none;}
.sod_list .sod_li {position:relative;padding:0;border:1px solid #e9e9e9;margin:10px 0;background:#fff;}
.sod_list .sod_li:after {display:block;visibility:hidden;clear:both;content:""}
.sod_list .li_chk{position:absolute;top:10px;left:10px;}
.sod_list .li_name{min-height:130px}
.sod_list .li_name a,.sod_list .li_name strong{display:block;padding: 0 10px 0 25px;border-bottom:1px solid #e9e9e9;height:35px;line-height:35px;    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    list-style: none;}
.sod_list .li_name strong{padding-left:10px}
.sod_list .total_img{position:absolute;top:45px;left:15px;}
.sod_list .sod_opt{padding:10px 15px 5px;margin-left:90px;color:#555;}
.sod_list .sod_opt li{margin-bottom:3px}
.sod_list .li_cp .cp_btn, .sod_list .li_cp .cp_cancel, .sod_list .li_mod .mod_btn {margin:0;padding:5px 8px;border:0;background:#656363;color:#fff;font-size:0.92em}
.sod_list .li_cp .cp_cancel,.odf_tbl #od_coupon_cancel,.odf_tbl #sc_coupon_cancel{border:1px solid #999;color:#fff;background:#fafafa;margin-left:3px;padding:4px 5px}
.sod_list .li_prqty{margin:15px;}
.sod_list .li_prqty:after {display:block;visibility:hidden;clear:both;content:""}
.sod_list .li_prqty .li_prqty_sp{width:20%;display:inline-block;float:left;text-align:center;line-height:2.2em;border-top:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3;border-left:1px solid #e9e9e9;color:#666;font-size:0.93em;margin-left:-1px}
.sod_list .li_prqty  .prqty_price{border-left:1px solid #d3d3d3;}
.sod_list .li_prqty  .prqty_sc{border-right:1px solid #d3d3d3;}
.sod_list .li_prqty .li_prqty_sp span{display:block;background:#f2f2f2;}
.sod_list .li_total {position:relative;border-top:1px solid #e9e9e9;margin:10px 10px 0;}
.sod_list .total_point{border-right:1px solid #d3d3d3;}
.sod_list .total_price{font-weight:bold;}
#sit_opt_added {margin:0;padding:0;border-top:1px solid #d3d3d3;list-style:none;}
#sit_opt_added li {padding:10px 0 ;border-bottom:1px solid #d3d3d3;margin-bottom:5px;line-height:25px}
#sit_opt_added li:after {display:block;visibility:hidden;clear:both;content:""}
#sit_opt_added li div {height:25px;text-align:right;position:relative;width:111px;float:right}
#sit_opt_added .btn_frmline {height:1.85em;line-height:1.85em;background:url(/theme/inpiad-cx/img/op_del.png) no-repeat;position:absolute;top:0;right:0;overflow:hidden ;text-indent:-999px;width:25px;height:25px;padding:0}
#sit_opt_added li div .sit_qty_plus{overflow:hidden;position:absolute;top:0;left:57px;background:url(/theme/inpiad-cx/mobile/shop/img/add.gif) no-repeat -1px -1px;text-indent:-999px;border:1px solid #ccc;width:25px;height:25px}
#sit_opt_added li div .sit_qty_minus{overflow:hidden;position:absolute;top:0;left:0;background:url(/theme/inpiad-cx/mobile/shop/img/add.gif) no-repeat -26px  -1px ;text-indent:-999px;border:1px solid #ccc;width:25px;height:25px}
#sit_opt_added li div .sit_opt_del{background:url(/theme/inpiad-cx/img/op_del.png) no-repeat;position:absolute;top:0;right:0 ;text-indent:-999px;width:25px;height:25px;padding:0;overflow:hidden}
#sit_opt_added li div .frm_input{width:34px;border:1px solid #ccc;height:25px;padding:0 !important;line-height:25px;text-align:center;background:#fff;position:absolute;top:0;left:24px}
#sit_tot_price {margin:15px 0;font-size:1.3em;font-weight:bold;text-align:right;position:relative}
#sit_tot_price span{position:absolute;top:0;left:0px;font-size:12px;font-weight:normal}
/*select.it_option,select.it_supply { width: 100%;padding: 5px;border: 0;border-radius: 5px;height: 28px;-webkit-appearance: none;border:1px solid #aaa;background: url(/theme/inpiad-cx/mobile/shop/img/select.gif) no-repeat  right #fafafa;}*/
#sod_bsk_list #mod_option_frm .sit_ov_tbl td select{height:25px;min-width:100px}

/*수량*/
#sit_opt_added li .sit_opt_qty{position:relative;width:81px;float:right;text-align:center !important;}
#sit_opt_added li .sit_opt_qty .frm_input{width:34px;border:1px solid #ccc;height:25px;padding:0 !important;line-height:25px;text-align:center;background:#fff}
#sit_opt_added li .sit_opt_qty .sit_qty_plus{position:absolute;top:0;right:0;background:url(/theme/inpiad-cx/mobile/shop/img/add.gif) no-repeat -1px -1px;text-indent:-999px;border:1px solid #ccc;width:25px;height:25px}
#sit_opt_added li .sit_opt_qty .sit_qty_minus{position:absolute;top:0;left:0;background:url(/theme/inpiad-cx/mobile/shop/img/add.gif) no-repeat -26px  -1px ;text-indent:-999px;border:1px solid #ccc;width:25px;height:25px}

/* 장바구니 */
#sod_bsk:after {display:block;visibility:hidden;clear:both;content:""}
.sod_bsk_left{float:left;width:68%}
.sod_bsk_right{float:right;width:30%;background:#fff;border:2px solid #d3d3d3;padding:10px 20px 20px;margin-top:20px;}

#sod_bsk_list {position:relative}
#sod_bsk_list #mod_option_frm {z-index:10000;position:absolute;top:35px;left:0;width:100%}
#sod_bsk_list #mod_option_frm form{border:2px solid #000;background:#fff;padding:15px;max-height:500px;overflow-y:auto}
html.no-overflowscrolling #mod_option_frm {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#sod_bsk_list #mod_option_frm .sit_ov_tbl{background:#ededed;margin-top:5px}
#sod_bsk_list #mod_option_frm .sit_ov_tbl th,#sod_bsk_list #mod_option_frm .sit_ov_tbl td{border:none;padding-left:5px;font-weight:normal;text-align:left}
#sod_bsk_list #mod_option_frm .sit_ov_tbl th{width:90px}
#sod_bsk_list #mod_option_frm#sit_tot_price{font-size:1.2em}
#sod_bsk_list #mod_option_frm #sit_tot_price span{left:0;}
#sod_bsk_list #mod_option_frm .btn_confirm{overflow:hidden;text-align:right}
#sod_bsk_list #mod_option_frm .btn_submit{width:auto;padding:0 10px;margin:0}
#sod_bsk_list #mod_option_frm .btn_cancel{height:40px;line-height:40px;vertical-align:middle;padding:0 10px}

#sod_bsk_tot {margin:0 0 8px;}
#sod_bsk_tot:after {display:block;visibility:hidden;clear:both;content:""}
#sod_bsk_tot dt, #sod_bsk_tot dd {float:left;padding: 0;line-height:35px;border-bottom:1px solid #e9e9e9}
#sod_bsk_tot dt {width:50%;}
#sod_bsk_tot dd {margin:0;width:50%;text-align:right}
.sod_bsk_cnt {color:#ff2a76}
.sod_bsk_point {border-bottom:0 !important}
#sod_bsk .btn_submit{width:100%;margin-bottom:3px;height:40px;}
#sod_bsk .btn_grd{width:100%;height:40px;line-height:40px;}
#sod_bsk .btn_grd1{height:60px;line-height:60px;margin:10px 0 0}
#sod_bsk .empty_list{padding:100px 0 !important;background:#fff;margin:15px 0;color:#999 }

@media (max-width: 970px){
    .sod_bsk_left{float:none;width:100%}
    .sod_bsk_right{float:none;width:100%;}
}

@media (max-width: 640px){
    #sod_bsk .li_prqty .li_prqty_sp{width:33.3%}
    #sod_bsk .li_prqty .total_price,#sod_bsk .li_prqty .total_point  {width:50%;margin-top:3px}
    #sod_bsk .li_prqty .total_price{border-left:1px solid #d3d3d3}
}

/* 위시리스트 */
#wish_li{margin:0 -15px}
#wish_li:after {display:block;visibility:hidden;clear:both;content:""}
#wish_li li{float:left;width:25%;padding:15px;}
#wish_li li:nth-child(4n+1){clear:both}
#wish_li li img{width:100%;height:auto}
#wish_li li .wish_info{padding:0 35px 10px 30px;position:relative;border-bottom:1px solid #e0e0e0;margin-top:10px;height:45px}
#wish_li li .wish_prd{display: block;margin: 0 0 5px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;color: #646464;font-weight: bold;}
#wish_li li .info_date{color: #646464;font-size:0.92em}
#wish_li li .wish_chk{position:absolute;top:0;left:0;width:30px;text-align:center;line-height:35px}
#wish_li li .wish_del{position:absolute;top:0;right:0;width:35px;height:35px;line-height:35px;text-align:center;background:#e6e6e6;display:block;font-size:1.2em;color:#777}
#wish_li li .wish_del:hover{background:#65a2f1;color:#fff}
#wish_li li .sold_out{color:#f50057;font-weight:bold;display:block;font-size:0.92em;}
#sod_ws_act{text-align:center}
#sod_ws_act button{height: 42px;width:25%}

@media (max-width: 970px){
    #wish_li li{padding:10px;}
    #wish_li{margin:0 -10px}
}

@media (max-width: 640px){
    #wish_li li{width:50%;}
    #sod_ws_act button{width:49%}
}


/* 쿠폰 */
#scp_list .win_desc{padding:10px;padding-top:0}
#scp_list ul {margin:0;padding:0;list-style:none}
#scp_list li {position:relative;border:1px solid #e9e9e9;margin-bottom:5px;border-radius:8px;background:#fff;}
#scp_list .li_title {display:block;padding:8px 10px;font-size:1.2em;font-weight:bold;border-bottom:1px solid #eee}
#scp_list .li_pd {margin:0 0 5px;zoom:1}
#scp_list .li_pd:after {display:block;visibility:hidden;clear:both;content:""}
#scp_list .pd_price {padding:10px;display:inline-block}
#scp_list .pd_date {float:right;padding:10px;color:#a4a4a4}
#scp_list .li_target {padding:0 10px 10px;color:#65a2f1;display:inline-block}

/* 주문서 작성 */
#sod_frm td .frm_input{background-color:#f3f3f3 !important;border:1px solid #e6e6e6;line-height:30px;height:30px;padding:0 10px}
#sod_frm #sc_coupon_cancel,#sod_frm .cp_cancel,#sod_frm #od_coupon_cancel {background:#999}
#sod_frm  .tbl_head01{background:#fff;padding:20px}
#sod_frm #sod_bsk_tot{background:#fff;padding:10px 20px;border:2px solid #d3d3d4;margin:10px 0}
#sod_frm section{margin-bottom:10px}
#sod_bsk_list #mod_option_frm .sit_ov_tbl{background:#ededed;margin-top:5px}
#sod_bsk_list #mod_option_frm .sit_ov_tbl th,#sod_bsk_list #mod_option_frm .sit_ov_tbl td{border:none;padding-left:10px;font-weight:normal}
#sod_bsk_list #mod_option_frm .sit_ov_tbl th{width:90px}
html.no-overflowscrolling #cp_frm {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#sod_frm_deli {position:relative;line-height:2em}
#sod_frm_deli #order_address {display:block;;width:100px;background:#333;color:#fff;text-align:center}
#sod_frm_orderer {margin:15px 0 30px}
#sod_frm_orderer #od_addr_jibeon, #sod_frm_taker #od_b_addr_jibeon {display:inline-block;margin:5px 0 0}
#sod_frm h2{background:#d3d3d3;;padding:10px;}
#sod_frm .odf_tbl table{width:100%;margin:0;padding:0;border-left:1px solid #e9e9e9;border-right:1px solid #e9e9e9;border-collapse:collapse;background:#fff;}
#sod_frm .odf_tbl table tbody td,#sod_frm .odf_tbl table tbody th{;border-bottom:1px solid #e9e9e9;padding:5px 10px ;text-align:left;line-height:26px;position:relative}
#sod_frm .odf_tbl table td{}
#sod_frm .odf_tbl table th{width:90px;color:#343434;font-weight:normal;letter-spacing:-0.1em}
#sod_frm .odf_tbl table .frm_input{background-color:#fff !important;height:24px;line-height:24px;text-indent:5px}
#sod_frm .odf_tbl table .frm_address{margin-top:5px}
#sod_frm .odf_tbl button.btn_frmline{font-size:0.92em;padding:0 8px;height:26px;line-height:26px}
#sod_frm .odf_tbl textarea{width:99%;border:1px solid #e4eaec;}
#sod_frm .li_mod{padding-left:110px !important}
#sod_frm_same {margin:0 0 10px}
#sod_frm_pay {position:relative}
#sod_frm_pay .tbl_head01 caption {font-size:0;line-height:0;overflow:hidden}
#sod_frm_pay .tbl_head01 th {width:auto !important;font-weight:bold;text-align:center !important}
#sod_frm_pay .tbl_head01 td {border-top:1px solid #e9e9e9 !important;border-bottom:1px solid #e9e9e9 !important;line-height:1.5em !important;word-break:break-all !important}

#sod_frm .li_total .total_span{display:block;position:relative;line-height:30px;border:0}
#sod_frm .li_total .total_span strong{position:absolute;top:0;right:0;}


html.no-overflowscrolling #sc_coupon_frm, html.no-overflowscrolling #od_coupon_frm {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#sod_frm p#sod_frm_pt_alert {margin:20px 0 0;text-align:center;background:#f3f3f3; border:2px solid #d3d3d3;padding:15px ;text-align:center;border-bottom:0}
#sod_frm_pay_info {margin:0 0 10px}
#sod_frm_paysel {margin:0 0 10px;padding:10px;background:#fff; border:2px solid #d3d3d3;border-top:0}
#sod_frm_paysel ul {margin:0;padding:0;}
#sod_frm_paysel ul:after {display:block;visibility:hidden;clear:both;content:""}
#sod_frm_paysel li {float:left;padding:5px 2%;width:46%;height:21px}
#sod_frm_paysel .KPAY{background: no-repeat;width:37px;height:15px;overflow:hidden;text-indent:-999px;display:inline-block;}
#sod_frm_paysel .PAYNOW{background: no-repeat;width:46px;height:15px;overflow:hidden;text-indent:-999px;display:inline-block;}
#sod_frm_paysel .PAYCO{background: no-repeat 1px ;width:46px;height:15px;overflow:hidden;text-indent:-999px;display:inline-block;}
.kakaopay_icon{background: no-repeat ;height:21px;width:74px;display:inline-block;overflow:hidden;text-indent:-999px}


#sod_frm_paysel #settle_bank {padding:10px;margin-top:10px;background:#fff;line-height:2em;background:#f3f3f3}
#sod_frm_paysel #settle_bank label {display:inline-block;margin:0 10px 0 0;font-weight:bold}
#sod_frm_paysel #settle_bank .frm_input {background:#fff;text-align:center}
#sod_frm_escrow {margin:30px 0 0}

#od_addr1, #od_addr2, #od_addr3, #od_email, #od_b_addr1, #od_b_addr2, #od_b_addr3 {width:100%}
#sod_frm #od_memo {height:70px}
#sod_frm_pt {margin:10px 0 5px}
#sod_frm_pt_alert, #sod_frm_pt_info {margin:0 0 10px}
#sod_frm #show_progress {text-align:center}
#sod_frm #show_progress span {display:block;margin:5px 0 0}
#sod_frm #cp_frm,#od_coupon_frm,#sc_coupon_frm{z-index:10000;position:absolute;top:25px;left:0;width:100%;border:2px solid #000;background:#fff;}
#od_coupon_frm,#sc_coupon_frm{top:33px;left:10px;width:95%}
#sod_frm .odf_tbl button.sc_cp_apply,#sod_frm .odf_tbl button.od_cp_apply{font-size:1em}
#sod_frm #cp_frm .tbl_head02,#od_coupon_frm .tbl_head02,#sc_coupon_frm .tbl_head02{padding:15px;margin:0;}
#sod_frm #cp_frm .tbl_head02 caption,#od_coupon_frm .tbl_head02 caption,#sc_coupon_frm .tbl_head02 caption{background:#000;color:#fff;position:absolute;top:0;left:0;width:100%;text-indent:10px;padding:0 0 ;height:30px;line-height:28px;}
#sod_frm #cp_frm .tbl_head02 table,#od_coupon_frm .tbl_head02 table,#sc_coupon_frm .tbl_head02 table{margin-top:30px;border:1px solid #d3d3d3;}
#sod_frm #cp_frm .tbl_head02 th,#od_coupon_frm .tbl_head02 thead th,#sc_coupon_frm .tbl_head02 thead th{border-bottom:1px solid #e5e5e5;background:#ededed;text-align:center !important;padding:5px 0;line-height:1.5em !important}
#sod_frm #cp_frm .tbl_head02 th+th+th, #od_coupon_frm .tbl_head02 th+th+th,#sc_coupon_frm .tbl_head02  th+th+th{width:60px}
#sod_frm #cp_frm .tbl_head02 td,#od_coupon_frm .tbl_head02 td,#sc_coupon_frm .tbl_head02 td{border:none;line-height:1.5em !important}
#od_coupon_frm .tbl_head02 td.td_numbig,#od_coupon_frm .tbl_head02 td.td_mngsmall,#sc_coupon_frm .tbl_head02 td.td_mngsmall{text-align:center}
#sod_frm #cp_frm .tbl_head02 td .btn_frmline,#od_coupon_frm .tbl_head02 td,#sc_coupon_frm .tbl_head02 td {font-size:0.92em}
#sod_frm #cp_frm .tbl_head02 td.td_numbig,#od_coupon_frmtd .tbl_head02 .td_numbig,#sc_coupon_frm .tbl_head02 td.td_numbig{width:90px;text-align:center}
#sod_frm #cp_frm .btn_confirm .btn_submit,#od_coupon_frm .btn_confirm .btn_submit,#sc_coupon_frm .btn_confirm .btn_submit{position:absolute;top:0;right:0;background:url(/theme/inpiad-cx/img/close_btn.gif) no-repeat 0 10px;text-indent:-9999px; width:25px;height:25px;border:0}
#display_pay_button span{display:block}
#sod_frm #display_pay_button  .btn_cancel{padding:0 5px;max-width:400px;width:100%;height:40px;line-height:40px;background:#fff;margin-top:2px;
    background: -webkit-linear-gradient(#fff,#fff, #f1f1f1); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fff,#fff, #f1f1f1); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fff, #fff, #f1f1f1); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fff,#fff, #f1f1f1); /* Standard syntax */;}
#sod_frm .li_prqty .li_prqty_sp{width:33.3333%}

@media (max-width: 640px){
    #sod_frm td .frm_input{width:100%}
    #sod_frm td #od_zip,#sod_frm td #od_b_zip{width:auto}
}

/* 배송지 목록 */
#sod_addr {}
#sod_addr ul {margin:0;padding:0;list-style:none}
#sod_addr li {position:relative;padding:10px 20px 10px 30px;min-height:35px;border-bottom:1px solid #e9e9e9;background:#fff;}
#sod_addr .addr_chk {position:absolute;top:15px;left:10px}
#sod_addr .addr_default {position:absolute;top:15px;right:15px;font-size:0.92em;color:#666}
#sod_addr .frm_input{height:30px;line-height:30px;}
#sod_addr .addr_addr {margin:10px 0 5px}
#sod_addr .addr_name {float:left;margin:0 0 10px}
#sod_addr .addr_tel {float:right;margin:0 0 10px}
#sod_addr .addr_btn {clear:both;text-align:right}
#sod_addr .addr_btn:after {display:block;visibility:hidden;clear:both;content:""}
#sod_addr #btn_sel {width:50px;border:0;line-height:2.5em;background:#444;color:#fff;vertical-align:middle}
#sod_addr #btn_del {display:inline-block;width:50px;line-height:2.5em;background:#f2f5f9;color:#777;text-align:center;vertical-align:middle}

/* 주문내역 */
#sod_v .td_stat {width:100px}
#sod_v_info {margin:0 0 20px;text-align:center;color:#666}

/* 주문상세내역 */
#sod_fin:after {display:block;visibility:hidden;clear:both;content:""}
#sod_fin  h2{position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}

.sod_fin_left{float:left;width:68%}
.sod_fin_right{float:right;width:30%}
.sod_fin_clear{clear:both}
#sod_fin_no {margin:0 0 10px;padding:10px 15px; background:#65a2f1;color:#fff;text-align:center}
#sod_fin #sod_bsk_tot{padding:10px 15px;background:#fff;border:2px solid #d3d3d3}
#sod_fin .sod_list2 li{background:#fff;border: 1px solid #e9e9e9;margin-bottom:5px}
#sod_fin .sod_list2 .li_name_od a{display: block;  padding: 10px;color:#444}
#sod_fin .sod_list2 .li_opt{padding-right:50px}
#sod_fin .sod_list2 .li_total{position:relative;min-height:85px;height:auto;padding:10px; border-top:1px solid #e9e9e9;color:#666;line-height:1.5em}
#sod_fin .sod_list2 .li_total:after {display:block;visibility:hidden;clear:both;content:""}
#sod_fin .sod_list2 .total_img{position:absolute;top:10px;left:10px}
#sod_fin .sod_list2 .prqty_stat{position:absolute;top:7px;right:10px;background:#d5e1f2;color:#65a2f1;font-weight:bold;font-size:0.92em;padding:2px 4px}
#sod_fin .sod_list2 .total_span{background:#f3f3f3;padding:0 10px;display:inline-block;width:50%;float:left;line-height:30px;font-size:0.92em}
#sod_fin .sod_list2 .total_point{border-left:1px solid #fff}
#sod_fin .sod_list2 .total_span strong{float:right}
#sod_fin .sod_list2 .st_bg{margin:0 5px}
.sod_fin_list:after {display:block;visibility:hidden;clear:both;content:""}
.sod_fin_list{padding-bottom:20px}
#sod_sts_wrap{position:relative;margin-bottom:20px;display:inline-block}
#sod_sts_wrap i{color:#65a2f1;font-size:18px;vertical-align:middle}
#sod_sts_explan{display:none;position:absolute;top:0px;left:0;padding-top:20px;width:280px;}
#sod_sts_wrap:hover #sod_sts_explan{display:block}
#sod_sts_explan dl{background:#fff;padding:10px 15px;margin:0;font-size:0.92em;color:#3d3d3d;line-height:2em;
    box-shadow: 1px 1px 9px rgba(0, 0, 0, 0.2) ;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 9px ; 
    -moz-box-shadow:rgba(0, 0, 0, 0.2) 1px 1px 9px}
#sod_sts_explan dl:after {display:block;visibility:hidden;clear:both;content:""}
#sod_sts_explan dt{width:50px;font-weight:bold;display:inline-block;float:left;clear:both;padding:0;margin:0}
#sod_sts_explan dd{float:left;display:inline-block;padding:0;margin:0}

#sod_fin_view:after {display:block;visibility:hidden;clear:both;content:""}
#sod_fin_view section{margin-bottom:10px;}
#sod_fin_view section h3{padding: 15px;background:#d3d3d3;}
#sod_fin_view .odf_tbl table{background:#fff;width:100%;border:1px solid #d3d3d3;border-collapse:collapse}
#sod_fin_view .odf_tbl td{padding:10px ;border-bottom:1px solid #d3d3d3;color:#555;line-height:1.5em}
#sod_fin_view .odf_tbl th{padding:10px ;border-bottom:1px solid #d3d3d3;text-align:left;font-weight:normal}
#sod_fin_view .dvr_link{margin: 0;padding: 8px 5px;border: 0;background: #656363;color: #fff;font-size: 0.92em;}

#sod_fin_tot{background:#474747;padding:5px 15px;color:#fff;}
#sod_fin_tot li{border-top:1px solid #575757;padding: 10px 0;position:relative}
#sod_fin_tot li strong{position:absolute;top:10px;right:0}
#sod_fin_tot .fin_tot_0{border:0}
#sod_fin_cancel{clear:both;width:100%;text-align:left;padding-top:10px}
#sod_fin_cancel #odcc_op_btn{height:30px;line-height:30px;padding:0 10px;background:#ff4949;border:0;color:#fff}
#sod_fin_cancelfrm{display:none;margin-top:20px;background:#fff;padding:10px 90px 20px 20px;color:#666;position:relative}
#sod_fin_cancelfrm .btn_frmline{background:#474747;padding:5px;color:#fff;border:0;position:absolute;bottom:20px;right:20px;width:70px;height:60px}
#sod_fin_cancel .cancle_p{font-weight:bold;color:#ff2a76;font-size:1.2em}
#cancel_memo{width:100%;height:60px;margin-top:5px;}

@media (max-width: 970px){
    .sod_fin_left,.sod_fin_right{width:100%;float:none}

}
@media (max-width: 640px){
    #sod_fin .sod_list2 .total_span{width:100%}
}

/* 주문내역 include  */
#sod_inquiry li {border:1px solid #e9e9e9;margin-bottom:5px;position:relative;background:#fff;text-align:left;}
#sod_inquiry li .inquiry_idtime{padding:10px;position:relative;border-bottom:1px solid #e9e9e9;color:#999}
#sod_inquiry li .inquiry_idtime a{font-weight:bold}
#sod_inquiry li .inquiry_idtime .idtime_time{position:absolute;top:10px;right:10px}
#sod_inquiry li .inquiry_name{clear:both;padding:10px;color:#696969}
#sod_inquiry li .inquiry_price{padding:10px;font-size:1.167em;font-weight:bold;}
#sod_inquiry li .inquiry_inv{position:absolute;bottom:10px;right:10px;color:#79aaf3;text-align:right}
#sod_inquiry li .inquiry_inv .inv_status{display:block;font-weight:bold;margin-bottom:3px;}
#sod_inquiry li .inquiry_inv .inv_inv{display:inline-block;}

/* 주문상세내역 중 현금영수증 발급 */
#scash {}
#scash section {padding:10px 0}
#scash h2 {margin:0 0 10px;text-align:center}
#scash .tbl_head01 th {padding:0 10px;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#f2f5f9;text-align:left;}
#scash_apply {padding:10px 0 15px;text-align:center}
#scash_apply button {padding:10px;border:0;background:#565e60;color:#fff}
#scash_copy {text-align:center}

/* 상품검색 */
#ssch{}
#ssch_frm {border:3px solid #000;background:#fff;margin:0 0 10px}
#ssch_frm:after {display:block;visibility:hidden;clear:both;content:""}
#ssch_frm div {padding:5px 15px;}
#ssch_frm strong, #ssch_frm .ssch_lbl {display:inline-block;width:90px;font-weight:bold;vertical-align:middle}
#ssch_frm .frm_input {background:#f3f3f3}
#ssch_frm .btn_submit {padding:0 8px;height:23px}
#ssch_frm p {padding:15px ;border-top:1px solid #e9e9e9;line-height:1.5em}
#ssch_frm #ssch_qfrom {width:50px}
#ssch_frm #ssch_qto {width:50px}
#ssch_frm #ssch_q {width:40%;}
#ssch_frm .frm_input{height:23px}
#ssch_frm #ssch_sort {margin:0 0 10px;padding:0 15px ;list-style:none}
#ssch_frm #ssch_sort:after {display:block;visibility:hidden;clear:both;content:""}
#ssch_frm #ssch_sort li {position:relative;float:left;margin:0 0 -1px -1px;width:33%}
#ssch_frm #ssch_sort li:nth-of-type(3n) {width:34%}
#ssch_frm #ssch_sort a {display:block;text-align:center}
#ssch_frm #ssch_ov {text-align:center;padding-bottom:10px}

#ssch_cate {background:#fff;border-bottom:1px solid #e9e9e9;margin:20px 0;padding:15px 20px;text-align:center}
#ssch_cate ul {display:inline-block}
#ssch_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#ssch_cate li {float:left;margin:0 10px 0 0;padding:0 10px 0 0;border-right:1px solid #e9e9e9}
#ssch_cate a span {font-weight:bold}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;font-size:0;text-indent:-9999em;line-height:0;border:0 !important;overflow:hidden !important}

/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;font-size:0;line-height:0;overflow:hidden;left:0}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:1.5em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* 이미지 등비율 리사이징 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 */

#captcha {display:inline-block;position:relative}
#captcha audio {display:none;margin:0 0 5px;width:50px !important}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
@media (max-width:568px) {
    #captcha #captcha_img {width:60px !important;height:32px !important;}
}
#captcha #captcha_img {width:190px;height:82px;border:1px solid #e9e9e9;border-radius:4px}
#captcha #captcha_img2 {width:190px;height:82px;border:1px solid #e9e9e9;border-radius:4px}
#captcha #captcha_mp3{display: none;border:none;padding:0 5px;width:31px;height:31px;background:url(/theme/inpiad-cx/img/captcha.png) 0 0 no-repeat;cursor:pointer;text-indent:-9999px}
#captcha #captcha_reload {margin:0;padding:0 3px;width:31px;height:31px;border:0;background:url(/theme/inpiad-cx/img/captcha.png) 0 -31px no-repeat;vertical-align:middle;overflow:hidden;cursor:pointer;text-indent:-9999px}
#captcha #captcha_key {margin:0 0 0 4px;padding:0 5px;height:30px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;}
#captcha #captcha_key2 {margin:0 0 0 4px;padding:0 5px;height:30px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* Mobile화면으로 */
#mobile_cng {display:block;margin:5px;padding:5px 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc{display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc !important;background:#fafafa !important;color:#000 !important;text-decoration:none !important;line-height:1.9em;vertical-align:middle}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f2f5f9;text-align:center}
.cke_sc_def dl {margin:0 0 5px;text-align:left}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/* 콘텐츠별 스타일 */
.cnt_cmt {display:inline-block;margin:0 0 0 5px;font-weight:bold}

/* 버튼 */
a.btn01 {display:inline-block;padding:8px 7px 7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fff;color:#646464;font-size:0.92em;text-decoration:none}
a.btn02 {display:inline-block;padding:8px 7px 7px;background:#e8e8e8;color:#666;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn03 {display:inline-block;margin:0;border:0;background:#3a3a3a;color:#fff;text-decoration:none}
.btn_confirm {text-align:center} /* 서식단계 진행 */
.btn_submit {padding:5px;border:0;background:#65a2f1;border:1px solid #4d8ad9;color:#fff;color:#fff;font-weight:bold}
fieldset .btn_submit {padding:0 7px;height:24px;line-height:1em}
a.btn_cancel {vertical-align:middle;display:inline-block;border:1px solid #d3d3d3;background:#fff;color:#515151;font-weight:bold;background: -webkit-linear-gradient(#fff,#fff, #f1f1f1); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fff,#fff, #f1f1f1); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fff, #fff, #f1f1f1); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fff,#fff, #f1f1f1); /* Standard syntax */}
button.btn_cancel {vertical-align:middle;display:inline-block;border:1px solid #d3d3d3;background:#fff;color:#515151;font-weight:bold;background: -webkit-linear-gradient(#fff,#fff, #f1f1f1); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fff,#fff, #f1f1f1); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fff, #fff, #f1f1f1); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fff,#fff, #f1f1f1); /* Standard syntax */}
a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:1.9em;border:0;background:#656363;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top;line-height:1.9em} /* 우편번호검색버튼 등 */
button.btn_frmline {font-size:1em}
a.btn_blue,.btn_blue{background:#65a2f1;font-weight:bold;border:1px solid #4d8ad9;color:#fff;display:inline-block}
.btn_blue:hover{background:#4d8ad9}
a.btn_grd,.btn_grd{vertical-align:middle;display:inline-block;border:1px solid #d3d3d3;background:#fff;color:#515151;font-weight:bold;background: -webkit-linear-gradient(#fff,#fff, #f1f1f1); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fff,#fff, #f1f1f1); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fff, #fff, #f1f1f1); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fff,#fff, #f1f1f1); /* Standard syntax */
}

/* 게시판용 버튼 */
.btn_b01{ display:inline-block; min-width:67px; height:38px; line-height:38px; font-size:81.25%; color:#666 !important; text-align:center; border:1px solid #d9ded9; box-sizing:border-box; overflow:hidden; }
.btn_b01:focus, .btn_b01:hover { text-decoration:none}
.btn_b02 { display:inline-block; min-width:67px; height:38px; line-height:38px; font-size:81.25%; color:#fff !important; text-align:center; background:#939b9b; box-sizing:border-box; overflow:hidden; }
.btn_b02:focus, .btn_b02:hover {text-decoration:none}
.btn_admin {display:inline-block;padding:8px 7px 7px;background:#f50057;color:#fff;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
.btn_admin:focus, .btn_admin:hover {text-decoration:none}

/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0;b}
.tbl_wrap caption {padding:10px 0;color:#4b8b99;font-weight:bold;text-align:left}

.tbl_head01 {}
.tbl_head01 table{border:1px solid #d3d3d3}
.tbl_head01 caption {padding:0 0 10px;color:#777;text-align:left}
.tbl_head01 thead th {padding:12px 0;;background:#d3d3d3;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head01 thead a {color:#383838}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff}
.tbl_head01 tfoot td {border-color:#666;background:#484848;color:#fff;font-weight:bold;text-align:center}
.tbl_head01 tbody th {padding:5px 0;border-top:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3}
.tbl_head01 td {padding:5px;border-top:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3;line-height:1.5em;word-break:break-all}

.tbl_head02 {}
.tbl_head02 caption {padding:0 0 10px;color:#777;text-align:left}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff}
.tbl_head02 tfoot td {border-color:#666;background:#484848;color:#fff;font-weight:bold;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all}

/* 폼 테이블 */
.tbl_frm01 {}
.tbl_frm01 th {padding:10px;width:90px;border-top:1px solid #e9e9e9;border-left:0;text-align:left;background:#fff}
.tbl_frm01 td {padding:10px ;border-top:1px solid #e9e9e9;background:#fff}
.tbl_frm01 textarea, .frm_input {border:1px solid #e6e6e6;background:#fff;vertical-align:middle;line-height:1.8em;-webkit-appearance:none}
.tbl_frm01 textarea {width:100%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_address {margin-top:5px}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px;width:100%}
.tbl_frm01 .frm_info {display:block;padding:5px 0 0;color:#666;line-height:1.3em}

/* 자료 없는 목록 */
.empty_table {padding:80px 0 !important;text-align:center;color:#666}
.empty_list {padding:20px 0 !important;text-align:center;color:#666}

/* 필수입력 */
.required, textarea.required {}

/* 테이블 그리드 padding 0 5px 고려한 넓이 */
.grid_1 {width:40px}
.grid_2 {width:90px}
.grid_3 {width:120px}
.grid_4 {width:190px}
.grid_5 {width:240px}
.grid_6 {width:290px}
.grid_7 {width:340px}
.grid_8 {width:390px}
.grid_9 {width:440px}
.grid_10 {width:490px}
.grid_11 {width:540px}
.grid_12 {width:590px}
.grid_13 {width:640px}
.grid_14 {width:690px}
.grid_15 {width:740px}
.grid_16 {width:790px}
.grid_17 {width:840px}
.grid_18 {width:890px}

/* 테이블 항목별 정의 */
.td_chk {width:50px;text-align:center}
.td_group {width:100px;text-align:center}
.td_board {width:120px;text-align:center}
.td_statsmall {width:50px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:120px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_nick {width:100px;text-align:center}
.td_name {width:80px;text-align:left}
.td_namesmall {width:100px;text-align:left}
.td_date {width:50px;text-align:center}
.td_datetime {width:170px;text-align:center}
.td_mngsmall {width:50px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_stat {text-align:center}

/* 새창 기본 스타일 */
.new_win #win_title{padding:15px 20px;border-bottom:1px solid #e9e9e9;font-size:1.12em;margin-bottom:10px;background:#fff;text-align:center;}
.new_win .tbl_wrap {margin:20px 20px}
.new_win .win_btn {clear:both;margin:20px;text-align:center}
.new_win .win_btn a {display:inline-block;padding:0 10px;height:2.5em;background:#666;color:#fff;text-decoration:none;vertical-align:middle;line-height:2.5em}
.new_win .win_btn button {display:inline-block;padding:0 10px;height:2.5em;border:0;background:#666;color:#fff;text-decoration:none;line-height:2.5em}
.new_win .win_btn input {padding:0 10px;height:2.5em;line-height:2.5em}
.new_win .tbl_wrap .frm_input{height:30px;line-height:30px;background:#f3f3f3;width:100%;}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 사이드뷰*/
.sv_wrap {display:inline-block;position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #283646;background:#111}
.sv_wrap .sv a {display:inline-block !important;margin:0 !important;padding:5px !important;width:94px;border-bottom:1px solid #283646;color:#fff !important}
.sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {text-decoration:none !important}
.sv_on {display:block !important;position:absolute;top:10px;left:0px;width:auto;height:auto !important}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap { clear:both; margin:0; text-align:center; }
.pg { display:block; }
.pg_page, .pg_current, .qa_page { display:inline-block; width:31px; height:31px; line-height:31px; font-size:0.6875em; color:#666; text-aling:center; border:1px solid #ddd; vertical-align:top; }
.pg a:focus, .pg a:hover { text-decoration:none; }
.pg_page, .qa_page { text-decoration:none; }
.pg_start, .pg_prev { padding:0; text-indent:-999px; background:url('/theme/inpiad-cx/mobile/shop/img/paging.gif') no-repeat 0 3px; overflow:hidden; }
.pg_prev { background-position:-28px 3px; }
.pg_end, .pg_next { padding:0; text-indent:-999px; background:url('/theme/inpiad-cx/mobile/shop/img/paging.gif') no-repeat -55px 3px; overflow:hidden; }
.pg_end { background-position:-83px 3px; }
.pg_current { color:#00a5e5; font-weight:bold; border:1px solid #00a5e5; }

/* 상품상세 메뉴 floating */
#info_top_layer {display:none;position:absolute; top:0; left:0; width:100%; background-color: #eee;}
#form_btn_layer { display:none;position:absolute; top:0; left: 0; width: 100%; height: 60px; background-color: #eee;}

/*현금영수증*/
#kcp_req_rx .tbl_head01 tbody th {text-align:left;}

/*배송지목록*/
#sod_addr .win_desc{padding:10px 20px}


/*이벤트*/
#sev_hhtml,#sev_thtml{padding:10px 0}
#sev_hhtml img,#sev_thtml img{width:100%}

/*피시일때 모바일버전 주문폼*/
#sod_frm {position:relative}
#sod_frm p{margin-bottom:10px}
#forderform .tbl_frm01 th{;background:#fff;padding-left:10px;font-weight:normal;width:100px}
#forderform .tbl_frm01 td{background:#fff;padding:5px 15px}
#forderform .tbl_frm01 td .btn_frmline{height:30px;line-height:30px;vertical-align:middle}
#sod_list thead th{padding:8px 0 }
#sod_list .sod_opt{min-width:70px}
#sod_frm_paysel{border-top:1px solid #eee}
#sod_frm #display_pay_button .btn01{padding:0 5px;;width:300px;height:40px;line-height:40px;background:#fff;margin-top:2px;
    background: -webkit-linear-gradient(#fff,#fff, #f1f1f1); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fff,#fff, #f1f1f1); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fff, #fff, #f1f1f1); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fff,#fff, #f1f1f1); /* Standard syntax */;}
#sod_frm_pay{padding:10px 0}
#display_pay_button .btn_submit{padding:0 5px;width:300px;height:40px;margin-top:2px}
#display_pay_button .btn01{height:40px;line-height:40px;padding:0 10px;margin-top:2px}
@media (max-width:640px) {
#display_pay_button .btn_submit{width:100%;}
#sod_frm #display_pay_button .btn01{width:100%}
#display_pay_button .btn01{width:100%}
}

body { min-width:1345px; }

/* 사용자 정의 *******************************************************************************************************************************************************/

#header { /*position:fixed;*/position:absolute;left:0;top:0; width:100%; height:90px; background:#fff; box-shadow:3px 1px 3px #ddd, -3px 1px 3px #ddd; box-sizing:border-box; z-index:150; }
#header .hd_top {display: none; background:#7f7f7f; }
#header .hd_top .hd_sub {max-width:1200px;margin:0 auto;font-size:0;text-align:right;}
#header .hd_top .hd_sub .btns {display:inline-block;padding:0 15px 0 0;background:#000;font-size:0;vertical-align:top;}
#header .hd_top .hd_sub .btns > a {display:inline-block;padding:0 15px;font-size:13px;font-weight:500;color:#fff;line-height:30px;}
#header .hd_top .hd_sub .btns > a.btn_ims {padding:0 30px 0 60px;background:url(/theme/inpiad-cx/images/common/ico_ims.png) no-repeat 30px center;font-weight:700;}
#header .hd_top .hd_sub > a {display:inline-block;width:30px;height:30px;font-size:0;vertical-align:top;}
#header .hd_top .hd_sub > a.btn_blog {background:#39be1f url(/theme/inpiad-cx/images/common/hd_top_blog2.png) no-repeat center center;}
#header .hd_top .hd_sub > a.btn_fb {background:#3b5998 url(/theme/inpiad-cx/images/common/hd_top_fb2.png) no-repeat center center;}
#header .hd_top .hd_sub > a.btn_voucher {float:left;width:auto;padding:0 25px 0 55px;background:#37bf25 url(/theme/inpiad-cx/images/common/hd_top_voucher.png) no-repeat 25px center;font-size:13px;color:#fff;line-height:28px;}
#header > header { position:absolute; height:90px;left:50%;bottom:0; margin-left:-600px; }
#header > header > h1 { display:inline-block; width:auto; height:100%;}
#header > header > h1:first-child {margin-right: 20px;}
#header > header > h1 > a { display:table-cell; text-align:center; vertical-align:middle;}
#header > header > h1:first-child > a { width: 120px; height: 90px; background: url(/theme/inpiad-cx/images/common/logo.png) no-repeat center; }
#header > header > h1:last-child > a { width: 117px; height: 90px; background: url(/theme/inpiad-cx/images/common/head_icon1.jpg) no-repeat center; }

#header > .topbar { position:absolute; right:50%; height:90px;bottom:0; margin-right:-600px; text-align:right; box-sizing:border-box; z-index:11; }
#header > .topbar > .gn:after { display:block; content:""; clear:both; }
#header > .topbar > .gn > li { float:left; text-align:center; }
#header > .topbar > .gn > li > a { display:block; height:90px; line-height:90px; padding:0 30px; font-size:1em; color:#333; box-sizing:border-box; transition:.3s;}
#header > .topbar > .gn > li > a .point {display:block; width:0; height:0; margin:0 auto; background:url('/theme/inpiad-cx/images/common/gn_point.png') no-repeat center; background-size:100%;transition:.3s;}
#header > .topbar > .gn > li:hover > a { color:#00a5e5; }
#header > .topbar > .gn > li:hover > a .point { width: 10px;height: 10px;margin-top: -5px;}
#header > .topbar > .gn > li.current > a { color:#00a5e5; }

/* #header > .topbar > .gn > li.gnb_consult > a {background:url('/theme/inpiad-cx/images/common/gnb_ico.gif') no-repeat center top;} */
 #header > .topbar > .gn > li.gnb_consult > a {width: 100%; padding-top: 15px; padding: 15px 10px 0;}
 #header > .topbar > .gn > li.gnb_consult > a span{line-height: 58px; height: 58px; background: #d72412;color: #fff;font-weight: 500; display: block; padding: 0 20px; animation-duration: 5s; animation-name: gn_cons; animation-iteration-count: infinite;}
@keyframes gn_cons { 0% { background: #d72412;} 50% { background: #1fb2e9;}100% {background: #d72412; }}

/*  #header > .topbar > .gn > li.gnb_consult:hover > a {background: #d72412;}
 #header > .topbar > .gn > li.gnb_consult:hover > a .point {display: none;}   */

#header > .topbar > .gn > li:nth-last-child(1) { }
#header > .topbar > .gn > li:nth-last-child(1) a { width:22px; background:url('/theme/inpiad-cx/images/common/icon_nav.png') no-repeat center center; }
#header > .topbar > .gn > li:nth-last-child(1) a span { font-size:0; text-indent:-9999px; }

#header > .topbar .sn { display:none; width:100%; text-align:left; }
#header > .topbar .sn > ul { padding:20px 0; }
#header > .topbar .sn > ul > li { text-align:center; }
#header > .topbar .sn > ul > li > a { display:block; padding:5px 0; font-size:0.87em; color:#666; }
#header > .topbar .sn > ul > li:hover a { color:#20b0e8; }

#header .gn_bg { position:absolute; display:none; left:0; right:0; top:90px; height:360px; background:#fff; border-top:1px solid #20b0e8;border-bottom:solid 1px #20b0e8; z-index:10; }
#header .gn_img { position:absolute; left:50%; top:30px; margin-left:-600px; }

#header .voucher_quick {display:none;position:absolute;left:50%;top:100%;width:120px;margin:0 0 0 -800px;}
#header .voucher_quick dt {position:relative;background:#1fb2e9;}
#header .voucher_quick dt:before {content:"";position:absolute;left:0;top:-40px;width:100%;height:80px;background:url(/theme/inpiad-cx/images/common/ico_vouc_quick.png) no-repeat center top;}
#header .voucher_quick dt > a {display:block;padding:40px 15px 10px;font-size:15px;font-weight:700;color:#fff;text-align:center;}
#header .voucher_quick dt > a > span {display:block;margin-top:10px;font-size:13px;font-weight:400;text-align:right;}
#header .voucher_quick dd {margin:0;background:#486ed8;font-size:14px;font-weight:700;color:#fff;text-align:center;line-height:42px;}
#header .voucher_quick dd.btm {margin:10px 0 0;background:none;font-weight:400;}
#header .voucher_quick dd.btm > a {display:block;}
#header .voucher_quick dd.btm img {width:100%;}
#header .voucher_quick dd.btm .tit {background:#ff0000;font-size:15px;color:#fff;text-align:center;line-height:30px;}
#header .voucher_quick dd.btm .tit:before,
#header .voucher_quick dd.btm .tit:after {content:"";display:inline-block;width:4px;height:4px;margin:0 10px;background:#fff;border-radius:100%;vertical-align:middle;}
#header .voucher_quick dd.btm .txt {background:#1c1c1c;font-size:14px;color:#fff;text-align:center;line-height:42px;}

#footer { padding-bottom:210px;background:#333; }

#footbar { position:relative; height:50px; background:#2f343e; box-sizing:border-box; }
#footbar > ul { width:auto; max-width:1200px; margin:0 auto; }
#footbar > ul > li { float:left; }
#footbar > ul > li > a { display:block; height:100%; line-height:50px; padding:0 30px; font-size:0.875em; color:#fff; }
#footbar > ul > li:nth-child(1) a { padding-left:0; }
#footbar > ul > li:nth-last-child(1) { float:right; }
#footbar > ul > li:nth-last-child(1) > a { display:inline-block;min-width:140px; height:30px; line-height:30px; margin-top:10px; padding:0 30px 0 20px; background:#009999 url('/theme/inpiad-cx/images/common/icon_arrow.png') no-repeat 95% center; }
#footbar > ul > li:nth-last-child(1) > a span { display:inline-block; padding-left:20px; font-size:90%; background:url("/theme/inpiad-cx/images/common/icon_consult.png") no-repeat left center; }

#footbar .foot_select { position:absolute; right:50%; top:10px; margin-right:-450px; z-index:100; }
#footbar .foot_select .foot_family_box { display:block; width:140px; height:30px; line-height:30px; padding:0 5px; font-size:0.75em; color:#999; background:#666 url("/theme/inpiad-cx/images/common/icon_down.gif") no-repeat 95% 50%; box-sizing:border-box; cursor:pointer; overflow:hidden; }
#footbar .foot_select .foot_family_menu { display:none; list-style:none; overflow:hidden; }
#footbar .foot_select .foot_family_menu > li { }
#footbar .foot_select .foot_family_menu > li > a { display:block; padding:5px 5px; font-size:0.75em; color:#999; background:#666; box-sizing:border-box; cursor:pointer; overflow:hidden; }
#footbar .foot_select .foot_family_menu > li:hover > a { color:#fff; background:#444; }

#footbar .foot_select > select { height:30px; padding:0 10px; font-size:0.8125em; color:#999; background:#666; border:0; outline:0; cursor:pointer; }

#footcnt { padding:36px 0; background:#27272c; overflow:hidden; }
#footcnt .footcnt_inner { position:relative; width:auto; max-width:1200px; margin:0 auto; box-sizing:border-box; }
#footcnt .footcnt_inner:after {content:"";display:block;clear:both;}
#footcnt .footcnt_inner .footcnt_s {float:left;width:32%;margin-right:2%;}
#footcnt .footcnt_inner .footcnt_s p { font-size:0.75em; color:#ccc; line-height:2; }
#footcnt .footcnt_inner .footcnt_s p > span { margin-right:5px; }
#footcnt .footcnt_inner .btn_top {position:absolute;right:-80px;width:40px;height:40px;background:#20b0e8;border-radius:40px;font-size:14px;color:#fff;line-height:40px;text-align:center;box-sizing:border-box;transition:background 0.4s; display: none;}
#footcnt .footcnt_inner .btn_top:hover, #footcnt .footcnt_inner .btn_top:focus {background:#0c97cd;}

#footcnt .foot_pg {float:right;width:32%;font-size:0;text-align:right;}
#footcnt .foot_pg > li { display:inline-block;margin-left:5px;overflow:hidden; }
#footcnt .foot_pg > li > a {display:block;min-width:90px;padding:2px 5px 2px 35px;border:solid 1px #656565;font-size:10px;color:#9a9a9a;letter-spacing:-0.5px;box-sizing:border-box;}
#footcnt .foot_pg > li.kcp > a {background:url("/theme/inpiad-cx/images/common/foot_icon_1.png") no-repeat 5px center;background-size:28% auto;}
#footcnt .foot_pg > li.pg > a {padding:2px 5px 2px 45px;background:url("/theme/inpiad-cx/images/common/foot_icon_2.png") no-repeat 5px center;background-size:40% auto;}
#footcnt .foot_pg > li.card > a {padding:10px 5px 10px 35px;background:url("/theme/inpiad-cx/images/common/foot_icon_3.png") no-repeat 5px center;background-size:20% auto;}
#footcnt .foot_pg > li.exim > a {padding:17px 5px 3px;background:url("/theme/inpiad-cx/images/common/foot_icon_4.png") no-repeat center 5px;background-size:80% auto;text-align:center;}

@media (max-width: 1300px){
	#footcnt .footcnt_inner {padding:0 50px 0 0;}
	#footcnt .footcnt_inner .footcnt_s {width:30%;}
	#footcnt .foot_pg {width:36%;}
}
@media (max-width: 1200px){
	body {width:100%;max-width:1200px;min-width:auto;}
	#footbar > ul {width:100%;}
	#footcnt .footcnt_inner {width:100%;padding:0 90px 0 0;}
	#footcnt .footcnt_inner .footcnt_s {width:48%;margin-right:4%;}
	#footcnt .footcnt_inner .footcnt_s#fts02 {margin:0;}
	#footcnt .foot_pg {width:100%;}
}



#main_body { margin:0 auto; overflow:hidden;padding-top:90px; }

/* 메인 비쥬얼 */
.main_visual {}
.main_visual .mv_sec {position:relative;height:685px;overflow:hidden;}
.main_visual .mv_sec div {display:block;}

.mv_sec .owl-theme .owl-nav.disabled {display:none !important;}
.mv_sec .owl-theme .owl-nav.disabled + .owl-dots {position:absolute;left:50%;bottom:3%;width:1200px;margin-left:-600px;text-align:right;}
.mv_sec .owl-theme .owl-dots .owl-dot {display:inline-block;line-height:0;vertical-align:top;box-sizing:border-box;}
.mv_sec .owl-theme .owl-dots .owl-dot span {display:block;width:12px;height:12px;margin:0 5px;background:#fff !important;border-radius:20px;box-sizing:border-box;}
.mv_sec .owl-theme .owl-dots .owl-dot.active span, .mv_sec .owl-theme .owl-dots .owl-dot:hover span, .mv_sec .owl-theme .owl-dots .owl-dot:focus span {border:solid 2px #fff;background:transparent !important;}

/*.main_visual .nivo-controlNav {position:absolute;left:50%;bottom:3%;width:1200px;margin-left:-600px;text-align:right;z-index:150;}
.main_visual .nivo-controlNav a {display:inline-block;width:12px;height:12px;margin:0 5px;background:#fff;border-radius:20px;font-size:0;vertical-align:top;box-sizing:border-box;}
.main_visual .nivo-controlNav a.active {border:solid 2px #fff;background:transparent;}*/

.mv_sec .mv_list .item {overflow:hidden;}
.mv_sec .mv_list .item > img {height:685px;transition:all 1.5s;transform:scale(1.1);width: auto !important;}
.mv_sec .mv_info {position:absolute;left:50%;top:32%;width:1200px;margin-left:-600px;padding:0;font-family:'NanumSquare';font-weight:700;color:#fff;z-index:10;}

.mv_sec .mv00 .mv_info{	width: 1440px; margin-left: -720px;}

.mv_sec .item.mv00 .mv_info {margin-top:-30px;}
.mv_sec .item.mv00 .mv_info .tit {position: relative; display: inline-block; padding-right: 110px;}
.mv_sec .item.mv00 .mv_info .tit:after {content: ''; display: block; position: absolute; right: 0; top: 0; width: 92px; height: 47px; background:url("/theme/inpiad-cx/images/main/mv00_tit_icon.png") no-repeat center;}
.mv_sec .mv_info > p {display:block;padding:0;}
.mv_sec .mv_info .tit {margin-top:-20px;font-size:55px;line-height:55px;opacity:0;transition:all 0.4s;}
.mv_sec .mv_info .ban_gr {margin-top: 80px}
.mv_sec .mv_info .ban_list {position: relative;display: block; float: left;width: 240px; height: 317px; text-align: center; border: 1px solid rgba(255,255,255,0.3); background-color: rgba(2,5,25,0.8);  border-right: 0; padding:72px 8px 0;}
.mv_sec .mv_info .ban_list.bl5 { border: 1px solid rgba(255,255,255,0.3);  }
.mv_sec .mv_info .ban_list h3 {font-size: 23px;  width: 85px; height: 85px; line-height: 85px; text-align: center; border-radius: 50%; box-sizing: border-box; position: absolute; left: 50%; top: -42px; transform: translateX(-50%); font-family: 'Montserrat';  }
.mv_sec .mv_info .ban_list.bl1 > h3, .mv_sec .mv_info .ban_list.bl3 > h3, .mv_sec .mv_info .ban_list.bl5 > h3 {background-color: #fff;color: #1b192d;font-weight: 700;}
.mv_sec .mv_info .ban_list.bl2 > h3, .mv_sec .mv_info .ban_list.bl4 > h3 {background-color: #0c0d20;color: #fff; border: 4px solid #fff; line-height: 77px; font-weight: 600;}
.mv_sec .mv_info .ban_list > ul {}
.mv_sec .mv_info .ban_list > ul > li {font-size: 15px; line-height: 1.66; font-weight: 350;}
.mv_sec .mv_info .ban_list.bl1 {}



.mv_sec .mv_info .stit {margin:10px 0 20px;opacity:0;transition:all 0.4s;}
.mv_sec .mv_info .stit > span {display:inline-block;position:relative;padding:0 15px 10px;font-size:30px;line-height:30px;vertical-align:top;box-sizing:border-box;}
.mv_sec .mv_info .stit > span:after {content:"";position:absolute;left:0;right:0;bottom:0;height:30px;z-index:-1;}
.mv_sec .mv_info .txt {margin-top:-20px;font-size:19px;line-height:32px;opacity:0;transition:all 0.4s;}
/*.mv_sec .item.mv00 .mv_info .tit {padding-top:85px;background:url(/theme/inpiad-cx/images/main/mv06_ict.png) no-repeat left top;text-shadow:0 0 2px #4690af;}*/
.mv_sec .item.mv00 .mv_info  {top: 24%;}
.mv_sec .item.mv00 .mv_info .tit {font-size:48px;}
.mv_sec .item.mv00 .mv_info .stit > span:after {background:#dd292a;}
.mv_sec .item.mv00 .mv_info .txt > span {font-size:23px;color:#e71f20;}
.mv_sec .item.mv01 .mv_info {top: 19%;}
.mv_sec .item.mv01 .mv_info .ico {display: block;width: auto !important;opacity:0;margin-bottom: 20px;}
.mv_sec .item.mv01 .mv_info .tit {text-shadow:0 0 2px #3379dd;}
.mv_sec .item.mv01 .mv_info .stit > span:after {background:#3379dd;}
.mv_sec .item.mv02 .mv_info .tit {text-shadow:0 0 2px #38601f;}
.mv_sec .item.mv02 .mv_info .stit > span:after {background:#957812;}
.mv_sec .item.mv03 .mv_info .tit {text-shadow:0 0 2px #585e7e;}
.mv_sec .item.mv03 .mv_info .stit > span:after {background:#585e7e;}
.mv_sec .item.mv05 .mv_info {top: 19%;}
.mv_sec .item.mv05 .mv_info .ico2 {width: auto !important;opacity:0;}
.mv_sec .item.mv05 .mv_info .tit2 {margin-top: 30px;font-size: 48px;line-height: 60px;font-weight: 700;opacity:0;}
.mv_sec .item.mv05 .mv_info .stit2 {margin-top: 24px;font-size: 19px;line-height: 32px;font-weight: 700;opacity:0;}

.mv_sec .mv_list .active .item > img {animation:mv_Img 1.5s 0.1s forwards;}
.mv_sec .active .mv_info .ico {animation:mvi01 0.5s 1s forwards;}
.mv_sec .active .mv_info .tit {animation:mvi01 0.8s 1s forwards;}
.mv_sec .active .mv_info .stit {animation:mvi02 0.8s 1.7s forwards;}
.mv_sec .active .mv_info .txt {animation:mvi01 0.8s 2.4s forwards;}
.mv_sec .active .mv_info .ico2 {animation:mvi01 0.8s 1s forwards;}
.mv_sec .active .mv_info .tit2 {animation:mvi02 0.8s 1.7s forwards;}
.mv_sec .active .mv_info .stit2 {animation:mvi01 0.8s 2.4s forwards;}

.mv_sec .main_icon {position: absolute; left: 50%;transform: translateX(-50%);bottom: 30px; z-index: 1; animation:ico_Move 3s infinite; }

@keyframes ico_Move {
	0% {bottom:15px;}
	50% {bottom:30px;}
	100% {bottom:15px;}
}

@media (max-width: 1240px){
	.mv_sec .mv_list .item > img {width:140%;margin-left:-15%;}
}

@keyframes mv_Img {
	0% {transform:scale(1.1);}
	100% {transform:scale(1);}
}
@keyframes mvi01 {
	0% {margin-top:-20px;opacity:0;}
	100% {margin-top:0;opacity:1;}
}
@keyframes mvi02 {
	0% {margin:10px 0 20px;opacity:0;}
	100% {margin:20px 0;opacity:1;}
}


.main_visual .btm_info {display:none;position:absolute;left:0;bottom:0;width:100%;padding:15px 0;background:rgba(0,0,0,0.4);}
.main_visual .btm_info .btm_sub {width:1200px;margin:0 auto;}
.main_visual .btm_info .btm_sub:after {content:"";display:block;clear:both;}
.main_visual .btm_info .btm_sub > li {float:left;width:16.6%;margin:15px 0;height:46px;padding:0 10px 0 50px;font-size:15px;color:#fff;line-height:46px;box-sizing:border-box;}
.main_visual .btm_info .btm_sub > li.ico01 {background:url(/theme/inpiad-cx/images/main/mv00_ico01.png) no-repeat left center;}
.main_visual .btm_info .btm_sub > li.ico02 {background:url(/theme/inpiad-cx/images/main/mv00_ico02.png) no-repeat left center;}
.main_visual .btm_info .btm_sub > li.ico03 {background:url(/theme/inpiad-cx/images/main/mv00_ico03.png) no-repeat left center;}
.main_visual .btm_info .btm_sub > li.ico04 {background:url(/theme/inpiad-cx/images/main/mv00_ico04.png) no-repeat left center;}
.main_visual .btm_info .btm_sub > li.ico05 {background:url(/theme/inpiad-cx/images/main/mv00_ico05.png) no-repeat left center;}
.main_visual .btm_info .btm_sub > li.ico06 {background:url(/theme/inpiad-cx/images/main/mv00_ico06.png) no-repeat left center;}
.main_visual .btm_info .btm_sub > li.ico07 {background:url(/theme/inpiad-cx/images/main/mv00_ico07.png) no-repeat left center;}
.main_visual .btm_info .btm_sub > li.ico08 {background:url(/theme/inpiad-cx/images/main/mv00_ico08.png) no-repeat left center;line-height:23px;}
.main_visual .btm_info .btm_sub > li.ico09 {background:url(/theme/inpiad-cx/images/main/mv00_ico09.png) no-repeat left center;line-height:23px;}
.main_visual .btm_info .btm_sub > li.ico10 {background:url(/theme/inpiad-cx/images/main/mv00_ico10.png) no-repeat left center;line-height:23px;}
.main_visual .btm_info .btm_sub > li.ico11 {background:url(/theme/inpiad-cx/images/main/mv00_ico11.png) no-repeat left center;line-height:23px;}
.main_visual .btn_vouc {display:none !important;position:absolute;right:50%;top:24%;width:240px;height:240px;margin-right:-600px;background:url(/theme/inpiad-cx/images/main/mv00_btn.png) no-repeat center center;font-size:0;}

/*.main_visual > .visual_box .main_slide { list-style:none; margin:0; padding:0; overflow:hidden; }
.main_visual > .visual_box .main_slide > li { position:relative; overflow:hidden; }
.main_visual > .visual_box .main_slide > li > .main_img { width:auto; max-width:100%; height:auto; z-index:1; }
.main_visual > .visual_box .main_slide > li .main_slogan { position:absolute; left:0; right:0; top:0; bottom:0; display:table; width:100%; height:100%; margin:auto; z-index:2; }
.main_visual > .visual_box .main_slide > li .main_slogan_inner { display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle; overflow:hidden; }
.main_visual > .visual_box .main_slide > li .main_slogan .txt_b { margin-bottom:20px; font-size:4.375em; color:#fff; font-weight:500; }
.main_visual > .visual_box .main_slide > li .main_slogan .txt_s { font-size:1em; color:#fff; font-weight:400; }

.main_visual .bx-wrapper { margin:0; }
.main_visual .bx-pager { width:1225px;bottom:60px;left:50%;margin-left:-600px;text-align:right;}
.main_visual .bx-pager .bx-pager-item a { width:14px; height:14px; background:#fff; border-radius:50%; box-sizing:border-box; overflow:hidden; }
.main_visual .bx-pager .bx-pager-item a:hover,
.main_visual .bx-pager .bx-pager-item a:focus { background:#fff; }
.main_visual .bx-pager .bx-pager-item a.active { background:transparent; border:1px solid #fff; }*/

.main_visual .icon_mouse { display:none;position:absolute; left:0; right:0; bottom:30px; width:37px; height:auto; margin:auto auto; z-index:100;}

/* 메인 : 서비스 */
.main_service { padding:5px 0 100px; background:#fff;}
.main_service header h1 { margin:0 0 60px; font-size:2.75em; color:#343232; text-align:center; line-height: 1;}
.main_service header h1 > span {color:#20b0e8;}
.main_service .msv_box {width:100%;max-width:1200px;margin:50px auto 0;box-sizing:border-box;}
.main_service .msv_info {display:table;width:100%;table-layout:fixed;}
.main_service .msv_info > li {display:table-cell;font-size:18px;color:#666;line-height:25px;text-align:center;vertical-align:top;}
.main_service.active .msv_info > li {animation:icoView 0.4s forwards;}
.main_service.active .msv_info > li.ico05, .main_service.active .msv_info > li.ico06 {}
.main_service.active .msv_info > li.ico04, .main_service.active .msv_info > li.ico07 {animation-delay:0.2s;}
.main_service.active .msv_info > li.ico03, .main_service.active .msv_info > li.ico08 {animation-delay:0.4s;}
.main_service.active .msv_info > li.ico02, .main_service.active .msv_info > li.ico09 {animation-delay:0.6s;}
.main_service.active .msv_info > li.ico01, .main_service.active .msv_info > li.ico10 {animation-delay:0.8s;}
.main_service .msv_info > li:before {content:"";display:block;width:70px;height:70px;margin:0 auto 15px;background-color:#c0e1ee;border:solid 2px #fff;border-radius:100%;box-shadow:0 2px 2px rgba(211,214,219,0.8);box-sizing:border-box;}
.main_service .msv_info > li.ico01:before {background-image:url(/theme/inpiad-cx/images/main/msv_ico01.png);background-repeat:no-repeat;background-position:center center;}
.main_service .msv_info > li.ico02:before {background-image:url(/theme/inpiad-cx/images/main/msv_ico02.png);background-repeat:no-repeat;background-position:center center;}
.main_service .msv_info > li.ico03:before {background-image:url(/theme/inpiad-cx/images/main/msv_ico03.png);background-repeat:no-repeat;background-position:center center;}
.main_service .msv_info > li.ico04:before {background-image:url(/theme/inpiad-cx/images/main/msv_ico04.png);background-repeat:no-repeat;background-position:center center;}
.main_service .msv_info > li.ico05:before {background-image:url(/theme/inpiad-cx/images/main/msv_ico05.png);background-repeat:no-repeat;background-position:center center;}
.main_service .msv_info > li.ico06:before {background-image:url(/theme/inpiad-cx/images/main/msv_ico06.png);background-repeat:no-repeat;background-position:center center;}
.main_service .msv_info > li.ico07:before {background-image:url(/theme/inpiad-cx/images/main/msv_ico07.png);background-repeat:no-repeat;background-position:center center;}
.main_service .msv_info > li.ico08:before {background-image:url(/theme/inpiad-cx/images/main/msv_ico08.png);background-repeat:no-repeat;background-position:center center;}
.main_service .msv_info > li.ico09:before {background-image:url(/theme/inpiad-cx/images/main/msv_ico09.png);background-repeat:no-repeat;background-position:center center;}
.main_service .msv_info > li.ico10:before {background-image:url(/theme/inpiad-cx/images/main/msv_ico10.png);background-repeat:no-repeat;background-position:center center;}

@keyframes icoView {
	0% {opacity:0;transform:scale(1);}
	50% {opacity:1;transform:scale(1.1);}
	100% {opacity:1;transform:scale(1);}
}


/* 메인 : 계약현황 / 유지관리 현황 / 고객센터 */
.main_cnt { position:relative;}
.main_cnt:after {content: ''; display: block; clear: both;}
.main_cnt .cnt_box {width:100%;max-width:50%; height: 585px;padding:100px 0;  float: left;}
.main_cnt .cnt_box.cb1 {background:#1785af; position: relative; left: 0;}
.main_cnt .cnt_box.cb2 {background:#2f343e ; position: relative;right: 0;}
.main_cnt .cnt_box:after {content:"";display:block;clear:both;}
.main_cnt header { display:none; }
.main_cnt article {position:relative;float:left;box-sizing:border-box;z-index:1; width: 600px;}
.main_cnt .cnt_order {padding-right:60px; position: absolute; right: 0;}
.main_cnt .cnt_cs {padding-left:60px;}
.main_cnt article > h2 {margin-bottom:15px;padding-left:45px;font-size:28px;font-weight:500;color:#fff;line-height:50px;box-sizing:border-box;}
.main_cnt .cnt_order > h2 {background:url(/theme/inpiad-cx/images/main/mcnt_ico_order.png) no-repeat left center;}
.main_cnt .cnt_cs > h2 {background:url(/theme/inpiad-cx/images/main/mcnt_ico_cs.png) no-repeat left center;}
.main_cnt article .btn_more {position:absolute;font-size:15px;color:#fff;line-height:50px;}
.main_cnt article > .btn_more {top:0;right:60px;}
.main_cnt .ord_list > li {margin-top:15px;}
.main_cnt .ord_list > li > a {display:block;font-size:0;}
.main_cnt .ord_list .date {position:relative;display:inline-block;width:15%;padding-right:5%;font-size:15px;color:#fff;text-align:center;vertical-align:top;box-sizing:border-box;}
.main_cnt .ord_list .date:after {content:"";position:absolute;right:0;top:5px;bottom:5px;width:1px;background:#3e96b8;}
.main_cnt .ord_list .date .month {display:block;font-size:30px;font-weight:700;line-height:30px;}
.main_cnt .ord_list .title {display:inline-block;width:85%;padding-left:5%;font-size:18px;color:#fff;line-height:55px;text-overflow:ellipsis;white-space:nowrap;vertical-align:top;overflow:hidden;box-sizing:border-box;}

.main_cnt .cs_top {}
.main_cnt .cs_top:after {content:"";display:block;clear:both;}
.main_cnt .cs_top .cs_tel {float:left;font-size:42px;font-weight:700;color:#1fb2e9;line-height:55px;letter-spacing:-1.5px;}
.main_cnt .cs_top .cs_tel > a {display:none;}
.main_cnt .cs_top .cs_btns {float:right;width:50%;border-radius:55px;font-size:0;overflow:hidden;}
.main_cnt .cs_top .cs_btns > a {display:inline-block;width:30%;background:#fff;font-size:15px;color:#666;text-align:center;line-height:55px;vertical-align:top;box-sizing:border-box;}
.main_cnt .cs_top .cs_btns > a.btn_consult {background:#1fb2e9;color:#fff;}
.main_cnt .cs_top .cs_btns > a:nth-child(2) {width:40%;border-right:solid 1px #c0c2c5;}
.main_cnt .cnt_cs .spec {margin:30px 0 35px;}
.main_cnt .cnt_cs .spec > li {font-size:18px;color:#fff;line-height:30px;}
.main_cnt .noti_box {position:relative;padding:25px 35px;border-radius:10px;box-shadow:0 0 4px #1fb2e9;box-sizing:border-box;}
.main_cnt .noti_box h2 {margin-bottom:8px;padding-left:45px;background:url(/theme/inpiad-cx/images/main/mcnt_ico_noti.png) no-repeat left center;font-size:23px;font-weight:500;color:#1fb2e9;box-sizing:border-box;}
.main_cnt .noti_box .btn_more {right:35px;top:25px;line-height:35px;}
.main_cnt .noti_box .listup { list-style:none; margin:0; padding:0; overflow:hidden; }
.main_cnt .noti_box .listup > li { position:relative;padding-left:10px; box-sizing:border-box;}
.main_cnt .noti_box .listup > li:before {content:"";position:absolute;left:0;top:16px;width:3px;height:3px;background:#20b0e8;}
.main_cnt .noti_box .listup > li a { display:block; width:100%; height:100%; padding:0; font-size:0; color:#fff; }
.main_cnt .noti_box .listup .title {display:inline-block;width:78%;font-size:15px;line-height:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;vertical-align:top;}
.main_cnt .noti_box .listup .date {display:inline-block;width:22%;font-size:15px;text-align:right;line-height:30px;vertical-align:top;}


/* 메인 : 포트폴리오 영역 */
.portfolio_box { display:block; max-width:1200px; margin:0 auto; padding:100px 0; }
.portfolio_box header h1 { margin:0 0 60px; font-size:2.75em; color:#343232; text-align:center; }
.portfolio_box .pf_list > ul { list-style:none; overflow:hidden; }
.portfolio_box .pf_list > ul > li { position:relative; float:left; width:32%; margin-right:2%; margin-bottom:20px; }
.portfolio_box .pf_list > ul > li > a { display:block; width:100%; height:100%; border:1px solid #eee; overflow:hidden;text-align:center; }
.portfolio_box .pf_list > ul > li > a > img { /*transform:scale(1);*/ transition:transform 2.5s ease;height:310px;}
.portfolio_box .pf_list > ul > li:nth-child(3n+1) { clear:both; }
.portfolio_box .pf_list > ul > li:nth-child(3n+3) { margin-right:0; }

.portfolio_box .pf_list .over_box {
	position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.5) url("/theme/inpiad-cx/images/sub/icon_plus.png") no-repeat center 90%; z-index:100;
	opacity:0; transition:opacity .2s ease-in;
}
.portfolio_box .pf_list .over_box .txt_b { margin-bottom:10px; font-size:1.5625em; color:#fff; font-weight:500; }
.portfolio_box .pf_list .over_box .txt_s { font-size:0.9375em; color:#fff; font-weight:500; }

.portfolio_box .pf_list > ul > li:hover .over_box { opacity:1; }
.portfolio_box .pf_list > ul > li:hover > a > img { transform:scale(1.1); transition:all 1s ease; }
.portfolio_box .btn_more_port {width:25%;}

/* 메인 : 유지관리 / 고객사 인터뷰 */
.main_manage { position:relative;padding:100px 0; background:url(/theme/inpiad-cx/images/main/mmana_bg.png) no-repeat center top;background-size:auto 100%;}
.main_manage .mmana_box {width:100%;max-width:1200px;margin:0 auto;}
.main_manage .mmana_box:after {content:"";display:block;clear:both;}
.main_manage header { display:none; }
.main_manage article {position:relative;float:left;width:50%;box-sizing:border-box;}
.main_manage .mmana {padding-right:30px;}
.main_manage .mpart {padding-left:30px;}
.main_manage article > h2 {margin-bottom:25px;padding-left:45px;font-size:28px;font-weight:500;color:#fff;line-height:50px;box-sizing:border-box;}
.main_manage .mmana > h2 {background:url(/theme/inpiad-cx/images/main/mmana_ico01.png) no-repeat left center;}
.main_manage .mpart > h2 {background:url(/theme/inpiad-cx/images/main/mmana_ico02.png) no-repeat left center;}
.main_manage article .btn_more {position:absolute;font-size:15px;color:#fff;line-height:50px;}
.main_manage article > .btn_more {top:0;right:30px;}
.main_manage .mana_list > li {margin-top:15px;}
.main_manage .mana_list > li > a {display:block;font-size:0;}
.main_manage .mana_list .date {position:relative;display:inline-block;width:15%;padding-right:5%;font-size:15px;color:#fff;text-align:center;vertical-align:top;box-sizing:border-box;}
.main_manage .mana_list .date:after {content:"";position:absolute;right:0;top:5px;bottom:5px;width:1px;background:#585a5b;}
.main_manage .mana_list .date .month {display:block;font-size:30px;font-weight:700;line-height:30px;}
.main_manage .mana_list .title {display:inline-block;width:80%;padding:0 20px 0 5%;font-size:18px;color:#fff;line-height:55px;text-overflow:ellipsis;white-space:nowrap;vertical-align:top;overflow:hidden;box-sizing:border-box;}
.main_manage .mana_list .title .stat { display:inline-block;min-width:60px; height:28px;border-radius:3px; line-height:26px;margin-right:10px; padding:0 2px; font-size:13px;color:#fff; text-align:center; vertical-align:middle;box-sizing:border-box; }
.main_manage .mana_list .title .stat1 { background:#1fb2e9; }
.main_manage .mana_list .title .stat2 { background:#37bf25; }
.main_manage .mana_list .title .stat3 { background:#486ed8; }
.main_manage .mana_list .date02 {display:inline-block;width:28%;padding-left:25px;background:url(/theme/inpiad-cx/images/main/mmana_ico_date.png) no-repeat left center;font-size:15px;color:#fff;line-height:55px;box-sizing:border-box;}

.main_manage .mpart .mpart_box {position:relative;margin-top:-70px;}
.main_manage .mpart .mpart_box:after {content:"";position:absolute;left:0;right:0;bottom:0;top:70px;background:#fff;}
.main_manage .mpart .mpart_box .btn_more {position:absolute;top:100px;left:93px;width:30px;height:30px;border:solid 1px #dbdbdb;font-size:24px;font-weight:100;color:#4c4c4c;text-align:center;line-height:28px;z-index:10;box-sizing:border-box; background:url(/theme/inpiad-cx/images/main/ivw_more_btn.png) no-repeat center;}
.main_manage .mpart .mpart_box .mp_count {position:absolute;top:100px;left:140px;;font-size:14px;color:#888;line-height:30px;z-index:1;}
.main_manage .mpart .mpart_list {z-index:1;}
.main_manage .mpart .mpart_list .mp_img {position:absolute;right:0;top:0;width:40%;height:230px;}
.main_manage .mpart .mpart_list .mp_img:after {content:"";position:absolute;left:0;width:100%;height:35px;background:url(/theme/inpiad-cx/images/main/mmana_shad.png) no-repeat left top;background-size:100% auto;}
.main_manage .mpart .mpart_list .mp_img > img {width:100%;height:230px;}
.main_manage .mpart .mpart_list .mp_info .tit {min-height:90px;margin:160px 0 20px;padding:0 45% 0 35px;font-size:20px;color:#333;line-height:30px;box-sizing:border-box;}
.main_manage .mpart .mpart_list .mp_info .txt {padding:0 35px;font-size:15px;color:#666;line-height:26px;box-sizing:border-box;}
.main_manage .mpart .owl-nav {position:absolute;top:95px;left:20px;font-size:0;line-height:0; margin-top: 0;}
.main_manage .mpart .owl-nav > div {display:inline-block;width:30px;height:30px;margin-right:-1px;border:solid 1px #dbdbdb;font-size:0;vertical-align:top;box-sizing:border-box; background-color: #fff;border-radius: 0;}
.main_manage .mpart .owl-nav > div:hover{ background: none;}
.main_manage .mpart .owl-nav > div:before {display:block;font-size:24px;font-weight:100;color:#4c4c4c;text-align:center;line-height:28px;}
.main_manage .mpart .owl-nav .owl-prev:before {content:""; display: block; background:url(/theme/inpiad-cx/images/main/ivw_prev_btn.png) no-repeat center; width: 15px; height: 20px;}
.main_manage .mpart .owl-nav .owl-next:before {content:""; display: block; background:url(/theme/inpiad-cx/images/main/ivw_next_btn.png) no-repeat center; width: 15px; height: 20px;}
.main_manage .mpart .owl-dots {display:table;width:100%;margin-top:40px;border-top:solid 1px #dbdbdb;table-layout:fixed;box-sizing:border-box;}
.main_manage .mpart .owl-dots .owl-dot {display:table-cell;padding:25px 10px;border-left:solid 1px #dbdbdb;font-size:15px;color:#666;text-align:center;line-height:25px;vertical-align:middle;box-sizing:border-box;}
.main_manage .mpart .owl-dots .owl-dot:first-child {border:none;}
.main_manage .mpart .owl-dots .owl-dot.active {background:#1fb2e9;color:#fff;}


/* 메인 : 웹진 영역 */
.main_webzine { position:relative; display:block; height:746px; background:#ecebeb; }
.webzine_box { display:block; max-width:1200px; margin:0 auto; padding:95px 0; }
.webzine_box header h1 { margin:0 0 70px; font-size:2.75em; color:#343232; text-align:center; }
.webzine_box ul { display:block; margin:0; padding:0; list-style:none; }
.webzine_box ul:after { display:block; content:""; clear:both; }
.webzine_box ul li { display:block; float:left; width:28.5%; margin-left:7.25%; box-shadow:5px 5px 10px #c5c4c4; }
.webzine_box ul li:first-child { margin-left:0; }
.webzine_box ul li .text_box { display:block; height:192px; padding:30px 22px; background:#fff; }
.webzine_box ul li .text_box .title { display:block; margin:0 0 20px; font-size:1.12em; color:#333; }
.webzine_box ul li .text_box .text { display:block; line-height:1.8; font-size:0.87em; color:#999; }
.webzine_box ul li .img { position:relative; display:block; }
.webzine_box ul li .img img { max-width:100%; }
.webzine_box ul li .img:before { content:""; position:absolute; top:-1px; left:-1px; right:-1px; bottom:-1px; transition:border-width .3s }
.webzine_box ul li:hover .img:before { border:1px solid #1bbef0; border-width:10px }

/* 메인 : 숫자로 보는 인피아드 영역 */
.main_count { position:relative; display:block; height:648px; padding:148px 0; background:url('/theme/inpiad-cx/images/main/count_bg.jpg') no-repeat center top; }
.count_box { display:block; max-width:1200px; height:352px; margin:0 auto; padding:0 13.2%; background:url('/theme/inpiad-cx/images/main/count_circle.png') no-repeat center top; }
.count_box header { position:absolute; left:50%; top:50%; margin-top:-45px; margin-left:-84px; }
.count_box header h1 { display:block; line-height:1.3; text-align:center; font-size:2.18em; font-weight:400; color:#f8f3f3; }
.count_box header h1 strong { display:block; font-weight:500; }
.count_box ul { display:block; margin:0; padding:0; list-style:none; overflow:hidden; }
.count_box ul li { display:block; float:left; width:50%; }
.count_box ul li strong { display:inline-block; line-height:1.2; font-size:3.37em; color:#ccc; }
.count_box ul li .icon { display:inline-block; width:36px; height:32px; margin:0 5px; background:url('/theme/inpiad-cx/images/main/count_icon1.png') no-repeat left bottom; }
.count_box ul li .text { display:block; font-size:0.87em; color:#d5d2d2; }
.count_box ul li:nth-child(2n) { float:right; text-align:right; }
.count_box ul li.list1 { margin:50px 0 0; }
.count_box ul li.list2 { margin-bottom:133px; }
.count_box ul li.list2 strong { color:#ce2323; }
.count_box ul li.list2 .text { color:#ce2323; }
.count_box ul li.list2 .icon { background:url('/theme/inpiad-cx/images/main/count_icon2.png') no-repeat left bottom; }
.count_box ul li.list3 { margin:95px 0 0; }
.count_box ul li.list3 .icon { background:url('/theme/inpiad-cx/images/main/count_icon3.png') no-repeat left bottom; }
.count_box ul li.list4 .icon { background:url('/theme/inpiad-cx/images/main/count_icon4.png') no-repeat left bottom; }

/* 메인 : 지도 */
.main_map {position:relative;line-height:0;}
.main_map .map_info_box {position:absolute;top:50%;right:18%;width:330px;height:300px;margin:-150px 0 0;padding:20px 0;background:url(/theme/inpiad-cx/images/main/mmap_boxbg.png) repeat left top;color:#fff;text-align:center;line-height:24px;box-sizing:border-box;z-index:100;}
.main_map .map_info_box .tit {padding-top:80px;background:url(/theme/inpiad-cx/images/main/mmap_ico.png) no-repeat center top;font-size:38px;font-weight:700;line-height:40px;}
.main_map .map_info_box .txt {margin:15px 0 10px;font-size:16px;line-height:28px;}
.main_map .map_info_box .tel {font-size:18px;}
.main_map .map_info_box .tel > span {display:inline-block;font-size:16px;font-weight:700;}

/* 서브 프레임 */
#sub_body { min-height:500px; }
#sub_visual { height:346px; }
.sub_visual_1 { background:url("/theme/inpiad-cx/images/sub/sub_visual_1.jpg") no-repeat center top; background-size:cover; }
.sub_visual_2 { background:url("/theme/inpiad-cx/images/sub/sub_visual_2.jpg") no-repeat center top; background-size:cover; }
.sub_visual_3 { background:url("/theme/inpiad-cx/images/sub/sub_visual_3.jpg") no-repeat center top; background-size:cover; }
.sub_visual_4 { background:url("/theme/inpiad-cx/images/sub/sub_visual_4.jpg") no-repeat center top; background-size:cover; }
.sub_visual_5 { background:url("/theme/inpiad-cx/images/sub/sub_visual_5.jpg") no-repeat center top; background-size:cover; }
.sub_visual_6 { background:url("/theme/inpiad-cx/images/sub/sub_visual_6.jpg") no-repeat center top; background-size:cover; }
.sub_visual_7 { background:url("/theme/inpiad-cx/images/sub/sub_visual_7.jpg") no-repeat center top; background-size:cover; }
.sub_visual_8 { background:url("/theme/inpiad-cx/images/sub/sub_visual_8.jpg") no-repeat center top; background-size:cover; }

.sub_visual_10 { background:url("/theme/inpiad-cx/images/sub/sub_visual_10.jpg") no-repeat center top; background-size:cover; }
#sub_visual .sv_tb { display:table; height:100%; border-collapse:collapse; border-spacing:0; margin:0 auto; padding:0; }
#sub_visual .sv_tb > .sv_cell { display:table-cell; text-align:center; vertical-align:middle; }
#sub_visual .sv_tb > .sv_cell > .h2_label {font-size:4.375em; color:#fff; font-weight:600; }

/* 로컬 네비게이션 */
#ln_area { display:block; height:62px; margin:-31px auto 0; padding:0; text-align:center; }
#ln_area .ln { display:inline-block; list-style:none; width:auto; margin:0 auto; padding:0; box-sizing:border-box; }
#ln_area .ln:after { display:block; content:""; clear:both; }
#ln_area .ln > li { display:block; float:left; width:140px; text-align:center; border:1px solid #eee; border-left:0; box-sizing:border-box; }
#ln_area .ln > li.long {width:180px;}
#ln_area .ln > li > a { display:block; width:100%; height:100%; line-height:62px; font-size:1em; color:#666; background:#fff; }
#ln_area .ln > li:nth-child(1) { border-left:1px solid #eee; }
#ln_area .ln > li.current > a { color:#fff; background:#00d6e5; }

/* 서브 컨텐츠 영역 */
#sub_cnt { display:block; min-height:500px; margin:0 auto; padding:70px 0 120px; box-sizing:border-box; overflow:hidden; }

/* 서브 컨텐츠 공통 */
.h3_label { margin:0 0 30px; font-size:1.75em; font-weight:400; color:#333; text-align:center; }

.common_top_text { line-height:1.5; margin-bottom:3.75em; color:#333; text-align:center; word-break:keep-all; }
.common_top_text p { font-size:2.1875em; }
.common_top_text span { display:block; font-size:1.125em; color:#666; }

.center { text-align:center !important; }
.c_tb { display:table; width:100%; height:100%; }
.c_tb > .c_cell { display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle; }

.btn_common { display:block; width:17.2%; margin:0 auto; padding:18px 0; font-size:1.3125em; color:#00d6e5 !important; font-weight:400; text-align:center; background:none; border:3px solid #00d6e5; border-radius:3px !important; overflow:hidden; }
.btn_common2 { display:block; width:18%; margin:0 auto; padding:20px 0; font-size:1.3125em; color:#3eb6d8 !important; font-weight:400; text-align:center; background:none; border:3px solid #3eb6d8; border-radius:3px !important; overflow:hidden; }

.btn_common_area {text-align:center;margin-bottom:40px;}
.btn_common_area .btn_common {display:inline-block;margin:0 3%;}

.table_outline { width:auto; max-width:1200px; margin:0 auto; border-top:2px solid #333; overflow:hidden; }
.table_outline > table { width:100%; border-collapse:collapse; border-spacing:0; }
.table_outline > table caption { font-size:0; text-indent:-9999px; }
.table_outline > table th { padding:12px 10px; font-size:0.9375em; font-weight:400; color:#333; border:1px solid #ddd; border-right:0; }
.table_outline > table td { padding:12px 10px; font-size:0.9375em; color:#666; border:1px solid #ddd; border-right:0; }
.table_outline > table tr .bl { border-left:1px solid #ddd !important; }
.table_outline > table tr > th:nth-child(1) { border-left:0; }
.table_outline > table tr > td:nth-child(1) { border-left:0; }

/* 포토플리오 */
.portfolio { width:auto; max-width:1200px; margin:0 auto; box-sizing:border-box; overflow:hidden; }

.portfolio .pf_slogon { width:auto; margin-bottom:60px; text-align:center; overflow:hidden; }
.portfolio .pf_slogon > .txt_b { margin-bottom:20px; font-size:2.1875em; color:#333; line-height:1.42; word-break:keep-all; }
.portfolio .pf_slogon > .txt_n { font-size:1.125em; color:#666; font-weight:300; line-height:1.3; word-break:keep-all; }

.portfolio .pf_tab { margin-bottom:60px; }
.portfolio .pf_tab > ul { list-style:none; margin:0; padding:0; border-left:1px solid #d2d2d2; border-top:1px solid #d2d2d2; overflow:hidden; }
.portfolio .pf_tab > ul > li { float:left; width:16.66%; height:70px; text-align:center; background:#fff; border:1px solid #d2d2d2; border-left:0; border-top:0; box-sizing:border-box; overflow:hidden; }
.portfolio .pf_tab > ul > li > a { display:table; width:100%; height:100%; font-size:0.9325em; color:#505050; }
.portfolio .pf_tab > ul > li > a > span { display:table-cell; text-align:center; vertical-align:middle; }
.portfolio .pf_tab > ul > li.current { background:#939b9b; }
.portfolio .pf_tab > ul > li.current > a { color:#fff; }

.portfolio .pf_search { position:relative; margin:0 auto 70px; overflow:hidden; }
.portfolio .pf_search > header { position:absolute; left:-9999px; top:-9999px; }
.portfolio .pf_search > header > h1 { }
.portfolio .pf_search .s_box { position:relative; width:55.83%; height:80px; margin:0 auto; border:4px solid #00d6e5; border-radius:40px; box-sizing:border-box; overflow:hidden; }
.portfolio .pf_search label { display:none; }
.portfolio .pf_search input[type=text] { float:left; width:calc(100% - 80px); height:72px; line-height:54px; font-size:1.125em; color:#666; text-indent:20px; background:#fff; border:0; box-sizing:border-box; outline:0; }
.portfolio .pf_search .btn_search { position:absolute; display:block; right:-4px; top:-4px; width:80px; height:80px; background:#00d6e5 url("/theme/inpiad-cx/images/sub/icon_search.png") no-repeat center center; border:0; border-radius:50%; }
.portfolio .pf_search .btn_search > span { font-size:0; text-indent:-9999px; }

/*
.portfolio .pf_search label { display:none; }
.portfolio .pf_search input[type=text] { float:left; width:calc(100% - 54px); height:54px; line-height:54px; font-size:1.125em; color:#666; text-indent:10px; background:#fff; border:0; box-sizing:border-box; outline:0; }
.portfolio .pf_search .btn_search { display:block; float:left; width:54px; height:54px; background:#00d6e5 url("/theme/inpiad-cx/images/sub/icon_search.png") no-repeat center center; }
.portfolio .pf_search .btn_search > span { font-size:0; text-indent:-9999px; }
*/

.portfolio .pf_list { margin-bottom:50px; overflow:hidden; }
.portfolio .pf_list > ul { list-style:none; overflow:hidden; }
.portfolio .pf_list > ul > li { position:relative; float:left; width:32%; margin-right:2%; margin-bottom:20px; }
.portfolio .pf_list > ul > li > a { display:block; width:100%; height:100%; border:1px solid #eee; overflow:hidden; }
.portfolio .pf_list > ul > li > a > img { /*transform:scale(1);*/ transition:transform 2.5s ease; height:310px;}
.portfolio .pf_list > ul > li:nth-child(3n+1) { clear:both; }
.portfolio .pf_list > ul > li:nth-child(3n+3) { margin-right:0; }

.portfolio .pf_list .over_box { 
	position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.5) url("/theme/inpiad-cx/images/sub/icon_plus.png") no-repeat center 90%; z-index:100;
	opacity:0;
	transition:opacity .2s ease-in;
}
.portfolio .pf_list .over_box .txt_b { margin-bottom:10px; font-size:1.5625em; color:#fff; font-weight:500; }
.portfolio .pf_list .over_box .txt_s { font-size:0.9375em; color:#fff; font-weight:500; }

.portfolio .pf_list > ul > li:hover .over_box { opacity:1; }
.portfolio .pf_list > ul > li:hover > a > img { transform:scale(1.1); transition:all 1s ease; }
.portfolio .btn_common { width:25%; }

/* 제작서비스 */
.service { box-sizing:border-box; overflow:hidden; }
.service2 { display:block; margin:50px 0 0; padding:50px 0; background:#f0f0f0; }
.service .sv_slogon { width:auto; margin-bottom:60px; text-align:center; overflow:hidden; }
.service .sv_slogon > .txt_b { margin-bottom:20px; font-size:2.1875em; color:#333; line-height:1.42; word-break:keep-all; }
.service .sv_slogon > .txt_b span { display:block; }
.service .sv_slogon > .txt_n { font-size:1.125em; color:#666; font-weight:400; line-height:1.3; word-break:keep-all; }
.service .sv_slogon > .txt_n span { display:block; }

.service .sv_price {position:relative;}
.service .sv_price > header {display:none;}
.service .sv_price .type_area {height:0;border:none;overflow:hidden;transition:all 0.4s;}
.service .sv_price .type_area.on {height:812px;border-top:solid 1px #e4e1e1;}
.service .sv_price.sv_shop .type_area.on {height:728px;}
.service .sv_price .t_ty {width:100%;border-top:solid 1px #ccc;border-left:solid 1px #ccc;table-layout:fixed;border-collapse:collapse;border-spacing:0;letter-spacing:-0.5px;}
.service .sv_price caption {display:none;}
.service .sv_price .t_ty thead th {padding:15px 0;border-right:solid 1px #ccc;border-bottom:solid 1px #ccc;font-size:20px;font-weight:700;color:#333;text-align:center;}
.service .sv_price .t_ty tbody th {padding:10px;border-right:solid 1px #ccc;border-bottom:solid 1px #ccc;font-size:15px;font-weight:700;color:#333;text-align:center;vertical-align:middle;}
.service .sv_price .t_ty tbody td {padding:10px;border-right:solid 1px #ccc;border-bottom:solid 1px #ccc;font-size:13px;color:#666;text-align:center;vertical-align:middle;}
.service .sv_price .t_ty tbody td.bg01 {background:#ffc301;font-size:18px;font-weight:700;color:#fff;}
.service .sv_price .t_ty tbody td.bg02 {background:#f4931f;font-size:18px;font-weight:700;color:#fff;}
.service .sv_price .t_ty tbody td.bg03 {background:#7fd2f2;font-size:18px;font-weight:700;color:#fff;}
.service .sv_price .t_ty tbody td.bg04 {background:#33b7ea;font-size:18px;font-weight:700;color:#fff;}
.service .sv_price .t_ty tbody td.bg05 {background:#00a5e5;font-size:18px;font-weight:700;color:#fff;}
.service .sv_price .t_ty tbody td.left {text-align:left;}
.service .sv_price .t_ty tbody td ul:after {content:"";display:block;clear:both;}
.service .sv_price .t_ty tbody td ul > li {position:relative;float:left;width:50%;padding-left:10px;box-sizing:border-box;}
.service .sv_price .t_ty tbody td ul > li:before {content:"-";position:absolute;top:1px;left:0;}
.service .sv_price .t_ty .btn {display:block;padding:5px 0;margin-top:15px;background:#f71409;border-radius:5px;font-size:12px;color:#fff;text-align:center;}

.service .sv_cnt { margin-bottom:70px; overflow:hidden; }
.service .sv_cnt:last-child { margin-bottom:0; }
.service .sv_cnt > header { margin-bottom:35px; text-align:center; overflow:hidden; }
.service .sv_cnt > header > h1 { display:inline-block; margin:0 auto; font-size:2.18em; color:#333; font-weight:400; text-align:center; }
.service .sv_cnt > header > h1.size { font-size:1.87em; }
.service .sv_cnt > header > h1 span { display:block; margin:10px 0 0; font-size:15px; font-weight:400; color:#333; }
.service .sv_cnt .explain { display:block; line-height:2; padding:30px 0 55px; font-size:0.93em; color:#999; text-align:center; }
.service .sv_cnt .explain span { display:block; }
.service .sv_cnt2 { display:block; padding:50px 0; background:#f0f0f0; }
.service .sv_line header { display:none; }

.service .type_area { display:block; border-top:1px solid #e4e1e1; }
.service .type_box_area { border-bottom:1px solid #e4e1e1; }
.service .type_box_inner { display:block; max-width:1200px; margin:0 auto; padding:40px 0; overflow:hidden; }
.service .type_box { display:block; float:left; width:33.33%; text-align:center; }
.service .type_box .img { display:block; }
.service .type_box .t_title { display:block; margin:40px 0 20px; font-size:1.12em; color:#333; }
.service .type_box .t_text { display:block; line-height:2; font-size:0.93em; color:#666; }
.service .type_box .t_text span { display:block; }
.service .type_box2 { width:50%; box-sizing:border-box; }
.service .type_box2:first-child { padding-left:10%; }
.service .type_box2:last-child { padding-right:10%; }

.service .access_area { display:block; max-width:1200px; margin:0 auto; }
.service .access_box { display:block; float:left; width:20%; }
.service .access_box .title { display:block; margin:0 0 20px; font-size:1.87em; color:#333; text-align:center; }
.service .access_box .access_list { display:block; margin:0; padding:0; list-style:none; border:1px solid #666; border-width:1px 0; overflow:hidden; }
.service .access_box .access_list li { display:table; width:100%; height:128px; border-bottom:1px dashed #c8c7c7; }
.service .access_box .access_list li:last-child { border-bottom:0; }
.service .access_box .access_list li.icon1 { background:url('/theme/inpiad-cx/images/sub1/access_icon1.jpg') no-repeat 22% center; }
.service .access_box .access_list li.icon2 { background:url('/theme/inpiad-cx/images/sub1/access_icon2.jpg') no-repeat 22% center; }
.service .access_box .access_list li.icon3 { background:url('/theme/inpiad-cx/images/sub1/access_icon3.jpg') no-repeat 22% center; }
.service .access_box .access_list li.icon4 { background:url('/theme/inpiad-cx/images/sub1/access_icon4.jpg') no-repeat 7.5% center; }
.service .access_box .access_list li.icon5 { background:url('/theme/inpiad-cx/images/sub1/access_icon5.jpg') no-repeat 7.5% center; }
.service .access_box .access_list li.icon6 { background:url('/theme/inpiad-cx/images/sub1/access_icon6.jpg') no-repeat 7.5% center; }
.service .access_box .access_list li p { display:table-cell; padding-left:108px; font-size:1.12em; color:#666; vertical-align:middle; }
.service .access_box2 { display:block; float:left; width:44%; margin:0 8%; }
.service .access_box2 .access_box_inner { padding:40px 60px 30px; text-align:center; border:3px solid #627d98; }
.service .access_box2 strong { display:block; margin:0 0 7px; font-size:2.18em; font-weight:600; color:#333; }
.service .access_box2 .text { display:block; margin:0 0 40px; font-size:1em; color:#666; }
.service .access_box2 .access_list2 li { width:100%; margin:10px 0; padding:15px 0; font-size:1.5em; color:#fff; text-align:left; }
.service .access_box2 .access_list2 li.bg1 { background:#bcc6d0; }
.service .access_box2 .access_list2 li.bg2 { background:#cad848; }
.service .access_box2 .access_list2 li.bg3 { background:#5eaddd; }
.service .access_box2 .access_list2 li span { display:inline-block; width:110px; margin-left:50px; font-size:0.83em; }

.service .purpose_list { display:block; max-width:1200px; margin:0 auto; padding:0; list-style:none; overflow:hidden; }
.service .purpose_list li { display:block; float:left; width:22.75%; margin-left:3%; text-align:center; }
.service .purpose_list li:first-child { margin-left:0; }
.service .purpose_list li .img { display:block; overflow:hidden; }
.service .purpose_list li .img img { max-width:100%; cursor:default !important; transform:scale(1); transition:all .5s ease-out;}
.service .purpose_list li .text { display:block; padding:40px 20px; font-size:1em; color:#333; background:#f0f0f0; }

.service .purpose_list li:hover .img img { max-width:100%; transform:scale(1.1); transition:all 1s ease; cursor:pointer; }

.service .order_list { display:block; max-width:1200px; margin:0 auto; padding:0; list-style:none; overflow:hidden; } 
.service .order_list li { position:relative; display:block; float:left; width:20%; margin:12px 0; }
.service .order_list li .num { position:absolute; left:0; top:0; display:inline-block; width:26px; height:26px; line-height:25px; font-size:0.93em; color:#fff; text-align:center; background:#00d6e5; border-radius:50px; }
.service .order_list li .num2 { display:inline-block; width:26px; height:26px; line-height:25px; margin:0 1px; font-size:0.93em; color:#fff; text-align:center; background:#00d6e5; border-radius:50px; }
.service .order_list li .text { display:block; padding-left:45px; font-size:0.93em; color:#666; }

.service .pop_make_hp,
.service .pop_make_shop {position:absolute;top:-49px;left:50%;width:246px;margin-left:-600px;background:#00a5e5;border-radius:10px 10px 0 0;font-size:20px;color:#fff;text-align:center;line-height:50px;}
.service .pop_make_hp:before,
.service .pop_make_shop:before {content:"";display:inline-block;width:22px;height:25px;margin-right:8px;background:url(/theme/inpiad-cx/images/sub3/ico_price.png) no-repeat left top;vertical-align:middle;}

/* Service 추가_180725 */
.service3 .bg_cc {padding:85px 0 165px;background:url(/theme/inpiad-cx/images/sub1/service3_arti3_bg.jpg) no-repeat center top;}
.service3 .bg_cc .cc_sub {position:relative;width:100%;max-width:1200px;margin:0 auto;}
.service3 .bg_cc .cc {width:35%;margin:0 auto;padding:154px 20px;background:url(/theme/inpiad-cx/images/sub1/service3_arti3_cc.png) no-repeat center center;font-size:25px;font-weight:500;color:#fff;text-align:center;line-height:37px;box-sizing:border-box;}
.service3 .bg_cc .cc > span {display:block;font-size:15px;font-weight:400;letter-spacing:8px;}
.service3 .bg_cc .feat {position:absolute;font-size:18px;color:#333;}
.service3 .bg_cc .feat:after {content:"";position:absolute;width:13px;height:13px;background:#fff;border:solid 3px #00d6e5;border-radius:100%;box-sizing:border-box;}
.service3 .bg_cc .feat.feat01 {right:22.3%;top:14%;padding-left:6%;}
.service3 .bg_cc .feat.feat02 {right:20%;bottom:32%;padding-left:6%;}
.service3 .bg_cc .feat.feat03 {left:50%;bottom:-82px;margin-left:-68px;padding-top:50px;text-align:center;}
.service3 .bg_cc .feat.feat04 {left:20.7%;bottom:32%;padding-right:6%;text-align:right;}
.service3 .bg_cc .feat.feat05 {left:22.3%;top:14%;padding-right:6%;text-align:right;}
.service3 .bg_cc .feat.feat01:after, .service3 .bg_cc .feat.feat02:after {left:0;top:30px;}
.service3 .bg_cc .feat.feat03:after {left:50%;top:0;margin-left:-6px;}
.service3 .bg_cc .feat.feat04:after, .service3 .bg_cc .feat.feat05:after {right:0;top:30px;}
.service3 .bg_cc .feat > span {display:block;font-size:15px;color:#a0a0a0;}

.service3 .asonic_c .asc_sub {width:100%;max-width:1200px;margin:0 auto;}
.service3 .asonic_c .asc_tabs {display:table;width:100%;margin-bottom:40px;border:solid #d2d2d2;border-width:1px 0 1px 1px;table-layout:fixed;box-sizing:border-box;}
.service3 .asonic_c .asc_tabs > a {display:table-cell;padding:24px 10px;border-right:solid 1px #d2d2d2;font-size:15px;color:#666;text-align:center;line-height:28px;vertical-align:middle;box-sizing:border-box;transition:all 0.4s;}
.service3 .asonic_c .asc_tabs > a.on, .service3 .asonic_c .asc_tabs > a:hover {background:#939b9b;color:#fff;}
.service3 .asonic_c .asc_cont {display:none;}
.service3 .asonic_c .asc_cont#ascc00 {display:block;}
.service3 .asonic_c .sec_tit {margin:60px 0 35px;font-size:28px;color:#333;text-align:center;}
.service3 .asonic_c .sec_txt {margin:-15px 0 30px;font-size:18px;color:#666;text-align:center;}
.service3 .asonic_c .dash_list > li {position:relative;padding-left:10px;font-size:15px;color:#666;line-height:30px;}
.service3 .asonic_c .dash_list > li:before {content:"";position:absolute;left:0;top:15px;width:5px;height:1px;background:#666;}
.service3 .asonic_c .img_box {height:315px;margin-bottom:50px;padding:65px 0 0 48%;background:#ecedf5 url(/theme/inpiad-cx/images/sub1/service3_arti5_topimg.png) no-repeat left top;box-sizing:border-box;}
.service3 .asonic_c .img_box .tit {font-size:28px;color:#333;}
.service3 .asonic_c .img_box .txt {margin:10px 0 40px;font-size:18px;color:#666;}
.service3 .asonic_c .img_box > a {display:inline-block;width:33%;padding:15px;background:#27272c;border-radius:3px;font-size:18px;color:#fff;text-align:center;line-height:30px;box-sizing:border-box;transition:background 0.4s;}
.service3 .asonic_c .img_box > a:after {content:"";display:inline-block;width:30px;height:30px;margin-left:20px;background:url(/theme/inpiad-cx/images/sub1/service3_arti5_ico_pdf.png) no-repeat right center;vertical-align:top;}
.service3 .asonic_c .img_box > a:hover {background:#c30b15;}
.service3 .asonic_c .img_box.ty02 {height:380px;margin:0;background:#ecedf5 url(/theme/inpiad-cx/images/sub1/service3_arti5_topimg2.png) no-repeat 50px 65px;box-sizing:border-box;}
.service3 .asonic_c .img_box.ty02 > a:after {background:url(/theme/inpiad-cx/images/sub1/service3_arti5_ico_info.png) no-repeat right center;}
.service3 .asonic_c .line_info {border-top:solid 2px #27272c;border-bottom:solid 1px #dbdbdb;}
.service3 .asonic_c .line_info > ul {display:table;width:100%;table-layout:fixed;border-spacing:30px;}
.service3 .asonic_c .line_info > ul > li {display:table-cell;vertical-align:top;}
.service3 .asonic_c .line_info .tit {margin-bottom:10px;font-size:18px;color:#333;}
.service3 .asonic_c .line_info .txt {position:relative;padding-left:10px;font-size:15px;color:#666;line-height:30px;}
.service3 .asonic_c .line_info .txt:before {content:"";position:absolute;left:0;top:15px;width:3px;height:1px;background:#666;}
.service3 .asonic_c .step_sec > ul {border:solid #dbdbdb;border-width:1px 0 0 1px;}
.service3 .asonic_c .step_sec > ul:after {content:"";display:block;clear:both;}
.service3 .asonic_c .step_sec > ul > li {position:relative;float:left;width:33%;padding:30px 20px;border:solid #dbdbdb;border-width:0 1px 1px 0;text-align:center;box-sizing:border-box;}
.service3 .asonic_c .step_sec > ul > li.st03,
.service3 .asonic_c .step_sec > ul > li.st04 {width:34%;}
.service3 .asonic_c .step_sec > ul > li:after {content:"";position:absolute;width:40px;height:40px;}
.service3 .asonic_c .step_sec > ul > li.st01:after,
.service3 .asonic_c .step_sec > ul > li.st02:after {right:-20px;top:50%;margin-top:-20px;background:url(/theme/inpiad-cx/images/sub1/service3_arti5_arr01.png) no-repeat center center;}
.service3 .asonic_c .step_sec > ul > li.st03:after {left:50%;bottom:-20px;margin-left:-20px;background:url(/theme/inpiad-cx/images/sub1/service3_arti5_arr02.png) no-repeat center center;}
.service3 .asonic_c .step_sec > ul > li.st04:after,
.service3 .asonic_c .step_sec > ul > li.st05:after {left:-20px;top:50%;margin-top:-20px;background:url(/theme/inpiad-cx/images/sub1/service3_arti5_arr03.png) no-repeat center center;}
.service3 .asonic_c .step_sec > ul > li.st06:after{display:none;}
.service3 .asonic_c .step_sec .tit {margin:15px 0 10px;font-size:18px;color:#333;}
.service3 .asonic_c .step_sec .tit > span {display:block;margin-top:5px;font-size:15px;color:#00d6e5;}
.service3 .asonic_c .step_sec .txt {height:60px;font-size:15px;color:#666;line-height:30px;}
.service3 .asonic_c .pc_info_sec .pc_info {position:relative;height:410px;margin-top:40px;background:url(/theme/inpiad-cx/images/sub1/service3_arti5_pc.png) no-repeat center top;}
.service3 .asonic_c .pc_info_sec .pc_info > li {position:absolute;width:22%;font-size:15px;color:#666;line-height:25px;}
.service3 .asonic_c .pc_info_sec .pc_info > li.pci01 {left:0;top:27%;text-align:right;}
.service3 .asonic_c .pc_info_sec .pc_info > li.pci02 {left:0;bottom:11%;text-align:right;}
.service3 .asonic_c .pc_info_sec .pc_info > li.pci03 {right:0;top:-6%;}
.service3 .asonic_c .pc_info_sec .pc_info > li.pci04 {right:0;top:32%;}
.service3 .asonic_c .pc_info_sec .pc_info > li.pci05 {right:0;bottom:35%;}
.service3 .asonic_c .pc_info_sec .pc_info > li.pci06 {right:0;bottom:20%;}
.service3 .asonic_c .eff_info {margin-bottom:10px;}
.service3 .asonic_c .eff_info:after {content:"";display:block;clear:both;}
.service3 .asonic_c .eff_info > li {float:left;width:32%;margin-right:2%;padding:35px;background-size:100% 100% !important;box-shadow:0 0 7px rgba(202,202,202,0.4);box-sizing:border-box;transition:background 0.4s;}
.service3 .asonic_c .eff_info > li:hover {background:url(/theme/inpiad-cx/images/sub1/service3_arti5_effbg.png) no-repeat left top;}
.service3 .asonic_c .eff_info > li.ico03 {margin:0;}
.service3 .asonic_c .eff_info .stit {font-size:15px;color:#00d6e5;transition:color 0.4s;}
.service3 .asonic_c .eff_info .tit {margin:60px 0 10px;font-size:18px;color:#333;transition:color 0.4s;}
.service3 .asonic_c .eff_info .dash_list {transition:background 0.4s;}
.service3 .asonic_c .eff_info >li:hover .stit,
.service3 .asonic_c .eff_info >li:hover .tit,
.service3 .asonic_c .eff_info >li:hover .dash_list > li {color:#fff;}
.service3 .asonic_c .eff_info >li:hover .dash_list > li:before {background:#fff;}
.service3 .asonic_c .eff_info > li.ico01 .dash_list {background:url(/theme/inpiad-cx/images/sub1/service3_arti5_effico01.png) no-repeat right bottom;}
.service3 .asonic_c .eff_info > li.ico02 .dash_list {background:url(/theme/inpiad-cx/images/sub1/service3_arti5_effico02.png) no-repeat right bottom;}
.service3 .asonic_c .eff_info > li.ico03 .dash_list {background:url(/theme/inpiad-cx/images/sub1/service3_arti5_effico03.png) no-repeat right bottom;}
.service3 .asonic_c .eff_info > li.ico01:hover .dash_list {background:url(/theme/inpiad-cx/images/sub1/service3_arti5_effico01_ov.png) no-repeat right bottom;}
.service3 .asonic_c .eff_info > li.ico02:hover .dash_list {background:url(/theme/inpiad-cx/images/sub1/service3_arti5_effico02_ov.png) no-repeat right bottom;}
.service3 .asonic_c .eff_info > li.ico03:hover .dash_list {background:url(/theme/inpiad-cx/images/sub1/service3_arti5_effico03_ov.png) no-repeat right bottom;}
.service3 .asonic_c .dia_info {display:table;width:100%;padding-top:120px;background:url(/theme/inpiad-cx/images/sub1/service3_arti5_diabg.png) no-repeat center top;table-layout:fixed;box-sizing:border-box;}
.service3 .asonic_c .dia_info > li {display:table-cell;height:225px;padding:0 25px;color:#fff;text-align:center;vertical-align:top;box-sizing:border-box;}
.service3 .asonic_c .dia_info .tit {margin-bottom:25px;font-size:18px;}
.service3 .asonic_c .dia_info .txt {font-size:15px;line-height:30px;}
.service3 .asonic_c .box_info {display:table;width:100%;padding:10px;background:#f0f0f0;table-layout:fixed;box-sizing:border-box;}
.service3 .asonic_c .box_info > li {display:table-cell;position:relative;height:260px;padding:40px 25px 0;background:#fff;border-left:dotted 1px #000;text-align:center;vertical-align:top;overflow:hidden;box-shadow:0 0 7px rgba(202,202,202,0.4);box-sizing:border-box;}
.service3 .asonic_c .box_info > li.bi01 {border:none;}
.service3 .asonic_c .box_info > li:after {position:absolute;left:0;width:100%;bottom:-10px;font-size:40px;color:#f0f0f0;line-height:40px;opacity:0.8;}
.service3 .asonic_c .box_info > li.bi01:after {content:"Resource";}
.service3 .asonic_c .box_info > li.bi02:after {content:"Assistance";}
.service3 .asonic_c .box_info > li.bi03:after {content:"Schedule";}
.service3 .asonic_c .box_info > li.bi04:after {content:"Statistical";}
.service3 .asonic_c .box_info .tit {margin-bottom:10px;font-size:18px;color:#333;}
.service3 .asonic_c .box_info .dash_list {display:inline-block;}
.service3 .asonic_c .box_info .dash_list > li {text-align:left;}
.service3 .asonic_c .sld_sec {position:relative;margin-top:70px;}
.service3 .asonic_c .sld_info .item {font-size:0;}
.service3 .asonic_c .sld_info .img {display:inline-block;width:43%;margin-right:7%;vertical-align:top;}
.service3 .asonic_c .sld_info .img > img {width:100%;}
.service3 .asonic_c .sld_info .info {display:inline-block;width:50%;padding-top:30px;vertical-align:top;}
.service3 .asonic_c .sld_info .info .tit {margin-bottom:10px;font-size:28px;color:#333;}
.service3 .asonic_c .sld_info .info .dash_list > li {font-size:15px;}
.service3 .asonic_c .sld_sec .owl-theme .owl-nav {position:absolute;left:0;bottom:0;width:100%;margin:0;text-align:right;}
.service3 .asonic_c .sld_sec .owl-theme .owl-nav [class*="owl-"] {width:40px;height:40px;margin:0 0 0 10px;padding:0;border-radius:100%;font-size:0;vertical-align:top;}
.service3 .asonic_c .sld_sec .owl-theme .owl-nav .owl-prev {background:url(/theme/inpiad-cx/images/sub1/service3_arti5_arr03.png) no-repeat center center !important;}
.service3 .asonic_c .sld_sec .owl-theme .owl-nav .owl-next {background:url(/theme/inpiad-cx/images/sub1/service3_arti5_arr01.png) no-repeat center center !important;}
.service3 .asonic_c .sys_sec:after {content:"";display:block;clear:both;}
.service3 .asonic_c .sys_sec > dl {position:relative;float:left;width:25%;margin:0;border:solid 1px #dbdbdb;box-sizing:border-box;}
.service3 .asonic_c .sys_sec > dl.sb01:after {content:"통신";position:absolute;right:-26%;top:45%;width:21%;padding:40px 0;background:url(/theme/inpiad-cx/images/sub1/service3_arti5_sys_arr01.png) no-repeat center center;font-size:15px;color:#666;text-align:center;line-height:35px;}
.service3 .asonic_c .sys_sec > dl.sb03:after {content:"연동";position:absolute;left:-25%;bottom:-30%;width:88%;padding:70px 0 40px;background:url(/theme/inpiad-cx/images/sub1/service3_arti5_sys_arr02.png) no-repeat center center;font-size:15px;color:#666;text-align:center;line-height:30px;}
.service3 .asonic_c .sys_sec > dl.sb02 {width:36%;margin:0 7%;}
.service3 .asonic_c .sys_sec > dl > dt {border-bottom:solid 1px #dbdbdb;font-size:18px;color:#333;text-align:center;line-height:50px;}
.service3 .asonic_c .sys_sec > dl > dd {margin:0;padding:20px 30px;text-align:center;box-sizing:border-box;}
.service3 .asonic_c .sys_sec > dl > dd .cc {display:block;width:67%;margin:0 auto 10px;padding:65px 10px;background:#f5f5f5;border-radius:100%;font-size:18px;color:#333;line-height:30px;box-sizing:border-box;}
.service3 .asonic_c .sys_sec > dl.sb01 > dd .cc {padding:100px 10px 30px;background:#f5f5f5 url(/theme/inpiad-cx/images/sub1/service3_arti5_sys_ico01.png) no-repeat center 30px;}
.service3 .asonic_c .sys_sec > dl.sb03 > dd .cc {padding:100px 10px 30px;background:#f5f5f5 url(/theme/inpiad-cx/images/sub1/service3_arti5_sys_ico02.png) no-repeat center 30px;}
.service3 .asonic_c .sys_sec > dl > dd .bic {display:inline-block;width:48%;vertical-align:top;}
.service3 .asonic_c .sys_sec > dl > dd .bic .cc {width:90%;}
.service3 .asonic_c .sys_sec > dl > dd .bic.btm .cc {padding:50px 10px;}
.service3 .asonic_c .sys_sec > dl > dd .dash_list {display:inline-block;padding-bottom:50px;background:url(/theme/inpiad-cx/images/sub1/service3_arti5_dl_dot.png) no-repeat center bottom;vertical-align:top;}
.service3 .asonic_c .sys_sec > dl > dd .dash_list > li {text-align:left;}
.service3 .asonic_c .onl_sec {display:table;width:100%;margin:70px 0;padding:70px 0;border:dotted #000;border-width:1px 0;table-layout:fixed;}
.service3 .asonic_c .onl_sec .img {display:table-cell;width:42%;padding:30px 0;border-top:solid 1px #00d6e5;border-right:solid 1px #dbdbdb;border-bottom:solid 1px #dbdbdb;border-left:solid 1px #dbdbdb;text-align:center;vertical-align:top;box-sizing:border-box;}
.service3 .asonic_c .onl_sec .img > img {width:auto;max-width:100%;}
.service3 .asonic_c .onl_sec .info {display:table-cell;padding-left:8%;vertical-align:middle;box-sizing:border-box;}
.service3 .asonic_c .onl_sec .info .tit {font-size:28px;color:#333;}
.service3 .asonic_c .onl_sec .info .tit > span {display:block;width:29%;margin:20px 0 30px;padding:10px;background:#00d6e5;border-radius:50px;font-size:15px;color:#fff;text-align:center;line-height:30px;box-sizing;border-box;}
.service3 .asonic_c .onl_sec .info .stit {margin-top:20px;font-size:18px;color:#333;}
.service3 .asonic_c .onl_sec .info .txt {margin-top:10px;font-size:15px;color:#666;}
.service3 .asonic_c .tb_sec .table_outline {margin-top:35px;}



.service3 .effect_c {padding-bottom:70px;}
.service3 .effect_c .box_tit {position:relative;text-align:center;}
.service3 .effect_c .box_tit:after {content:"";position:absolute;left:0;right:0;top:35px;height:1px;background:#dbdbdb;z-index:-1;}
.service3 .effect_c .box_tit > span {display:inline-block;min-width:415px;background:#00d6e5;border-radius:70px;font-size:28px;color:#fff;line-height:70px;vertical-align:top;}
.service3 .effect_c .box_txt {margin:25px 0 45px;text-align:center;font-size:1.125em;color:#666;font-weight:400;line-height:1.3;word-break:break-all;}
.service3 .effect_c .img_info {width:100%;max-width:1200px;margin:0 auto 55px;}
.service3 .effect_c .img_info:after {content:"";display:block;clear:both;}
.service3 .effect_c .img_info > li {float:left;width:380px;margin-left:30px;}
.service3 .effect_c .img_info > li:first-child {margin:0;}
.service3 .effect_c .img_info .info_txt {margin-top:35px;}
.service3 .effect_c .img_info .info_txt:after {content:"";display:block;clear:both;}
.service3 .effect_c .img_info .info_txt dt {float:left;position:relative;width:28%;padding-left:10px;font-size:18px;color:#333;box-sizing:border-box;}
.service3 .effect_c .img_info .info_txt dt:before {content:"";position:absolute;left:0;top:7px;width:2px;height:14px;background:#00d6e5;}
.service3 .effect_c .img_info .info_txt dd {position:relative;float:right;width:72%;margin:0;padding-left:10px;font-size:15px;color:#666;line-height:30px;box-sizing:border-box;}
.service3 .effect_c .img_info .info_txt dd:before {content:"";position:absolute;left:0;top:15px;width:5px;height:1px;background:#666;}




/* 유지관리 */
.management { box-sizing:border-box; overflow:hidden; }
.management .mn_slogon { margin-bottom:60px; text-align:center; overflow:hidden; }
.management .mn_slogon > .txt_b { margin-bottom:20px; font-size:2.1875em; color:#333; line-height:1.42; word-break:keep-all; }
.management .mn_slogon > .txt_b span { display:block; }
.management .mn_slogon > .txt_n { font-size:1.125em; color:#666; font-weight:300; line-height:1.3; word-break:keep-all; }

.management .mn_cnt1 { overflow:hidden; }
.management .mn_cnt1 > header { height:70px; margin-bottom:50px; text-align:center; background:url("/theme/inpiad-cx/images/sub3/mn_header_bg1.gif") repeat-x left center; overflow:hidden; }
.management .mn_cnt1 > header > h1 { display:inline-block; margin:0 auto; padding:0 6%; line-height:70px; font-size:1.75em; color:#fff; font-weight:400; text-align:center; background:#00d6e5; border-radius:35px; }
.management .mn_cnt1 > ul { width:auto; max-width:1200px; margin:0 auto 50px; }
.management .mn_cnt1 > ul:after { display:block; content:""; clear:both; }
.management .mn_cnt1 > ul > li { float:left; width:25%; padding:20px 3%; text-align:center; box-sizing:border-box; overflow:hidden; }
.management .mn_cnt1 > ul > li img { max-width:100%; margin-bottom:20px; }
.management .mn_cnt1 > ul > li .title { margin-bottom:20px; font-size:1.125em; color:#333; font-weight:600; text-transform:uppercase; word-break:keep-all; }
.management .mn_cnt1 > ul > li .txt { font-size:0.9375em; color:#666; line-height:1.8; word-break:keep-all; }

/* 사용안함
.management .mn_cnt2 { display:none; height:124px; margin-bottom:70px; background:#f0f0f0; overflow:hidden; }
.management .mn_cnt2 .mn_cnt2_inner { width:auto; max-width:1200px; height:100%; margin:0 auto; overflow:hidden; }
.management .mn_cnt2 .mn_cnt2_inner > header { float:left; width:20%; height:100%; background:#27272c; }
.management .mn_cnt2 .mn_cnt2_inner > header > h1 { font-size:1.5625em; color:#fff; font-weight:400; line-height:124px; text-align:center; }
.management .mn_cnt2 .mn_cnt2_inner > ul { float:right; width:80%; height:100%; }
.management .mn_cnt2 .mn_cnt2_inner > ul > li { float:left; width:17.5%; height:100%; padding-right:2%; font-size:1.12em; color:#666; background:url("/theme/inpiad-cx/images/sub3/mn_arrow.png") no-repeat right center; overflow:hidden; }
.management .mn_cnt2 .mn_cnt2_inner > ul > li:nth-last-child(1) { width:12.5%; padding-right:0; background-image:none; }
*/

.management .mn_cnt3 { margin-bottom:60px; overflow:hidden; }
.management .mn_cnt3 > header { margin-bottom:50px; text-align:center; overflow:hidden; }
.management .mn_cnt3 > header > h1 { display:inline-block; margin:0 auto; font-size:1.75em; color:#333; font-weight:400; text-align:center; }
.management .mn_cnt3 > ul { width:auto; max-width:1200px; margin:0 auto 50px; }
.management .mn_cnt3 > ul:after { display:block; content:""; clear:both; }
.management .mn_cnt3 > ul > li { float:left; width:48%; height:150px; margin-right:2%; padding:0 5%; text-align:center; background:url("/theme/inpiad-cx/images/sub3/mn_photo_1.jpg") no-repeat center center; box-sizing:border-box; overflow:hidden; }
.management .mn_cnt3 > ul > li:nth-last-child(1) { margin-right:0; background:url("/theme/inpiad-cx/images/sub3/mn_photo_2.jpg") no-repeat center center; }
.management .mn_cnt3 > ul > li p { font-size:0.9375em; color:#fff; line-height:2; word-break:keep-all; }
.management .mn_cnt3 > .ment_box { width:auto; max-width:1200px; margin:20px auto 50px; text-align:right; overflow:hidden; }
.management .mn_cnt3 > .ment_box > span { display:inline-block; margin:0 0 0 1%; padding-right:1%; font-size:0.8125em; color:#999; background:url("/theme/inpiad-cx/images/sub3/mn_line.gif") no-repeat right center; }
.management .mn_cnt3 > .ment_box > span:nth-last-child(1) { margin-right:0; padding-right:0; background-image:none; }

.management .mn_cnt4 { width:auto; max-width:1200px; margin:0 auto; overflow:hidden; }
.management .mn_cnt4 > header { margin-bottom:50px; text-align:center; overflow:hidden; }
.management .mn_cnt4 > header > h1 { display:inline-block; margin:0 auto; font-size:1.75em; color:#333; font-weight:400; text-align:center; }
.management .mn_cnt4 > .list { list-style:none; margin-bottom:20px; border-top:2px solid #333; }
.management .mn_cnt4 > .list > li { border-bottom:1px solid #ddd; }
.management .mn_cnt4 > .list > li > a { display:block; padding:20px; }
.management .mn_cnt4 > .list > li > a span { display:inline-block; font-size:0.9375em; color:#666; vertical-align:middle; }
.management .mn_cnt4 > .list > li > a .day { width:50px; height:auto; font-size:1.75em; color:#666; font-weight:600; }
.management .mn_cnt4 > .list > li > a .month { width:60px; margin-right:20px; background:url("/theme/inpiad-cx/images/sub3/mn_line.gif") no-repeat right center; }
.management .mn_cnt4 > .list > li > a .txt { }
.management .mn_cnt4 > .list > li > a .point1 { color:#333; font-weight:600; vertical-align:baseline; }
.management .mn_cnt4 > .list > li > a .point2 { color:#00d6e5; vertical-align:baseline; }

/* 도메인 */
.domain { box-sizing:border-box; overflow:hidden; }
.domain .dm_slogon { width:auto; max-width:1200px; margin:0 auto 70px; text-align:center; overflow:hidden; }
.domain .dm_slogon > .txt_b { margin-bottom:20px; font-size:2.1875em; color:#333; line-height:1.42; word-break:keep-all; }
.domain .dm_slogon > .txt_n { font-size:1.125em; color:#666; font-weight:300; line-height:1.3; word-break:keep-all; }

.domain .dm_search { position:relative; width:50%; margin:0 auto 70px; overflow:hidden; }
.domain .dm_search > header { display:none; }
.domain .dm_search .s_box { position:relative; height:80px; border:4px solid #00d6e5; border-radius:40px; box-sizing:border-box; overflow:hidden; }
.domain .dm_search label { display:none; }
.domain .dm_search input[type=text] { float:left; width:calc(100% - 80px); height:72px; line-height:54px; font-size:1.125em; color:#666; text-indent:20px; background:#fff; border:0; box-sizing:border-box; outline:0; }
.domain .dm_search .btn_search { position:absolute; display:block; right:-4px; top:-4px; width:80px; height:80px; background:#00d6e5 url("/theme/inpiad-cx/images/sub/icon_search.png") no-repeat center center; border:0; border-radius:50%; }
.domain .dm_search .btn_search > span { font-size:0; text-indent:-9999px; }

.domain .dm_check { margin-bottom:70px; background:#f0f0f0; overflow:hidden; }
.domain .dm_check > ul { width:auto; max-width:1200px; margin:0 auto; overflow:hidden; }
.domain .dm_check > ul > li { float:left; width:16.66%; padding:30px 0; text-align:center; }
.domain .dm_check .check_box { }
.domain .dm_check .check_box input { display:none; font-size:0; vertical-align:middle; }
.domain .dm_check .check_box label { display:inline-block; width:36px; height:36px; font-size:1em; vertical-align:middle; background:#fff; border:2px solid #ddd; cursor:pointer; }
.domain .dm_check .check_box label > .label_name { font-size:0; text-indent:-9999px; }
.domain .dm_check .check_box .label_name2 { display:inline-block; padding-left:10px; text-align:left; vertical-align:middle; }
.domain .dm_check .check_box input[id="dn-1"]:checked + label:before { font-family:'FontAwesome'; font-size:1.5em; color:#09d7e5; line-height:30px; content:"\f00c"; }
.domain .dm_check .check_box input[id="dn-1"]:checked + label { border:2px solid #09d7e5; }
.domain .dm_check .check_box input[id="dn-2"]:checked + label:before { font-family:'FontAwesome'; font-size:1.5em; color:#09d7e5; line-height:30px; content:"\f00c"; }
.domain .dm_check .check_box input[id="dn-2"]:checked + label { border:2px solid #09d7e5; }
.domain .dm_check .check_box input[id="dn-3"]:checked + label:before { font-family:'FontAwesome'; font-size:1.5em; color:#09d7e5; line-height:30px; content:"\f00c"; }
.domain .dm_check .check_box input[id="dn-3"]:checked + label { border:2px solid #09d7e5; }
.domain .dm_check .check_box input[id="dn-4"]:checked + label:before { font-family:'FontAwesome'; font-size:1.5em; color:#09d7e5; line-height:30px; content:"\f00c"; }
.domain .dm_check .check_box input[id="dn-4"]:checked + label { border:2px solid #09d7e5; }
.domain .dm_check .check_box input[id="dn-5"]:checked + label:before { font-family:'FontAwesome'; font-size:1.5em; color:#09d7e5; line-height:30px; content:"\f00c"; }
.domain .dm_check .check_box input[id="dn-5"]:checked + label { border:2px solid #09d7e5; }
.domain .dm_check .check_box input[id="dn-6"]:checked + label:before { font-family:'FontAwesome'; font-size:1.5em; color:#09d7e5; line-height:30px; content:"\f00c"; }
.domain .dm_check .check_box input[id="dn-6"]:checked + label { border:2px solid #09d7e5; }
/* 사용하지 않음
.domain .dm_check .check_box input[id="dn-7"]:checked + label:before { font-family:'FontAwesome'; font-size:1.5em; color:#09d7e5; line-height:30px; content:"\f00c"; }
.domain .dm_check .check_box input[id="dn-7"]:checked + label { border:2px solid #09d7e5; }
.domain .dm_check .check_box input[id="dn-8"]:checked + label:before { font-family:'FontAwesome'; font-size:1.5em; color:#09d7e5; line-height:30px; content:"\f00c"; }
.domain .dm_check .check_box input[id="dn-8"]:checked + label { border:2px solid #09d7e5; }
.domain .dm_check .check_box input[id="dn-9"]:checked + label:before { font-family:'FontAwesome'; font-size:1.5em; color:#09d7e5; line-height:30px; content:"\f00c"; }
.domain .dm_check .check_box input[id="dn-9"]:checked + label { border:2px solid #09d7e5; }
*/

.domain .dm_cnt1 { width:auto; max-width:1200px; margin:0 auto 70px; overflow:hidden; }
.domain .dm_cnt1 > header { margin-bottom:50px; text-align:center; overflow:hidden; }
.domain .dm_cnt1 > header > h1 { display:inline-block; margin:0 auto; font-size:1.75em; color:#333; font-weight:600; text-align:center; }
.domain .dm_cnt1 > ul { width:auto; max-width:1200px; margin:0 auto 50px; padding:30px 80px; box-sizing:border-box; border:1px solid #ddd; overflow:hidden; }
.domain .dm_cnt1 > ul:after { display:block; content:""; clear:both; }
.domain .dm_cnt1 > ul > li { float:left; width:25%; margin:15px 0; }
.domain .dm_cnt1 > ul > li span { display:inline-block; margin-right:20px; font-size:0.9375em; vertical-align:middle; }
.domain .dm_cnt1 .dm_result_icon { width:24px; height:24px; font-size:0; text-indent:-9999px; background:url('/theme/inpiad-cx/images/sub3/icon_disagree.png') no-repeat center center; overflow:hidden; }
.domain .dm_cnt1 .dm_agree { background-image:url('/theme/inpiad-cx/images/sub3/icon_agree.png'); }
.domain .dm_cnt1 .dm_resut_name { padding-right:20px; color:#999; background:url('/theme/inpiad-cx/images/sub3/icon_line.png') no-repeat right center; }
.domain .dm_cnt1 .dm_resut_agreen { color:#333; }

/* 문자서비스 */
.sms { box-sizing:border-box; overflow:hidden; }
.sms .sms_slogon { width:auto; max-width:1200px; margin:0 auto 70px; text-align:center; overflow:hidden; }
.sms .sms_slogon > .txt_b { margin-bottom:20px; font-size:2.1875em; color:#333; line-height:1.42; word-break:keep-all; }
.sms .sms_slogon > .txt_n { font-size:1.125em; color:#666; font-weight:300; line-height:1.3; word-break:keep-all; }
.sms .sms_slogon span { display:block; }

.sms .sms_cnt1 { width:auto; max-width:1200px; margin:0 auto 70px; overflow:hidden; }
.sms .sms_cnt1 > header { margin-bottom:40px; text-align:center; }
.sms .sms_cnt1 > header > h1 { display:inline-block; font-size:1.473em; color:#333; font-weight:400; }
.sms .sms_cnt1 > .sms_table { border-top:2px solid #27272c; overflow:hidden; }
.sms .sms_cnt1 > .sms_table > table { width:100%; border-collapse:collapse; border-spacing:0; margin:0 auto; padding:0; }
.sms .sms_cnt1 > .sms_table > table caption { font-size:0; text-indent:-9999px; }
.sms .sms_cnt1 > .sms_table > table th, .sms .sms_cnt1 > .sms_table > table td { padding:20px 10px; font-size:0.9375em; font-weight:400; color:#333; border:1px solid #ddd; border-right:0; }
.sms .sms_cnt1 > .sms_table > table th:nth-child(1) { border-left:0; }
.sms .sms_cnt1 > .sms_table > table td { color:#666; text-align:center; }
.sms .sms_cnt1 > .sms_table > table thead th { line-height:1.8; }
.sms .sms_cnt1 > .sms_table > table input[type=radio] + label { display:inline-block; width:30px; height:30px; text-align:center; border:1px solid #ddd; border-radius:50%; cursor:pointer;}
.sms .sms_cnt1 > .sms_table > table input[type=radio]:checked + label:before { font-family:'FontAwesome'; font-size:1.5em; color:#09d7e5; line-height:30px; content:"\f00c"; }
.sms .sms_cnt1 > .sms_table > table input[type=radio] { display:none; }
.sms .sms_cnt1 > .sms_table > table label { position:relative; }
.sms .sms_cnt1 > .sms_table > table label .show { position:absolute; display:inline-block; left:40px; top:3px; width:100px; font-family:'Noto Sans KR', sans-serif; font-size:inherit; text-align:left; }
.sms .sms_cnt1 > .sms_table .padding { list-style:none; width:30%; max-width:400px; margin:0 auto; padding:0; overflow:hidden; }
.sms .sms_cnt1 > .sms_table .padding > li { float:left; width:50%; text-align:left; }

.sms .sms_cnt2 { width:auto; max-width:1200px; margin:0 auto 50px; padding:60px; border:1px solid #ddd; box-sizing:border-box; overflow:hidden; }
.sms .sms_cnt2 > header { margin-bottom:40px; text-align:center; }
.sms .sms_cnt2 > header > h1 { display:inline-block; font-size:1.75em; color:#333; font-weight:400; }
.sms .sms_cnt2 .sms_input { width:auto; max-width:80%; margin:0 auto 50px; }
.sms .sms_cnt2 .sms_input > li { position:relative; margin-bottom:20px; padding-left:100px; font-size:0.9375em; color:#666; }
.sms .sms_cnt2 .sms_input > li:nth-last-child(1) { margin-bottom:0; }
.sms .sms_cnt2 .sms_input > li input[type=text] { height:45px; line-height:45px; text-indent:5px; border:1px solid #ddd; box-sizing:border-box; outline:0; }
.sms .sms_cnt2 .sms_input > li select { height:45px; line-height:45px; border:1px solid #ddd; outline:0; }
.sms .sms_cnt2 .sms_input > li .head { position:absolute; display:inline-block; left:0; top:0.5em; width:110px; font-size:1.125em; color:#333; }
.sms .sms_cnt2 .sms_input > li .sms_company { width:100%; }
.sms .sms_cnt2 .sms_input > li .sms_tel_1 { width:32.3%; }
.sms .sms_cnt2 .sms_input > li .sms_tel_2 { width:32.2%; }
.sms .sms_cnt2 .sms_input > li .sms_tel_3 { width:32.2%; }
.sms .sms_cnt2 .sms_input > li .sms_email_1 { width:32.3%; }
.sms .sms_cnt2 .sms_input > li .sms_email_2 { width:32.3%; }
.sms .sms_cnt2 .sms_input > li .sms_email_3 { width:32%; }
.sms .sms_cnt2 .sms_input > li .sms_name { width:100%; }
.sms .sms_cnt2 .sms_input > li .sms_bank { width:100%; border:0 !important; }
.sms .sms_cnt2 .sms_input > li .sms_captcha { width:100%; }
.sms .sms_cnt2 .sms_agree { width:auto; max-width:70%; margin:0 auto; font-size:1.125em; text-align:center; }
.sms .sms_cnt2 .sms_agree .btn_agree_view { display:inline-block; padding:.1em .3em; font-size:0.8125em; color:#fff; background:#666; border-radius:.2em; }
.sms .sms_cnt2 .sms_agree .sms_agree_box { margin-top:20px; }
.sms .sms_cnt2 .sms_agree input[type=radio] + label { display:inline-block; width:30px; height:30px; text-align:center; border:1px solid #ddd; border-radius:50%; }
.sms .sms_cnt2 .sms_agree input[type=radio]:checked + label:before { font-family:'FontAwesome'; font-size:1.5em; color:#09d7e5; line-height:30px; content:"\f00c"; }
.sms .sms_cnt2 .sms_agree input[type=radio] { display:none; }
.sms .sms_cnt2 .sms_agree label { position:relative; margin-right:10px; }
.sms .btn_common { font-size:1.3125em !important; }

.sms .sms_cnt3 { margin:80px 0 0; overflow:hidden; }
.sms .sms_cnt3 > header { margin-bottom:35px; text-align:center; overflow:hidden; }
.sms .sms_cnt3 > header > h1 { display:inline-block; margin:0 auto; font-size:1.75em; color:#333; font-weight:400; text-align:center; }
.sms .sms_cnt3 { margin-bottom:0; padding:50px 0 50px; background:#f0f0f0; }

.sms .sms_cnt3 .order_list { display:block; max-width:1200px; margin:0 auto; padding:0; list-style:none; overflow:hidden; } 
.sms .sms_cnt3 .order_list li { position:relative; display:block; float:left; width:50%; margin:12px 0; }
.sms .sms_cnt3 .order_list li:nth-child(4) { margin-bottom:0; }
.sms .sms_cnt3 .order_list li:nth-child(5) { margin-top:0; }
.sms .sms_cnt3 .order_list li .num { position:absolute; left:0; top:0; display:inline-block; width:26px; height:26px; line-height:25px; font-size:0.93em; color:#fff; text-align:center; background:#00d6e5; border-radius:50px; }
.sms .sms_cnt3 .order_list li .text { display:block; padding-left:45px; font-size:0.93em; color:#666; }
.sms .sms_cnt3 .order_list li .text span { display:block; }

.sms .mn_cnt2 { height:124px; margin:3px 0 0; background:#f0f0f0; overflow:hidden; }
.sms .mn_cnt2 .mn_cnt2_inner { width:auto; max-width:1200px; height:100%; margin:0 auto; overflow:hidden; }
.sms .mn_cnt2 .mn_cnt2_inner > header { float:left; width:20%; height:100%; background:#27272c; }
.sms .mn_cnt2 .mn_cnt2_inner > header > h1 { font-size:1.5625em; color:#fff; font-weight:400; line-height:124px; text-align:center; }
.sms .mn_cnt2 .mn_cnt2_inner > ul { float:right; width:80%; height:100%; }
.sms .mn_cnt2 .mn_cnt2_inner > ul > li { float:left; width:33.33%; height:100%; padding-right:2%; font-size:1.12em; color:#666; background:url("/theme/inpiad-cx/images/sub3/mn_arrow.png") no-repeat right center; overflow:hidden; }
.sms .mn_cnt2 .mn_cnt2_inner > ul > li:nth-last-child(1) { padding-right:0; background-image:none; }

/* 호스팅, 웹메일, 보안서버인증 */
.maintenance { box-sizing:border-box; overflow:hidden; }
.maintenance .ma_slogon { width:auto; margin-bottom:60px; text-align:center; overflow:hidden; }
.maintenance .ma_slogon > .txt_b { margin-bottom:20px; font-size:2.1875em; color:#333; line-height:1.42; word-break:keep-all; }
.maintenance .ma_slogon > .txt_b span { display:block; }
.maintenance .ma_slogon > .txt_n { font-size:1.125em; color:#666; font-weight:300; line-height:1.3; word-break:keep-all; }
.maintenance .ma_slogon > .txt_n span { display:block; }

.maintenance .ma_cnt { margin-bottom:70px; overflow:hidden; }
.maintenance .ma_cnt:last-child { margin-bottom:0; }
.maintenance .ma_cnt > header { margin-bottom:35px; text-align:center; overflow:hidden; }
.maintenance .ma_cnt > header > h1 { display:inline-block; margin:0 auto; font-size:1.75em; color:#333; font-weight:400; text-align:center; }
.maintenance .ma_cnt > header > h1 span { display:block; margin:10px 0 0; font-size:15px; font-weight:400; color:#333; }
.maintenance .ma_cnt > .ment_box { width:auto; max-width:1200px; margin:20px auto 50px; text-align:right; overflow:hidden; }
.maintenance .ma_cnt > .ment_box > span { display:inline-block; margin:0 0 0 1%; padding-right:1%; font-size:0.8125em; color:#999; background:url("/theme/inpiad-cx/images/sub3/mn_line.gif") no-repeat right center; }
.maintenance .ma_cnt > .ment_box > span:nth-last-child(1) { margin-right:0; padding-right:0; background-image:none; }
.maintenance .ma_cnt2 { margin-bottom:0; padding:50px 0 50px; background:#f0f0f0; }
.maintenance .ma_cnt3 { padding:80px 0 20px; }

.maintenance .order_list { display:block; max-width:1200px; margin:0 auto; padding:0; list-style:none; overflow:hidden; } 
.maintenance .order_list li { position:relative; display:block; float:left; width:33.33%; margin:12px 0; }
.maintenance .order_list li .num { position:absolute; left:0; top:0; display:inline-block; width:26px; height:26px; line-height:25px; font-size:0.93em; color:#fff; text-align:center; background:#00d6e5; border-radius:50px; }
.maintenance .order_list li .num2 { display:inline-block; width:26px; height:26px; line-height:25px; margin:0 1px; font-size:0.93em; color:#fff; text-align:center; background:#00d6e5; border-radius:50px; }
.maintenance .order_list li .text { display:block; padding-left:45px; font-size:0.93em; color:#666; }

.maintenance .option_list { display:block; margin:0 0 0 20px; padding:0; list-style:none; overflow:hidden; }
.maintenance .option_list li { display:block; line-height:2; margin:3px 0; padding-left:8px; font-size:0.87em; color:#999; background:url('/theme/inpiad-cx/images/sub3/bar1.gif') no-repeat left 11px; }

.maintenance .function_list { display:block; max-width:1200px; margin:0 auto; padding:0; list-style:none; overflow:hidden; } 
.maintenance .function_list li { position:relative; display:block; float:left; width:9.5%; margin-left:3.4%; text-align:center; }
.maintenance .function_list li:first-child { margin-left:0; }
.maintenance .function_list li .img img { max-width:100%; }
.maintenance .function_list li .text { display:block; line-height:1.5; margin:25px 0 0; font-size:0.93em; color:#666; letter-spacing:-0.3px; }

/* 전자결제 */
.maintenance .process_list { display:block; max-width:1200px; margin:0 auto; padding:0; list-style:none; overflow:hidden; }
.maintenance .process_list li { position:relative; display:table; height:161px; float:left; text-align:center; box-sizing:border-box; border-radius:50%; }
.maintenance .process_list li.bd { width:13.4%; max-width:161px; margin:0 auto; }
.maintenance .process_list li.bd1 { border:8px solid #00d6e5; }
.maintenance .process_list li.bd2 { border:8px solid #00c2e5; }
.maintenance .process_list li.bd3 { border:8px solid #0097e5; }
.maintenance .process_list li.bd4 { border:8px solid #00e5d2; }
.maintenance .process_list li.bd p { display:table-cell; font-size:1.25em; color:#333; vertical-align:middle; }
.maintenance .process_list li.arrow { width:15.4%; background:url('/theme/inpiad-cx/images/sub3/process_arrow.png') no-repeat center; background-size:contain; }
.maintenance .process_list li.arrow .text_box { display:block; }
.maintenance .process_list li.arrow .text_box:last-child { margin:48px 0 0; }
.maintenance .process_list li.arrow .text_box .num { display:block; margin:0 0 7px; font-size:1.12em; font-weight:300; font-style:italic; color:#d6d6d6; }
.maintenance .process_list li.arrow .text_box .text { display:block; font-size:0.93em; color:#666; }

/* 마케팅 */
.maintenance .mk_cnt { display:block; max-width:1200px; margin:0 auto; overflow:hidden; }
.maintenance .mk_cnt > header { position:relative; display:block; float:left; width:25%; height:686px; background:url('/theme/inpiad-cx/images/sub3/marketing_bg.jpg') no-repeat center top; }
.maintenance .mk_cnt > header > h1 { position:absolute; left:30px; bottom:40px; font-size:1.87em; color:#fff; }
.maintenance .mk_cnt > header > h1 span { display:block; margin:0; font-size:16px; font-weight:400; }
.maintenance .marketing_list { display:block; float:left; width:75%; margin:0; padding:0; list-style:none; border:1px solid #ddd; box-sizing:border-box; }
.maintenance .marketing_list li { display:table; float:left; width:33.33%; height:228px; text-align:center; border:1px solid #ddd; border-width:0 1px 1px 0; box-sizing:border-box; }
.maintenance .marketing_list li:nth-child(3n) { border-right:0; }
.maintenance .marketing_list li:nth-child(n+7) { border-bottom:0; }
.maintenance .marketing_list li.bg { background:#00d6e5; }
.maintenance .marketing_list li p { display:table-cell; vertical-align:middle; }
.maintenance .marketing_list li p .num { display:block; font-size:1.56em; font-style:italic; font-weight:300; color:#d6d6d6; }
.maintenance .marketing_list li p .kor { display:block; line-height:1; margin:20px 0 15px; font-size:1.56em; color:#333; }
.maintenance .marketing_list li p .eng { display:block; font-size:0.93em; color:#666; }

/* 견적문의 */
.sub_cnt4{padding-top: 35px !important;}
.consult { box-sizing:border-box; overflow:hidden; }
.consult .consult_slogon {  margin:0 auto 60px;overflow:hidden; }
.af::after{display: block; content:''; clear: both;}
.consult_slogon2{max-width: 1100px ;height: 215px;background: url(/theme/inpiad-cx/images/sub/consult_slogon2.jpg) no-repeat; background-position-x: 82%;margin-bottom: 0 !important;background-position-y: 100%;text-align: left ;padding-top: 43px;padding-left: 83px;position: relative;}
.consult_slogon2:before{content:''; position: absolute;left: 50px; top: 50%; margin-top: -53px;width: 3px; height: 106px; background-color: #20b0e8;}
.consult_slogon2 .txt_b{font-size: 35px ;font-weight: 500;color: #303030 ;letter-spacing: -0.02em;margin-bottom: 17px ;}	  
.consult_slogon2 .txt_n{font-size: 18px ;color: #303030 ;font-weight: 400 ;line-height: 28px ; letter-spacing: -0.02em;}
.consult_slogon2 .txt_n .fw700{color: #101010; font-weight: 500; text-decoration: underline;}	 		   
.consult_slogon2 .txt_n .txt_strong{color: #c33228; position: relative; text-decoration: underline;}
.consult_slogon2 .txt_n .txt_strong:before{content:''; position: absolute;left: 50%; margin-left: -1.5px; top: 0;width: 3px; height:3px; background-color: #c33228;}
.consult_slogon2 .txt_n .fcblue{color: #fff; font-weight: 500;background-color: #20b0e8;padding: 0 2px;}


.consult .consult_cnt2{max-width: 1100px ;padding: 17px 43px ; margin:0 auto; position: relative;   border:1px solid #ddd; border-top: none ;box-sizing:border-box; overflow:hidden;}


.consult .consult_cnt2 .consult_input > li .head { top: 5px !important;font-size: 18px !important;	color:#303030 !important;	 font-weight: 500; }
 .consult .consult_cnt2 input[type=checkbox] + label { margin-right: 10px !important;font-family: 'Noto Sans KR', sans-serif;font-size: 16px !important;color:	#606060 !important;font-weight: 400 !important;letter-spacing: -0.02em !important; padding-left: 25px !important;}
.consult .consult_cnt2 .consult_input {max-width: 100% ; margin-bottom: 12px ;}
.consult .consult_cnt2 .consult_input > li{width: 50%; float: left; margin-bottom: 15px ; min-height: 40px ; height: 40px;}	
.consult .consult_cnt2 .consult_input > li.content_w{height: auto; margin-bottom: 18px ;}
.consult .consult_cnt2 .consult_input > li.content_w .info_txt {margin-top: 4px; margin-left: -2px !important;}
.consult .consult_cnt2 .consult_input > li.fileli .info_txt{top: 3px; width: 100%; margin: 0;}
.consult .consult_cnt2 .consult_input > li.c_check,
.consult .consult_cnt2 .consult_input > li.w100{width: 100%;}
.consult .consult_cnt2 input[type="checkbox"].ty1 + label::before{top: 6px !important;width: 20px !important; height: 20px !important;}
.consult .consult_cnt2 input[type="checkbox"].ty1:checked + label::before{font-family: 'FontAwesome'; font-size: 15px !important;	 color:	#20b0e8 !important;line-height: 17px !important;content: "\f00c";}
.consult .consult_cnt2 .consult_input > li .info_txt{display:inline-block;margin-left:5px;font-size: 16px ;	color: #606060 ; font-weight: 400 ; padding-left: 10px ; position: relative ;}	   
.consult .consult_cnt2 .consult_input > li.email .info_txt{margin-top: -8px;}
.consult .consult_cnt2 .consult_input > li .w193{width: 42.7% !important;}
.consult .consult_cnt2 .consult_input > li .w240{width: 53.1% !important;}		 
.consult .consult_cnt2 .consult_input > li .c_hp_1,
.consult .consult_cnt2 .consult_input > li .c_hp_2, 
.consult .consult_cnt2 .consult_input > li .c_hp_3 { width: 15.3% ;margin-right: 3px; }

.poa_star{position: absolute; left: 0;}
.consult .consult_cnt2 .consult_input > li input[type="text"]{height: 39px ; line-height: 39px ;}
.consult .consult_cnt2 .consult_input > li.email,
.consult .consult_cnt2 .consult_input > li.pl{position: relative;left: 38px;}
.consult .consult_cnt2 .consult_input > li.email input{margin-top: -27px;}
.consult .consult_cnt2 .consult_input > li textarea::placeholder{ color:#303030; font-size: 15px;line-height: 25px;	 font-weight: 400;letter-spacing: -0.02em;}
.consult .consult_cnt2 .consult_input > li input[type="file"]{background-color:#e6e6e6;	width: 325px;border: 1px solid #adadad;height: 39px ; line-height: 39px ;}
.consult .consult_cnt2 .consult_agree{max-width: 100% ; position: absolute;	 right: 47px;  bottom: 52px;}		
.consult .consult_cnt2 .consult_agree p{display: inline-block;margin-left: 21px;font-size: 18px;letter-spacing: -0.02em;color: #303030;font-weight: 500; margin-right: 38px;	}							
.consult .consult_cnt2 .consult_agree p a{background: #adadad ;border-radius: 0 ; font-size: 15px ;margin-left: 8px; padding: 2px 9px ; color: #fff;}
.consult .consult_cnt2 .consult_agree .consult_agree_box{display: inline-block;}	 
.consult .consult_cnt2 .consult_agree_box input[type="checkbox"] + label{top: 0 !important;width: 20px !important; height: 20px !important; padding:  0 !important;}
.consult .consult_cnt2 .consult_agree_box input[type="checkbox"]:checked + label::before{position: relative;	top: -4px;font-family: 'FontAwesome'; font-size: 15px !important;	 color:	#20b0e8 !important;line-height: 17px !important;content: "\f00c";}

.consult .consult_cnt2 .consult_agree_box label{font-size: 16px;letter-spacing: -0.02em;	color:#303030;}
.consult .btn_common{width: 329px;background-color:#20b0e8;color:#fff !important; font-weight: 500 ;  font-size: 20px ; margin-top: 15px ;;font-family: 'Noto Sans KR', sans-serif; height: 69px;padding: 0;line-height: 69px; border: none;}


.consult .consult_cnt > header { margin-bottom:40px; text-align:center; }
.consult .consult_cnt > header > h1 { display:inline-block; font-size:1.75em; color:#333; font-weight:400; }
.consult .consult_cnt > header > p {display:block;margin-top:5px;font-size:1em;font-weight:normal;}
.consult .consult_cnt > header > p > span {color:#20b0e8;}

.consult .consult_cnt .consult_input > li { position:relative;  padding-left:100px; font-size:0.9375em; color:#666; }
.consult .consult_cnt .consult_input > li:nth-last-child(1) { margin-bottom:0; }
.consult .consult_cnt .consult_input > li input[type=text] { text-indent:5px; border:1px solid #ddd; box-sizing:border-box; outline:0; }
.consult .consult_cnt .consult_input > li select { height:45px; line-height:45px; border:1px solid #ddd; outline:0; }
.consult .consult_cnt .consult_input > li .head { position:absolute; display:inline-block; left:0; top:0.5em; width:110px; font-size:1.125em; color:#333; }
.consult .consult_cnt .consult_input > li .info_txt.tr {display:block;margin:0 0 5px;text-align:right;}
.consult .consult_cnt .consult_input > li .info_txt > span {color:#20b0e8;}
.consult .consult_cnt .consult_input > li .c_company { width:51%; }
.consult .consult_cnt .consult_input > li .c_company02 { width:24%; }
.consult .consult_cnt .consult_input > li .c_name { width:24%; }
.consult .consult_cnt .consult_input > li .c_email_1 { width:24%; }
.consult .consult_cnt .consult_input > li .c_email_2 { width:14%; }
.consult .consult_cnt .consult_input > li .c_email_3 { width:16%; }
.consult .consult_cnt .consult_input > li .c_tel_1 { width:24%; }
.consult .consult_cnt .consult_input > li .c_tel_2 { width:24%; }
.consult .consult_cnt .consult_input > li .c_tel_3 { width:24%; }
.consult .consult_cnt .consult_input > li .c_cost { width:100%; }
.consult .consult_cnt .consult_input > li .c_homepage { width:100%; }
.consult .consult_cnt .consult_input > li .c_etc { width:100%; }
.consult .consult_cnt .consult_input > li .c_check {padding-top: 6px;}
.consult .consult_cnt .consult_input > li textarea { width:100%;  border:1px solid #ddd; resize:none; outline:0; min-height: 158px;  padding-left: 22px; }

.consult .consult_cnt .listup { }
.consult .consult_cnt .listup:after { display:block; content:''; clear:both; }
.consult .consult_cnt .listup > li { float:left; width:20%; padding-top:8px; }

.consult .consult_cnt .consult_agree { width:auto; max-width:70%; margin:0 auto; font-size:1.125em; text-align:center; }
/* .consult .consult_cnt .consult_agree .btn_agree_view { display:inline-block; padding:.1em .3em; font-size:0.1825em; color:#fff; background:#666; border-radius:.2em; } */
.consult .consult_cnt .consult_agree .consult_agree_box { margin-top:20px; }
.consult .consult_cnt input[type=radio] + label { display:inline-block; width:30px; height:30px; text-align:center; background:#fff; border:1px solid #ddd; border-radius:50%;cursor:pointer;}
.consult .consult_cnt input[type=radio]:checked + label:before { font-family:'FontAwesome'; font-size:1.5em; color:#09d7e5; line-height:30px; content:"\f00c"; }
.consult .consult_cnt input[type=radio] { display:none; }
.consult .consult_cnt input[type=checkbox] + label { display:inline-block; width:30px; height:30px; text-align:center; background:#fff; border:1px solid #ddd; border-radius:50%;cursor:pointer;}
.consult .consult_cnt input[type=checkbox]:checked + label:before { font-family:'FontAwesome'; font-size:1.5em; color:#09d7e5; line-height:30px; content:"\f00c"; }
.consult .consult_cnt input[type=checkbox] { display:none; }
.consult .consult_cnt label { position:relative; margin-right:10px; }
.consult .consult_cnt input[type=checkbox].ty1 + label {padding-left: 35px;margin-right: 20px;line-height: 30px;width: auto;border: 0;border-radius:0;}
.consult .consult_cnt input[type=checkbox].ty1 + label:before {display: block;content: '';position: absolute;top: 0;left: 0;width: 30px;height: 30px;background:#fff; border:1px solid #ddd; border-radius:50%;}
.consult .consult_cnt input[type=checkbox].ty1:checked + label:before { font-family:'FontAwesome'; font-size:1.5em; color:#09d7e5; line-height:30px; content:"\f00c"; }

.consult .consult_cnt_bg { margin-bottom:50px; background:#f0f0f0; border-top:0; }
.consult .consult_cnt_bg > .consult_input { margin-bottom:0; }


/* 채용안내 */
.list_type1 > li { line-height:1.875em; padding-left:10px; font-size:0.9375em; color:#666; background:url('/theme/inpiad-cx/images/sub/blet1.gif') no-repeat left 12px; word-break:keep-all; }

.careers_cnt { display:block; max-width:1200px; margin:0 auto; }
.careers_cnt .tb_area { display:table; width:100%; height:100%; border-top:2px solid #27272c; }
.careers_cnt .last_tb { margin:0 0 80px; border-bottom:1px solid #ddd; }
.careers_cnt .tb_area .tb_cell { display:table-cell; padding-top:30px; padding-bottom:30px;  }
.careers_cnt .tb_cell1 { width:20%; text-align:center; vertical-align:middle; border-right:1px solid #ddd; }
.careers_cnt .tb_cell2 { width:40%; padding-left:3%; box-sizing:border-box; }
.careers_cnt .tb_cell3 { width:40%; padding-left:3%; box-sizing:border-box; }

.careers_cnt .career_job dl dt { margin:0 0 10px; font-size:1.125em; color:#333; }

.career_process_intro { line-height:1.875em; margin:0 0 60px; padding:0 18%; font-size:0.9375em; color:#666; word-break:keep-all; }
.career_process { display:block; }
.career_process:after { display:block; content:''; clear:both; }
.career_process li { display:block; float:left; width:48%; margin:0 0 20px; }
.career_process li:nth-child(2n) { margin-left:4%; }
.career_process li .icon { float:left; }
.career_process li .title { position:relative; float:left; width:69%; padding:45px 0 15px 20px; font-size:1.25em; color:#333; border-bottom:1px solid #ddd; box-sizing:border-box; }
.career_process li .title > img { position:absolute; right:0; top:47px; }
.career_process li .text { float:left; width:69%; line-height:1.875em; padding:20px; padding-right:0; font-size:0.9375em; color:#666; word-break:keep-all; box-sizing:border-box; }

/* 회사소개 공통 */
.common_top_text { line-height:1.5; margin-bottom:3.75em; color:#333; text-align:center; word-break:keep-all; }
.common_top_text p { font-size:2.1875em; }
.common_top_text span { display:block; font-size:1.125em; color:#666; }

/* 회사소개 */
#introduction { display:block; }
#introduction .intro_cnt_bg { display:block; padding:483px 0 0; background:url('/theme/inpiad-cx/images/sub7/intro_cnt_bg.jpg') no-repeat center top; }
#introduction .intro_inner { display:block; max-width:1200px; margin:0 auto; padding:0 2.5em 60px; overflow:hidden; min-height:500px; box-shadow:0px 7px 10px 1px #ddd; box-sizing:border-box; }
#introduction .intro_inner .title { display:block; font-weight:400; padding:0 0 1em; font-size:1.75em; color:#333; text-align:center; border-bottom:2px solid #333; }

#introduction .intro_text { padding:25px 30px; border-bottom:1px solid #ddd; }
#introduction .intro_text p { position:relative; line-height:1.6; margin:10px 0; padding-left:150px; font-size:0.9375em; color:#666; word-break:keep-all; }
#introduction .intro_text p span { position:absolute; display:inline-block; left:0; top:0px; font-weight:400; color:#333; }
#introduction .intro_text1 { margin:0 0 80px; }
#introduction .intro_text2 { background:#f0f0f0; }

/* 연혁 */
#history_cnt { position:relative; display:block; max-width:1200px; margin:0 auto; background:url('/theme/inpiad-cx/images/sub7/history_bg.gif') repeat-y center top; }
#history_cnt ul { display:block; list-style:none; margin:0; padding:0; }
#history_cnt ul li { display:block; padding:0 0 20px; }
#history_cnt ul li:after { display:block; content:''; clear:both; }
#history_cnt ul li .year { display:block; width:187px; height:187px; margin:0 auto 20px; font-size:1.875em; color:#00d6e5; text-align:center; background:#fff; border:15px solid #00d6e5; vertical-align:middle; border-radius:100%; box-sizing:border-box; }
#history_cnt ul li .year span { display:table-cell; width:157px; height:157px; vertical-align:middle; }
#history_cnt ul li .txt_cnt { position:relative; display:block; width:100%; margin:2px 0; }
#history_cnt ul li .txt_cnt span { display:block; }
#history_cnt ul li .txt_cnt .month { position:absolute; top:4px; font-size:1em; font-weight:600; color:#333; }
#history_cnt ul li .txt_cnt .txt { line-height:1.9; font-size:0.9375em; color:#666; word-break:keep-all; }
#history_cnt ul li .txt_cnt:nth-child(odd) { float:left; padding-left:50%; background:url('/theme/inpiad-cx/images/sub7/h_icon.gif') no-repeat 50% 10px; }
#history_cnt ul li .txt_cnt:nth-child(odd) .month { left:52%; }
#history_cnt ul li .txt_cnt:nth-child(odd) .txt { padding-left:80px; }
#history_cnt ul li .txt_cnt:nth-child(even) { float:right; padding-right:50%; text-align:right; background:url('/theme/inpiad-cx/images/sub7/h_icon.gif') no-repeat 50% 10px; }
#history_cnt ul li .txt_cnt:nth-child(even) .month { right:52%; }
#history_cnt ul li .txt_cnt:nth-child(even) .txt { padding-right:80px; }
#history_cnt .icon2 { position:absolute; left:50%; bottom:0; display:block; width:13px; height:13px; margin-left:-6px; background:#fff; border:3px solid #00d6e5; vertical-align:middle; border-radius:100%; box-sizing:border-box; }

/* 인증 및 수상 */
#certification_cnt { max-width:1200px; margin:0 auto; }
#certification_cnt .title { display:block; font-weight:400; padding:0 0 1em; font-size:1.75em; color:#333; text-align:center; }
#certification_cnt ul { display:block; list-style:none; margin:0; padding:0; }
#certification_cnt ul:after { display:block; content:''; clear:both; }
#certification_cnt ul li { display:block; float:left; margin-right:30px; }
#certification_cnt ul li:nth-child(5n) { margin-right:0; }
#certification_cnt ul li p { display:block; padding:26px 0; /*font-size:0.9375em;*/font-size:0.9em; color:#666; text-align:center; }
#certification_cnt ul li p.fz7 {font-size: 0.7em;}

/* 조직구성 */
#organization_cnt { display:block; max-width:1200px; margin:0 auto; box-sizing:border-box; }
#organization_cnt h3 {padding: 15px 0;font-size: 28px;font-weight: 400;text-align: center;color: #333;}
#organization_cnt h3:first-child {padding-top: 0;margin-top: -10px;}
#organization_cnt ul {margin-right:-20px;}
#organization_cnt ul:after { display:block; content:''; clear:both; }
#organization_cnt ul li {float:left;width:285px;height:430px;margin:0 20px 50px 0;background:#fff url(/theme/inpiad-cx/images/sub7/inpiad_bg.png) no-repeat left top;border:solid 1px #e5e5e5;box-sizing:border-box;}
#organization_cnt ul li .name {height:150px;padding:40px 25px 0;font-size:23px;color:#fff;box-sizing:border-box;}
#organization_cnt ul li .name > span {display:block;font-size:14px;}
#organization_cnt ul li .info {height:278px;padding:65px 25px 0;font-size:16px;color:#999;box-sizing:border-box;}
#organization_cnt ul li .info > span {display:block;color:#666;}
#organization_cnt ul li.no_info01 {background:#dcd9d9 url(/theme/inpiad-cx/images/sub7/inpiad_nobg01.jpg) no-repeat center center;}
#organization_cnt ul li.no_info02 {background:#dcd9d9 url(/theme/inpiad-cx/images/sub7/inpiad_nobg02.jpg) no-repeat center center;}
#organization_cnt ul li.no_info03 {background:#dcd9d9 url(/theme/inpiad-cx/images/sub7/inpiad_nobg03.jpg) no-repeat center center;}
#organization_cnt ul li.no_info04 {background:#dcd9d9 url(/theme/inpiad-cx/images/sub7/inpiad_nobg04.jpg) no-repeat center center;}
#organization_cnt ul li.pres .info {background:url(/theme/inpiad-cx/images/sub7/inpiad_chairman.jpg) no-repeat right bottom;}
#organization_cnt ul li.ceo .info {background:url(/theme/inpiad-cx/images/sub7/inpiad_ceo.jpg) no-repeat right bottom;}
#organization_cnt ul li.dire .info {background:url(/theme/inpiad-cx/images/sub7/inpiad_director.jpg) no-repeat right bottom;}
#organization_cnt ul li.mark01 .info {background:url(/theme/inpiad-cx/images/sub7/inpiad_family01.jpg) no-repeat right bottom;}
#organization_cnt ul li.mark02 .info {background:url(/theme/inpiad-cx/images/sub7/inpiad_family02.jpg) no-repeat right bottom;}
#organization_cnt ul li.mark03 .info {background:url(/theme/inpiad-cx/images/sub7/inpiad_family20.jpg) no-repeat right bottom;}
#organization_cnt ul li.mark04 .info {background:url(/theme/inpiad-cx/images/sub7/inpiad_family03.jpg) no-repeat right bottom;}
#organization_cnt ul li.mark05 .info {background:url(/theme/inpiad-cx/images/sub7/inpiad_family04.jpg) no-repeat right bottom;}
#organization_cnt ul li.mark06 .info {background:url(/theme/inpiad-cx/images/sub7/inpiad_family22.jpg) no-repeat right bottom;}
#organization_cnt ul li.mana01 .info {background:url(/theme/inpiad-cx/images/sub7/inpiad_family05.jpg) no-repeat right bottom;}
#organization_cnt ul li.mana02 .info {background:url(/theme/inpiad-cx/images/sub7/inpiad_family19.jpg) no-repeat right bottom;}
#organization_cnt ul li.mana03 .info {background:url(/theme/inpiad-cx/images/sub7/inpiad_family06.jpg) no-repeat right bottom;}
#organization_cnt ul li.mana04 .info {background:url(/theme/inpiad-cx/images/sub7/inpiad_family07.jpg) no-repeat right bottom;}
#organization_cnt ul li.mana05 .info {background:url(/theme/inpiad-cx/images/sub7/inpiad_family08.jpg) no-repeat right bottom;}
#organization_cnt ul li.mana06 .info {background:url(/theme/inpiad-cx/images/sub7/inpiad_family000.jpg) no-repeat right bottom;}
#organization_cnt ul li.mana07 .info {background:url(/theme/inpiad-cx/images/sub7/inpiad_family24.jpg) no-repeat right bottom;}
#organization_cnt ul li.mana08 .info {background:url(/theme/inpiad-cx/images/sub7/inpiad_family27.jpg) no-repeat right bottom;}
#organization_cnt ul li.desi01 .info {background:url(/theme/inpiad-cx/images/sub7/inpiad_family09.jpg) no-repeat right bottom;}
#organization_cnt ul li.desi02 .info {background:url(/theme/inpiad-cx/images/sub7/inpiad_family10.jpg) no-repeat right bottom;}
#organization_cnt ul li.desi03 .info {background:url(/theme/inpiad-cx/images/sub7/inpiad_family11.jpg) no-repeat right bottom;}
#organization_cnt ul li.desi04 .info {background:url(/theme/inpiad-cx/images/sub7/inpiad_family12.jpg) no-repeat right bottom;}
#organization_cnt ul li.desi05 .info {background:url(/theme/inpiad-cx/images/sub7/inpiad_family21.jpg) no-repeat right bottom;}
#organization_cnt ul li.desi06 .info {background:url(/theme/inpiad-cx/images/sub7/inpiad_family23.jpg) no-repeat right bottom;}
#organization_cnt ul li.publ01 .info {background:url(/theme/inpiad-cx/images/sub7/inpiad_family13.jpg) no-repeat right bottom;}
#organization_cnt ul li.publ02 .info {background:url(/theme/inpiad-cx/images/sub7/inpiad_family18.jpg) no-repeat right bottom;}
#organization_cnt ul li.publ03 .info {background:url(/theme/inpiad-cx/images/sub7/inpiad_family14.jpg) no-repeat right bottom;}
#organization_cnt ul li.publ04 .info {background:url(/theme/inpiad-cx/images/sub7/inpiad_family15.jpg) no-repeat right bottom;}
#organization_cnt ul li.publ05 .info {background:url(/theme/inpiad-cx/images/sub7/inpiad_family26.jpg) no-repeat right bottom;}
#organization_cnt ul li.prog01 .info {background:url(/theme/inpiad-cx/images/sub7/inpiad_family16.jpg) no-repeat right bottom;}
#organization_cnt ul li.prog02 .info {background:url(/theme/inpiad-cx/images/sub7/inpiad_family17.jpg) no-repeat right bottom;}
#organization_cnt ul li.prog03 .info {background:url(/theme/inpiad-cx/images/sub7/inpiad_family25.jpg) no-repeat right bottom;}
#organization_cnt ul li.bg .info {background:url(/theme/inpiad-cx/images/sub7/inpiad_family_bg.jpg) no-repeat right bottom;}
#organization_cnt ul li.bg2 .info {background:url(/theme/inpiad-cx/images/sub7/inpiad_family_bg2.jpg) no-repeat right bottom;}

#organization_cnt ul.center {text-align: center;}
#organization_cnt ul.center li {float: none;display: inline-block;text-align: left;}


/* 오시는길 */
#location_cnt { display:block; }
#location_cnt .title { display:block; position: relative; max-width: 1200px; margin: 0 auto; font-weight:400; padding:0 0 2em; color:#333; text-align:center; }
#location_cnt .title .txt1 { font-size:1.75em; }
#location_cnt .title .txt2 { margin-top:10px; font-size:0.9375em; }
#location_cnt .title .sms_btn {display: block;position: absolute;top: 50%;right: 0;transform:translateY(-50%);margin-top: -1em;border: 0;outline:0;}

#location_cnt .location_add { position:relative; display:block; max-width:1200px; margin:30px auto 0; }
#location_cnt .location_add p { display:inline-block; line-height:39px; margin-right:30px; font-size:0.9375em; color:#666; }
#location_cnt .location_add p span { display:inline-block; font-weight:600; color:#333; }
#location_cnt .location_add strong { display:inline-block; padding:0 10px; font-size:0.9375em; font-weight:400; color:#ddd; }
#location_cnt .location_add a { position:absolute; right:0; top:0; }
#location_cnt .map_sec {position: relative;}
#location_cnt .map_sec:after {display: block;content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
#location_cnt .map_sec .root_daum_roughmap {width:100%;}

#sms_pop {display: none;position: fixed;top: 0;left: 0;z-index: 1000;width: 100%;height: 100%;background-color: rgba(0,0,0,0.8);}
#sms_pop .sms_inner {position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;width: 665px;height: 605px;background-color: #fff;box-sizing:border-box;padding: 47px 70px 0;}
#sms_pop .sms_close {position: absolute;top: 30px;right: 30px;border: 0;outline:0;}
#sms_pop .title {padding-bottom: 27px;border-bottom: 1px solid #ddd;text-align: center;}
#sms_pop .title h3 {display: inline-block;position: relative;padding-top: 21px;font-size: 35px;font-weight: 700;color: #333;line-height: 1.5;}
#sms_pop .title h3:after {display: block;content: '';position: absolute;top: 0;right: -62px;width: 50px;height: 49px;background: url(/theme/inpiad-cx/images/sub7/losms_img1.jpg) no-repeat left top;}
#sms_pop .title p {margin-top: 16px;font-size: 17px;font-weight: 400;color: #333;}
#sms_pop .sms_form {position: relative;margin-top: 40px;box-sizing:border-box;padding-left: 30px;}
#sms_pop .sms_form:after {display: block;clear: both;content: '';}
#sms_pop .sms_form .ico {float: left;margin-right: 20px;padding-top: 4px;}
#sms_pop .sms_form input[type="text"] {display: block;float: left;width: 85px;height: 43px;font-size: 16px;font-weight: 700;line-height: 41px;box-sizing:border-box;border: 1px solid #ddd;text-align: center;}
#sms_pop .sms_form span {display: block;float: left;width: 25px;text-align: center;font-size: 18px;line-height: 43px;color: #666;}
#sms_pop .sms_form p {clear: both;padding-top: 15px;}
#sms_pop .sms_form p input[type="checkbox"] {position: absolute;left: -99999px;}
#sms_pop .sms_form p input[type="checkbox"] + label {margin-left: 55px;font-size: 14px;color: #666;vertical-align: top;cursor:pointer;}
#sms_pop .sms_form p input[type="checkbox"] + label:before {display: inline-block;vertical-align: top;content: ' ';width: 18px;height: 18px;box-sizing:border-box;font-size: 15px;line-height: 16px;border: 1px solid #ddd;margin-right: 8px;}
#sms_pop .sms_form p input[type="checkbox"]:checked + label:before {position: relative;font-family: 'FontAwesome'; color:#20b0e8;content: "\f00c";}
#sms_pop .sms_form p a {display: inline-block;vertical-align: top;font-size: 14px;margin-left: 5px;padding: 0 7px;background-color: #adadad;color: #fff;}
#sms_pop .sms_form .confirm {position: absolute;top: 0;right: 0;}
#sms_pop .info {padding: 44px 0 50px;margin-top: 24px;text-align: center;background-color: #f6f6f6;border-radius:36px 0 36px 0;}
#sms_pop .info h4 {font-size: 18px;font-weight: 500;line-height: 28px;color: #333;}
#sms_pop .info p {padding-top: 14px;}
#sms_pop .info p span {position: relative;padding: 0 10px;font-size: 16px;line-height: 27px;color: #666;}
#sms_pop .info p span:before {display: block;content: '';position: absolute;top: 50%;right: -3px;width: 1px;height: 14px;margin-top: -6px;background-color: #ddd;}
#sms_pop .info p span:last-child:before {display: none;}
#sms_pop .info p span b {display: inline-block;color: #fff;font-weight: 700;padding: 0 6px;background-color: #00a9dc;margin-right: 10px;}


/* 개인정보취급방침 & 이용약관 & 이메일무단수집거부 */
#privacy_cnt .intro_inner { display:block; max-width:1200px; margin:-70px auto 0; padding:60px 2.5em; overflow:hidden; min-height:500px; box-shadow:0px 7px 10px 1px #ddd; box-sizing:border-box; }
#privacy_cnt .intro_inner .title { display:block; font-weight:400; padding:0 0 1em; font-size:1.75em; color:#333; text-align:center; border-bottom:2px solid #333; }
#privacy_cnt .intro_inner textarea {width:100%;height:500px;margin-top:25px;padding:25px 30px;border:solid 1px #ddd;overflow-y:auto;box-sizing:border-box;resize:none;}

#email_cnt .intro_inner { display:block; max-width:1200px; margin:-70px auto 0; padding:60px 2.5em; overflow:hidden; min-height:500px; box-shadow:0px 7px 10px 1px #ddd; box-sizing:border-box; }
#email_cnt .intro_inner .title { display:block; font-weight:400; padding:0 0 1em; font-size:1.75em; color:#333; text-align:center; border-bottom:2px solid #333; }
#email_cnt .intro_inner .cont_box {width:100%;height:300px;margin-top:25px;padding:80px 30px;border:solid 1px #ddd;text-align:center;}
#email_cnt .intro_inner .big_txt {margin-bottom:20px;font-size:2.1875em;color:#333;line-height:1.42;word-break:break-all;}
#email_cnt .intro_inner .normal_txt {font-size:1.125em;color:#666;font-weight:300;line-height:1.8;word-break:break-all;}


/* 사이드바 */
#sidebar { display:none;position:fixed; /*display:block;*/ right:-444px; top:0; bottom:0; width:527px; box-sizing:border-box; overflow:hidden; z-index:200; }
#sidebar > header { position:absolute; left:-9999px; top:-9999px; }
#sidebar > nav { position:relative; display:block; float:left; width:83px; height:100%; background:rgba(63,67,67,0.9); cursor:pointer;}
#sidebar > nav > .btn_ctr { display:block; width:100%; height:0; padding-top:96%; overflow:hidden; }
#sidebar > nav > .btn_ctr > span { position:absolute; left:-9999px; top:-9999px; }

#sidebar > nav > .btn_ctr_show { display:block; background:#20b0e8 url('/theme/inpiad-cx/images/common/icon_sidebar_ctr_show.png') no-repeat center center; }
#sidebar > nav > .btn_ctr_hide { display:none; background:#20b0e8 url('/theme/inpiad-cx/images/common/icon_sidebar_ctr_hide.png') no-repeat center center; }

#sidebar > nav > .horizontal_align { width:30px; margin:0 auto; padding-top:20px; text-align:center; }
/*#sidebar > nav > .horizontal_align p { position:relative; width:20px; padding-top:30px; font-size:1em; color:#fff; font-size:300; word-break:break-all; }
#sidebar > nav > .horizontal_align p img { position:absolute; left:50%; top:0; transform:translateX(-50%); }*/
#sidebar > nav > .horizontal_align p { position:relative; width:27px;height:0; padding-top:0; font-size:1em; color:#fff; font-weight:300; word-break:break-all;box-sizing:border-box;overflow:hidden;}
#sidebar > nav > .horizontal_align p.quick_tit01 {animation:viewTit01 1.5s forwards, colorTit 2s 5s infinite;}
#sidebar > nav > .horizontal_align p.quick_tit02 {animation:viewTit02 1.5s 3s forwards, colorTit 2s 5s infinite;}
#sidebar > nav > .horizontal_align p img { position:absolute;left:0;top:0;opacity:0;transform:scale(0.5); }
#sidebar > nav > .horizontal_align p.quick_tit01 img {animation:viewIco01 1s forwards;}
#sidebar > nav > .horizontal_align p.quick_tit02 img {margin-left:4px;animation:viewIco01 1s 3s forwards;}

@keyframes colorTit {
	0% {color:#fff;}
	25% {color:#57dcf2;}
	50% {color:#35f7d5;}
	75% {color:#ff0000;}
	100% {color:#fff;}
}

@keyframes viewTit01 {
	0% {height:0;padding-top:0;}
	100% {height:255px;padding-top:30px;}
}
@keyframes viewTit02 {
	0% {height:0;padding-top:0;}
	100% {height:305px;padding-top:30px;}
}
@keyframes viewIco01 {
	0% {opacity:0;transform:scale(0.5);}
	50% {opacity:1;transform:scale(1.1);}
	100% {opacity:1;transform:scale(0.9);}
}

#sidebar .side_box { position:relative; display:block; height:100%; padding:30px 40px 0; background:#ebebeb; box-sizing:border-box; overflow:hidden; }
#sidebar .side_box .side_head { margin-bottom:30px; text-align:center; }
#sidebar .side_box .side_head h2 { font-size:2.1875em; color:#20b0e8; }
#sidebar .side_box .side_head .t1 { font-size:1.5em; color:#333; }
#sidebar .side_box .side_head .t2 { font-size:0.875em; color:#666; }
#sidebar .side_box .side_body { margin-bottom:40px; }
#sidebar .side_box .side_body ul { }
#sidebar .side_box .side_body ul > li { margin-bottom:10px; }
#sidebar .side_box .side_body ul > li:nth-last-child(1) { margin-bottom:0; }
#sidebar .side_box .side_body ul .none_type { padding-left:18%; }
#sidebar .side_box .side_body ul .title { display:inline-block; width:16%; margin-right:1%; font-size:0.875em; color:#333; text-align:right; vertical-align:middle; }
#sidebar .side_box .side_body ul .s_title{ display:inline-block; font-size:0.8125em; vertical-align:middle; }
#sidebar .side_box .side_body ul .btn_detail { display:inline-block; float:right; font-size:0.8125em; font-weight:300; text-decoration:underline; vertical-align:middle; }
#sidebar .side_box .side_body ul input[type=text] { display:inline-block; width:82%; height:40px; line-height:40px; text-indent:4px; background:#fff; border:1px solid #d2d2d2; outline:0; vertical-align:middle; }
#sidebar .side_box .side_body ul input[type=checkbox] { display:inline-block; vertical-align:middle; }
#sidebar .side_box .side_body ul input[type=submit] { width:100%; height:40px; color:#fff; background:#20b0e8 url('/theme/inpiad-cx/images/common/icon_send.png') no-repeat 34% center; border:0; outline:0; }

#sidebar .side_box .side_body2 { padding-left:18%; }
#sidebar .side_box .side_body2 ul { }
#sidebar .side_box .side_body2 ul > li { }
#sidebar .side_box .side_body2 ul > li:nth-child(1) { border-bottom:1px solid #999; }
#sidebar .side_box .side_body2 ul > li span { display:inline-block; vertical-align:middle; }
#sidebar .side_box .side_body2 ul > li .head { margin-right:10px; font-size:1.125em; color:#20b0e8; }
#sidebar .side_box .side_body2 ul > li .cnt { font-size:1.625em; color:#333; letter-spacing:-0.02em; }
#sidebar .side_box .side_body2 ul .hana { width:110px; height:21px; margin-right:5px; font-size:0; background:url('/theme/inpiad-cx/images/common/icon_hana.png') no-repeat left top; overflow:hidden; }
#sidebar .side_box .side_body2 ul .name { font-size:0.9375em; color:#666; }

#sidebar #captcha input[type=text] { width:100px; }



/* 하단 신청영역_180912 
.btm_ord_sec2 {position:fixed;left:0;bottom:0;width:100%;background:#2f343e;z-index:200;}
.btm_ord_sec2 .btm_ord_sub {width:100%;max-width:1200px;margin:0 auto;padding:20px 0;}
.btm_ord_sec2 .btm_ord_sub:after {content:"";display:block;clear:both;}
.btm_ord_sec2 .btm_ord_sub > a {float:left;width:24%;padding:20px 30px;color:#e1e1e1;line-height:30px;box-sizing:border-box;}
.btm_ord_sec2 .btm_ord_sub > a > span {display:block;margin-top:10px;font-size:23px;}
.btm_ord_sec2 .btn_vouc {margin-right:2%;background:#131519;font-size:18px;text-align:center;}
.btm_ord_sec2 .btn_certi {background:url(/theme/inpiad-cx/images/common/btm_ord_certibg.png) no-repeat center top;background-size:100% 100%;font-size:15px;}

.btm_ord_sec2 .ord_form {float:left;width:50%;padding-left:4%;box-sizing:border-box;}
.btm_ord_sec2 .ord_form:after {content:"";display:block;clear:both;}
.btm_ord_sec2 .ord_form > ul {float:left;width:74%;}
.btm_ord_sec2 .ord_form > ul > li {font-size:0;}
.btm_ord_sec2 .ord_form > ul > li.btm {margin-top:8px;font-size:14px;}
.btm_ord_sec2 .ord_form > ul > li.btm label {color:#e1e1e1;}
.btm_ord_sec2 .ord_form > ul > li.btm .btn_det {float:right;margin-right:10px;color:#a0a0a0;text-decoration:underline;}
.btm_ord_sec2 .ord_form .input_ty {width:47%;margin:0 3% 5px 0;padding:5px 10px;background:#fff;border:none;border-radius:3px;font-size:14px;color:#666;line-height:25px;box-sizing:border-box;}
.btm_ord_sec2 .ord_form .btn_subm {float:right;width:26%;padding:23px 10px;background:#20b0e8;border:none;border-radius:3px;font-size:17px;font-weight:700;color:#fff;text-align:center;line-height:30px;box-sizing:border-box;}*/

/* 하단 신청영역_180913 */
.btm_group {position: relative; height: auto;}

.btm_ord_sec {position:fixed;left:0;bottom:0;width:100%;background:#fff;border-top:solid 1px #dbdbdb;z-index:200;}
.btm_ord_sec_up {animation:Sec_Up 0.6s ease-in forwards;} 
.btm_ord_sec_down {animation:Sec_Down 0.6s ease-in forwards;}
.btm_ord_sec.disnone{display:none;}

.btn_hide {position:fixed;left:50%;transform: translateX(-50%);bottom:0;width:83px;height:25px;background:#fff;border-radius:5px 5px 0 0; box-sizing:border-box;overflow:hidden; box-sizing: border-box; z-index: 201;   transition: 0.6s;}
.btn_hide_up {animation:hide_up 0.6s ease-in forwards; background:#27272c url(/theme/inpiad-cx/images/main/hide_btn.png) no-repeat center center; border: none;}
.btn_hide_down {animation:hide_down 0.6s ease-in forwards; background:#27272c url(/theme/inpiad-cx/images/main/hide_btn_on.png) no-repeat top 8px center; }

.btn_hide.op{background:#27272c url(/theme/inpiad-cx/images/main/hide_btn_on.png) no-repeat top 8px center;}
@keyframes Sec_Up {
	0% {bottom:-205px;}
	100% {bottom:0;}
}
@keyframes Sec_Down {
	0% {bottom:0;}
	100% {bottom:-205px;}
}

@keyframes hide_up {
	0% {bottom:0;}
	100% {bottom:205px;}
}
@keyframes hide_down {
	0% {bottom:205px}
	100% {bottom:0}
}
.btm_ord_sec {height: 205px;}
.btm_ord_sec .btm_call_wrap {max-width: 1200px;margin: 0 auto;padding: 0 0 15px;}
.btm_ord_sec .btm_call_wrap:after {display: block;content: '';clear: both;}
.btm_ord_sec .bg_call{float: left;font-size: 20px;padding: 5px 0; color: #d72412; background:url(/theme/inpiad-cx/images/main/call_icon.png) no-repeat left center; background-size:auto 21px;padding-left: 28px; font-weight: 600;}
.btm_ord_sec .btm_lef_con {}
.btm_ord_sec .btm_lef_con h3 {float: left;position: relative; margin-top: 6px; margin-left: 10px;font-size: 18px;  padding-left: 57px;padding-top: 3px;padding-bottom: 3px; font-family: 'Montserrat';letter-spacing: -0.4px;}
.btm_ord_sec .btm_lef_con h3:nth-child(1) {color: #d72412;}
.btm_ord_sec .btm_lef_con h3:nth-child(2), .btm_ord_sec .btm_lef_con h3:nth-child(3) { color: #303030;}
.btm_ord_sec .btm_lef_con h3 > span { font-family:'Noto Sans KR', sans-serif ;width: 53px; height: 25px; line-height: 25px; display: block; position: absolute;top: 50%; transform:translateY(-50%); left: 0; border-radius: 5px; text-align: center; font-size: 12px; padding-top: 0px; box-sizing: border-box; font-weight: 400;}
.btm_ord_sec .btm_lef_con h3:nth-child(1) > span { color: #fff; background-color: #d72412;letter-spacing: -0.02em;}
.btm_ord_sec .btm_lef_con h3:nth-child(2) > span { color: #303030; background-color: #f0f0f0;}
.btm_ord_sec .btm_lef_con h3:nth-child(3) > span { color: #303030; background-color: #f0f0f0;}
.btm_ord_sec .btm_lef_con > dl {text-align: left; margin-block-start:0 !important; margin-block-end:0 !important; margin-top: 5px !important; }
.btm_ord_sec .btm_lef_con > dl > dt {font-size: 14px; color: #202020; font-weight: 500; margin-bottom: 5px;}
.btm_ord_sec .btm_lef_con > dl > dd {font-size: 14px; color: #505050; margin-left: 0 !important;}

.btm_ord_sec .btm_ord_sub {display:table;width:100%;max-width:1200px;margin:0 auto;padding:20px 0;table-layout:fixed;}

.btm_ord_sec .ord_form {display:table-cell;width:59.2%;border-right:solid 1px #dbdbdb;vertical-align:top;box-sizing:border-box;}
.btm_ord_sec .ord_form:after {content:"";display:block;clear:both;}
.btm_ord_sec .ord_form > ul {float:left;width:66%;}
.btm_ord_sec .ord_form > ul > li {font-size:0;}
.btm_ord_sec .ord_form > ul > li.btm {margin-top:8px;font-size:14px;}
.btm_ord_sec .ord_form > ul > li.btm label {color:#808080;}
.btm_ord_sec .ord_form > ul > li.btm .btn_det {float:right;margin-right:10px;color:#a0a0a0;text-decoration:underline;}
.btm_ord_sec .ord_form .input_ty {width:48%;height:35px;margin:0 2% 5px 0;padding:4px 10px;background:#f0f0f0;border:solid 1px #dbdbdb;;border-radius:3px;font-size:14px;color:#666;line-height:25px;box-sizing:border-box;}
.btm_ord_sec .ord_form .btn_subm {position:relative;float:left;width:28%;padding:20px 10px;background:#d72412;border:solid 3px #ed320f;border-radius:3px;overflow:hidden;box-sizing:border-box;}
.btm_ord_sec .ord_form .btn_subm:after {content:"";position:absolute;left:0;top:0;width:0;height:100%;background:#fff;transition:width 0.4s;}
.btm_ord_sec .ord_form .btn_subm > span {display:block;position:relative;font-size:26px;font-weight:700;color:#fff;text-align:center;line-height:30px;z-index:1;transition:color 0.4s;}
.btm_ord_sec .ord_form .btn_subm:hover:after {width:100%;}
.btm_ord_sec .ord_form .btn_subm:hover > span {color:#d72412;}

.btm_ord_sec .ord_btns {display:table-cell;padding-left:4%;font-size:0;text-align:center;vertical-align:middle;box-sizing:border-box;}
.btm_ord_sec .ord_btns > a {display:inline-block;position:relative;width:25%;padding-top:60px;font-size:14px;color:#303030;vertical-align:top;overflow:hidden;transition:color 0.4s;}
.btm_ord_sec .ord_btns > a:before {content:"";position:absolute;left:50%;top:0;width:50px;height:50px;margin-left:-25px;}
.btm_ord_sec .ord_btns > a.btn_ico01:before {background:url(/theme/inpiad-cx/images/common/btn_ico01.png) no-repeat center center;}
.btm_ord_sec .ord_btns > a.btn_ico02:before {background:url(/theme/inpiad-cx/images/common/btn_ico02.png) no-repeat center center;}
.btm_ord_sec .ord_btns > a.btn_ico03:before {background:url(/theme/inpiad-cx/images/common/btn_ico03.png) no-repeat center center;}
.btm_ord_sec .ord_btns > a.btn_ico04:before {background:url(/theme/inpiad-cx/images/common/btn_ico04.png) no-repeat center center;}

.btm_ord_sec .ord_btns > a:hover {color:#d72412;}
.btm_ord_sec .ord_btns > a.btn_ico01:hover:before {animation:Ico_ani01 1s forwards;}
.btm_ord_sec .ord_btns > a.btn_ico02:hover:before {animation:Ico_ani02 1s forwards;}
.btm_ord_sec .ord_btns > a.btn_ico03:hover:before {animation:Ico_ani03 1s forwards;}
.btm_ord_sec .ord_btns > a.btn_ico04:hover:before {animation:Ico_ani04 1s forwards;}
.btm_ord_sec .btm_box {width: 136.6%; padding-left: 30px; }
.btm_ord_sec .btm_box:after {content: ''; display: block; clear: both;}
.btm_ord_sec .btm_box dl {float: left; width: 270px; padding: 0;margin: 0;display: table;table-layout: fixed;}
.btm_ord_sec .btm_box dl:nth-child(2n) {width: 310px;}
.btm_ord_sec .btm_box dl dt {display: table-cell;vertical-align: middle;text-align: center;width: 62px;}
.btm_ord_sec .btm_box dl:nth-child(2n) dt {width: 115px;}
.btm_ord_sec .btm_box dl dd {display: table-cell; vertical-align: middle; font-size: 13px; color: #303030; line-height: 1.38;height: 40px;padding-left: 12px;}


.btn_top {position:fixed;right:70px;bottom:50px;width:45px;height:45px;background:#999;border-radius:100%;box-sizing:border-box;overflow:hidden; z-index: 201; animation:Sec_Up_btn1 0.6s ease-in forwards;}
.btn_top:after {content:"";position:absolute;left:0;top:0;width:100%;height:45px;background:url(/theme/inpiad-cx/images/common/btn_ico_top.png) no-repeat center center;opacity:0;}
.btn_top > span {display:block;font-size:13px;color:#fff;text-align:center;line-height:45px;opacity:1;transition:opacity 0.4s;}
.btn_top:hover:after {animation:Top_icomove 1s forwards;}
.btn_top:hover > span {opacity:0;}
.btn_hide:hover {}
.btm_ord_sec.so {top: 100%;}


@keyframes Sec_Up_btn1 {
	0% {bottom:-100px;}
	100% {bottom:50px;}
}

@keyframes Top_icomove {
	0% {opacity:0;transform:rotate(0);}
	100% {opacity:1;transform:rotate(360deg);}
}
@keyframes Ico_ani01 {
	0% {background:url(/theme/inpiad-cx/images/common/btn_ico01.png) no-repeat center center;transform:rotate(0);}
	100% {background:url(/theme/inpiad-cx/images/common/btn_ico01_ov.png) no-repeat center center;transform:rotate(-360deg);}
}
@keyframes Ico_ani02 {
	0% {background:url(/theme/inpiad-cx/images/common/btn_ico02.png) no-repeat center center;}
	30% {background:url(/theme/inpiad-cx/images/common/btn_ico02.png) no-repeat 50px 50px;}
	70% {background:url(/theme/inpiad-cx/images/common/btn_ico02_ov.png) no-repeat 50px 50px;}
	100% {background:url(/theme/inpiad-cx/images/common/btn_ico02_ov.png) no-repeat center center;}
}
@keyframes Ico_ani03 {
	0% {background:url(/theme/inpiad-cx/images/common/btn_ico03.png) no-repeat center center;}
	30% {background:url(/theme/inpiad-cx/images/common/btn_ico03.png) no-repeat center 50px;}
	70% {background:url(/theme/inpiad-cx/images/common/btn_ico03_ov.png) no-repeat center -50px;}
	100% {background:url(/theme/inpiad-cx/images/common/btn_ico03_ov.png) no-repeat center center;}
}
@keyframes Ico_ani04 {
	0% {background:url(/theme/inpiad-cx/images/common/btn_ico04.png) no-repeat center center;}
	30% {background:url(/theme/inpiad-cx/images/common/btn_ico04.png) no-repeat -50px 50px;}
	70% {background:url(/theme/inpiad-cx/images/common/btn_ico04_ov.png) no-repeat -50px 50px;}
	100% {background:url(/theme/inpiad-cx/images/common/btn_ico04_ov.png) no-repeat center center;}
}




/* 게시판 내용 폰트 강제 적용 _ 171101 */
#bo_v_con, #bo_v_con span, #bo_v_con p, #bo_v_con div {font-family:'Noto Sans KR', sans-serif !important;}


/* 수출바우처 _ 180531 */
#voucher {display:block;}
#voucher article {width:100%;max-width:1200px;margin:0 auto;padding:80px 0;}
#voucher .sub_title {margin:30px 0;font-size:2.1875em;color:#333;line-height:1.5;text-align:center;word-break:break-all;}
#voucher .sub_title > span {color:#00d6e5;}
#voucher .dash_title {position:relative;margin-bottom:30px;padding-left:40px;font-size:15px;font-weight:500;color:#00d6e5;}
#voucher .dash_title:before {content:"";position:absolute;left:0;top:10px;width:30px;height:2px;background:#00d6e5;}
#voucher .arti_stit {margin-bottom:10px;font-size:28px;color:#333;}

#voucher .varti01 {padding:0 0 80px;}
#voucher .common_top_text .top_ht {color:#49bfec;}
#voucher .gban_list {margin:30px 0 70px;}
#voucher .gban_list:after {content:"";display:block;clear:both;}
#voucher .gban_list > li {float:left;width:32%;height:75px;margin-left:2%;border:solid 1px #dbdbdb;border-radius:75px;font-size:0;box-sizing:border-box;}
#voucher .gban_list > li.gban01 {margin:0;background:url(/theme/inpiad-cx/images/sub10/voucher_gban01.png) no-repeat center center;}
#voucher .gban_list > li.gban02 {background:url(/theme/inpiad-cx/images/sub10/voucher_gban02.png) no-repeat center center;}
#voucher .gban_list > li.gban03 {background:url(/theme/inpiad-cx/images/sub10/voucher_gban03.png) no-repeat center center;}
#voucher .ico_info_list {display:table;width:1216px;margin:0 -8px;padding-top:35px;table-layout:fixed;border-spacing:8px;}
#voucher .ico_info_list > li {display:table-cell;position:relative;height:220px;padding:70px 40px 40px;background:#f0f0f0;border:solid 1px #dbdbdb;border-radius:10px;text-align:center;vertical-align:top;box-sizing:border-box;}
#voucher .ico_info_list > li:before {content:"";position:absolute;left:50%;top:-35px;width:70px;height:70px;margin-left:-35px;}
#voucher .ico_info_list > li.ico01:before {background:url(/theme/inpiad-cx/images/sub10/voucher_ico01.png) no-repeat center center;}
#voucher .ico_info_list > li.ico02:before {background:url(/theme/inpiad-cx/images/sub10/voucher_ico02.png) no-repeat center center;}
#voucher .ico_info_list > li.ico03:before {background:url(/theme/inpiad-cx/images/sub10/voucher_ico03.png) no-repeat center center;}
#voucher .ico_info_list > li.ico04:before {background:url(/theme/inpiad-cx/images/sub10/voucher_ico04.png) no-repeat center center;}
#voucher .ico_info_list > li.ico05:before {background:url(/theme/inpiad-cx/images/sub10/voucher_ico05.png) no-repeat center center;}
#voucher .ico_info_list > li:after {content:"";position:absolute;right:-37px;top:50%;width:74px;height:74px;margin-top:-37px;background:url(/theme/inpiad-cx/images/sub10/voucher_arr.png) no-repeat center center;z-index:1;}
#voucher .ico_info_list > li.ico05:after {display:none;}
#voucher .ico_info_list > li .tit {margin-bottom:10px;font-size:15px;color:#666;}
#voucher .ico_info_list > li .txt {font-size:15px;color:#333;line-height:27px;}
#voucher .ico_info_list > li .txt > a {display:block;width:80px;margin:10px auto 0;background:#5eaddd;font-size:14px;color:#fff;text-align:center;line-height:30px;}

#voucher .varti02 {max-width:100%;padding:50px 0 80px;background:url(/theme/inpiad-cx/images/sub10/voucher_varti02_bg.png) repeat-x left top;background-size:auto 100%;}
#voucher .varti02 .arti_sub {width:100%;max-width:1200px;margin:0 auto;}
#voucher .varti02 .txt {margin-bottom:30px;font-size:15px;color:#666;}
#voucher .box_sec {margin-bottom:70px;background:#fff;}
#voucher .box_sec:after {content:"";display:block;clear:both;}
#voucher .box_sec .box {float:left;width:50%;padding:50px 30px 30px;box-sizing:border-box;}
#voucher .box_sec .box .img {margin-bottom:30px;line-height:0;}
#voucher .box_sec .box .info_box {padding:20px 30px;border:solid 3px #627d98;font-size:15px;color:#555;line-height:30px;box-sizing:border-box;}
#voucher .box_sec .box02 {border-left:solid 1px #dbdbdb;}
#voucher .box_sec .btm_info {float:left;width:calc(100% - 60px);margin:0 30px 50px;padding:23px 20px;background:#627d98;font-size:18px;color:#fff;text-align:center;line-height:30px;box-sizing:border-box;}
#voucher .ico_box_list {display:table;width:1220px;margin:0 -10px;table-layout:fixed;border-spacing:10px;}
#voucher .ico_box_list > li {display:table-cell;height:260px;padding:40px 20px 40px 40px;color:#fff;vertical-align:top;box-sizing:border-box;}
#voucher .ico_box_list > li.ico01 {background:#cad848 url(/theme/inpiad-cx/images/sub10/voucher_ico06.png) no-repeat 84% 82%;}
#voucher .ico_box_list > li.ico02 {background:#5eaddd url(/theme/inpiad-cx/images/sub10/voucher_ico07.png) no-repeat 84% 82%;}
#voucher .ico_box_list > li.ico03 {background:#48d8bf url(/theme/inpiad-cx/images/sub10/voucher_ico08.png) no-repeat 84% 82%;}
#voucher .ico_box_list > li.ico04 {background:#486ed8 url(/theme/inpiad-cx/images/sub10/voucher_ico09.png) no-repeat 84% 82%;}
#voucher .ico_box_list > li .tit {margin-bottom:10px;font-size:26px;}
#voucher .ico_box_list > li .txt {margin:0;font-size:16px;color:#fff;line-height:30px;}

#voucher .varti03 {max-width:100%;padding:50px 0 80px;background:#ebeaf0 url(/theme/inpiad-cx/images/sub10/voucher_varti03_bg.png) no-repeat right top;border-bottom:dotted 3px #c7c7c7;}
#voucher .varti03 .arti_sub {width:100%;max-width:1200px;min-height:400px;margin:0 auto;}
#voucher .varti03 .txt {font-size:18px;color:#666;text-align:center;line-height:25px;}

#voucher .varti04 {margin:-350px auto 0;padding:80px 0 40px;}
#voucher .seo_box {margin-bottom:70px;padding:70px 45px;background:#fff url(/theme/inpiad-cx/images/sub10/voucher_seo_bg.png) no-repeat right bottom;;border:solid 10px #f0f0f0;box-sizing:border-box;}
#voucher .seo_box .tit {margin-bottom:10px;font-size:26px;color:#333;line-height:60px;}
#voucher .seo_box .tit > span {display:inline-block;width:60px;background:#00d6e5;border-radius:100%;color:#fff;text-align:center;vertical-align:middle;}
#voucher .seo_box .txt {margin-right:48%;font-size:15px;color:#666;line-height:30px;}
#voucher .varti04 .de_txt {margin-bottom:30px;font-size:18px;color:#666;line-height:25px;text-align:center;}
#voucher .type_info {margin-bottom:70px;padding:45px 0 45px 54%;background:url(/theme/inpiad-cx/images/sub10/voucher_type_img.png) no-repeat left top;border:solid #dbdbdb;border-width:1px 0;box-sizing:border-box;}
#voucher .type_info .tit {margin-bottom:25px;font-size:26px;color:#333;}
#voucher .type_info .tit > span {color:#00d6e5;}
#voucher .type_info .dash_list {padding:20px 30px;background:#f0f0f0;box-sizing:border-box;}
#voucher .type_info .dash_list:after {content:"";display:block;clear:both;}
#voucher .type_info .dash_list > li {position:relative;float:left;width:50%;padding-left:10px;font-size:15px;color:#666;line-height:30px;box-sizing:border-box;}
#voucher .type_info .dash_list > li:before {content:"";position:absolute;left:0;top:16px;width:5px;height:1px;background:#666;}

#voucher .varti05 {position:relative;max-width:100%;margin:0 auto -150px;padding:0 0 180px;}
#voucher .varti05:after {content:"";position:absolute;left:0;bottom:0;width:100%;height:62%;background:#f0f0f0;z-index:-1;}
#voucher .varti05 .arti_sub {width:100%;max-width:1200px;margin:0 auto;}
#voucher .varti05 .de_txt {margin-bottom:30px;font-size:18px;color:#666;line-height:25px;text-align:center;}
#voucher .step_img {display:table;width:1216px;margin:0 -8px 60px;table-layout:fixed;border-spacing:8px;}
#voucher .step_img > li {position:relative;display:table-cell;height:445px;padding-top:250px;text-align:center;vertical-align:top;box-sizing:border-box;}
#voucher .step_img > li.step01 {background:#fff url(/theme/inpiad-cx/images/sub10/voucher_step01.png) no-repeat center top;}
#voucher .step_img > li.step02 {background:#fff url(/theme/inpiad-cx/images/sub10/voucher_step02.png) no-repeat center top;}
#voucher .step_img > li.step03 {background:#fff url(/theme/inpiad-cx/images/sub10/voucher_step03.png) no-repeat center top;}
#voucher .step_img > li.step04 {background:#fff url(/theme/inpiad-cx/images/sub10/voucher_step04.png) no-repeat center top;}
#voucher .step_img > li.step05 {background:#fff url(/theme/inpiad-cx/images/sub10/voucher_step05.png) no-repeat center top;}
#voucher .step_img > li:before {content:"";position:absolute;right:-41px;top:65px;width:74px;height:74px;background:url(/theme/inpiad-cx/images/sub10/voucher_arr.png) no-repeat center center;z-index:1;}
#voucher .step_img > li.step05:before {display:none;}
#voucher .step_img > li .tit {position:relative;margin-bottom:10px;padding-bottom:30px;font-size:19px;color:#333;}
#voucher .step_img > li .tit:after {content:"";position:absolute;left:50%;bottom:0;width:20px;height:1px;margin-left:-10px;background:#333;}
#voucher .step_img > li .tit > span {display:block;font-size:15px;color:#666;}
#voucher .step_img > li .txt {font-size:15px;color:#666;line-height:30px;}

/*#voucher .cu_link {display:block;margin:0;}*/
#voucher .btm_cu {display:table;width:100%;table-layout:fixed;}
#voucher .btm_cu dt {display:table-cell;padding:0;background:url(/theme/inpiad-cx/images/sub10/voucher_cu_bg.png) repeat-x left top;background-size:auto 100%;border-right:solid 10px #f0f0f0;font-size:26px;color:#fff;text-align:center;vertical-align:middle;box-sizing:border-box;}
#voucher .btm_cu dt > a {display:inline-block;margin-left:5%;padding:0 10px;background:#486ed8;font-size:14px;color:#fff;line-height:30px;vertical-align:text-bottom;}
#voucher .btm_cu dt > a:after {content:"▶";display:inline-block;margin-left:5px;font-size:10px;line-height:30px;}
#voucher .btm_cu dd {display:table-cell;height:125px;margin:0;padding-left:70px;color:#333;line-height:30px;vertical-align:middle;box-sizing:border-box;}
#voucher .btm_cu dd.ico01 {width:20%;padding-left:10%;background:#fff url(/theme/inpiad-cx/images/sub10/voucher_ico10.png) no-repeat 45px center;}
#voucher .btm_cu dd.ico02 {width:19%;background:#fff url(/theme/inpiad-cx/images/sub10/voucher_ico11.png) no-repeat left center;}
#voucher .btm_cu dd.ico03 {width:21%;background:#fff url(/theme/inpiad-cx/images/sub10/voucher_ico12.png) no-repeat left center;}
#voucher .btm_cu dd .tit {font-size:15px;}
#voucher .btm_cu dd .txt {font-size:19px;}



/* new_pop */

.new_pop_t1{position: fixed; left: 0; bottom: 0; z-index: 1005;}
.pcnt_1{position: relative; width: 460px; height: 460px;}
.pcnt_1 a span{ animation-duration: 3s; animation-name: gn_cons2; animation-iteration-count: infinite; position: absolute; display: block; width: 217px; height: 65px; line-height: 65px; left: 50%; bottom: 101px; background: #f8b80d; color: #fff; font-size: 20px; font-weight: 500; text-align: center; border-radius: 50px; transform:translateX(-50%); box-shadow: -5px -5px 5px rgba(0,0,0,0.2) inset; }  

.pcnt_1 .p_cl1{position: absolute; right: 0; top: 0; cursor: pointer;}
.p_cl1 img{transition:.4s;}
.p_cl1:hover img{transform:rotate(360deg);}

@keyframes gn_cons2 { 0% { background: #f8b80d;} 50% { background: #d72412;}100% {background: #f8b80d; }}



#write_result {padding-top: 50px;}
#write_result .wrap {max-width: 1200px;margin: 0 auto;}

#write_result .top_box {text-align: center;}
#write_result .top_box h3 {margin-top: 23px;font-size: 35px;font-weight: 500;line-height: 1.29;color: #303030;}
#write_result .top_box h3 b {font-weight: 500;color: #20b0e8;}
#write_result .top_box p {margin-top: 18px;font-size: 18px;font-weight: 400;color: #303030;}

#write_result .mid_box {margin-top: 55px;text-align: center;border-radius:40px 0 40px 0;background-color: #f5f5f5 !important;}
#write_result .mid_box ul {}
#write_result .mid_box ul li {display: inline-block;width: 33%;padding: 80px 0;border-right: 1px solid #dbdbdb;}
#write_result .mid_box ul li:last-child {border-right: 0;}
#write_result .mid_box ul li .ico {display: inline-block;vertical-align: middle;width: 80px;height: 80px;position: relative;background-color: #fff !important;border-radius:50%;box-shadow: 0 0 20px rgba(0,0,0,0.1);}
#write_result .mid_box ul li .ico img {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
#write_result .mid_box ul li dl {display: inline-block;vertical-align: middle;text-align: left;padding-left: 28px;}
#write_result .mid_box ul li dl dd {display: block;margin:0;font-size: 16px;font-weight: 400;color: #a0a0a0;}
#write_result .mid_box ul li dl dt {display: block;margin-top: 6px;font-size: 18px;font-weight: 400;color: #303030;}

#write_result .btn_box {text-align: center;margin-top: 50px;}
#write_result .btn_box a {display: inline-block;margin: 0 1px;width: 172px;box-sizing:border-box;font-size: 18px;font-weight: 500;line-height: 58px;color: #20b0e8;border: 1px solid #20b0e8;border-radius:3px;}
#write_result .btn_box a.ty1 {color: #fff;background-color: #20b0e8 !important;}