
/* Layout */
#page {width:100%; min-width:1100px; height:calc(100% - 20px);}
.header{width:100%;  min-width:1200px; background-color:#fff; }
.footer{clear:both;  min-width:1200px; width:100%; border:0;}
.contents{width:100%; min-width:1200px;  min-height:calc(100% - 100px); background:#fff; padding-bottom:140px; margin:0 auto;}
.contents.main {padding:0 0 140px 0; width:100%;clear:both;}
#page:after,.header:after,.footer:after,.contents:after,header:after {display:block; clear:both; content:'';}
body, th, td, input, select, textarea, button {font-family:'NanumSquare' , 'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif; color:#666; font-size:13px; letter-spacing:-.02em; line-height:1.5; word-break: keep-all; font-size:13px; letter-spacing:-.02em; line-height:1.5;  }
b {font-weight:bold;}
em{font-style:normal;}
.nanum {font-family: 'NanumSquare', sans-serif !important;}
#no_fouc {opacity:0;}
.fixed_wrap {width:1400px; margin:0 auto; padding:0 50px;}

/* keyframes */
@-webkit-keyframes tutsFade { /* your style */ }
@-moz-keyframes tutsFade { /* your style */ }
@-ms-keyframes tutsFade { /* your style */ }
@-o-keyframes tutsFade { /* your style */ }
@keyframes tutsFade { /* your style */ }

/* 내용 없을 때 */
.info_img {display:inline-block; width:100px; height:100px; background-size:cover;}
.info_img.md {width:180px;height:180px;}
.info_img.xl {width:250px;height:250px;}
.info_img.common {background:url(../images/notice_image3.png) no-repeat; background-size:cover;}
.info_img.sorry {background:url(../images/notice_image1.png) no-repeat; background-size:cover;}
.info_img.notice {background:url(../images/notice_image4.png) no-repeat; background-size:cover;}
.info_img.info {background:url(../images/notice_image5.png) no-repeat; background-size:cover;}
.info_img.question {background:url(../images/notice_image2.png) no-repeat; background-size:cover;}
.info_img.password {background:url(../images/notice_image6.png) no-repeat; background-size:cover;}
.info_img.angry {background:url(../images/notice_image7.png) no-repeat; background-size:cover;}
.info_img.not {background:url(../images/notice_image7-1.png) no-repeat; background-size:cover;}
.info_img.joy {background:url(../images/notice_image8.png) no-repeat; background-size:cover;}
.info_img.unknown {background:url(../images/notice_image9.png) no-repeat; background-size:cover;}
.info_img.search {background:url(../images/notice_image10.png) no-repeat; background-size:cover;}
.info_img.thx {background:url(../images/notice_image11.png) no-repeat; background-size:cover;}
.info_img.mail {background:url(../images/notice_image12.png) no-repeat; background-size:cover;}
.empty_txt {font-size:16px; color:#1890ff; text-align:center; padding:10px}
.empty_txt  .text {color:#1890ff; font-size:16px; font-weight:bold; margin-top:10px;}
.empty_txt  .text i { margin-right:5px; vertical-align:0;}
.text .round_info {text-align: center; border-radius:2em; border:1px solid #41b2c2; width:18px; height:18px; font-size:14px; line-height:15px; display:inline-block;}


/* scroll*/
.scroll::-webkit-scrollbar{width:1px; background-color:#ddd;}
.scroll::-webkit-scrollbar-thumb{background-color:#1890ff; border-radius:5px;}
.scroll{scrollbar-face-color:#ddd;scrollbar-arrow-color:#bbb;scrollbar-track-color:#eee;scrollbar-shadow-color:#ddd;}
.scroll.simple::-webkit-scrollbar{width:8px; background-color:#f7f7fc;}
.scroll.simple::-webkit-scrollbar-thumb{background-color:#e7e7f1; border-radius:5px;}
.scroll.simple{scrollbar-face-color:#e7e7f1;scrollbar-arrow-color:#bbb;scrollbar-track-color:#f7f7fc;scrollbar-shadow-color:#e7e7f1;}

/* typography */
.tx_b, .bold{font-weight:600 !important;}

h2{font-weight:900; color:#222;}
h2.tit1{font-size:40px; color:#222;}
h2.tit2{font-size:32px; color:#222;}
h2.tit1.cont_tit{text-align:center; padding:80px 0;}
h3.tit1{font-size:24px; font-weight:900; color:#222;}
h3.tit2{font-size:22px; font-weight:900; color:#222;}

p.tit1{letter-spacing:normal; font-size:22px; color:#222;}
p.tit2{letter-spacing:normal; font-size:18px; color:#222;}

.tx_sub{font-family:'Malgun Gothic'; font-size:13px; font-weight:normal; letter-spacing:-1.2px; color:#888;}

.tx_c{text-align:center;}

.table_tit{font-size:17px; font-weight:900; margin-bottom:4px; color:#222;}
.table_tit i{position:relative; top:-1px; display:inline-block; min-width:18px; min-height:18px; padding:0px 6px 0px 5px; font-size:11px; color:#fff; background:#b2beca; border-radius:9px; text-align:center; margin-right:8px;}
.table[class*="tp"] tr td .table_tit i{cursor:default;}

/* input */
input[type="text"], input[type="password"]{font-family:'맑은고딕',Malgun Gothic,'돋움',Dotum,Helvetica,'Apple SD Gothic Neo',Sans-serif; height:47px; padding:10px 20px; font-size:17px;}
input[type="text"]:hover, input[type="password"]:hover, input[type="email"]:hover, input[type="tel"]:hover, input[type="file"]:hover, input[type="search"]:hover, select:hover{border:1px solid #1890ff;}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="file"]:focus, input[type="search"]:focus, select:active{box-shadow:0 0 5px #8ec9ff;}

input[type="text"].sm, input[type="password"].sm{font-family:'맑은고딕',Malgun Gothic,'돋움',Dotum,Helvetica,'Apple SD Gothic Neo',Sans-serif; height:37px; padding:10px; font-size:14px;}
input[type=text]::-ms-clear{display:none;}

/* dot */
[class*="dot_"]{position:relative; top:1px; display:inline-block; width:10px; height:10px; border-radius:100%; margin-bottom:3px; background:#ff4c60;}
.dot_m{width:10px; height:10px;}
.dot_s{width:7px; height:7px;}
.dot_xs{width:6px; height:6px;}
.dot_border_xs{display:inline-block; width:6px; height:6px; border:2px solid #ff4c60; border-radius:100%; margin-bottom:3px;}

/* file_input */
.table .file_box > .file_name{width:80%;}
.file_box > .file_name{display:inline-block; width:80%; min-height:47px; padding-left:10px; line-height:30px; border:1px solid #d7d7d7; background-color:#f6f7f8; vertical-align:middle; padding:10px 20px;}
.file_box > .file_name:hover{border-color:#d7d7d7; background:#f6f7f8;}
.file_box > .file_name:focus{border-color:#d7d7d7; background:#f6f7f8; box-shadow:none;}
.file_box > .file_name a.link_txt{color:#5e5e5e;}
.file_box > .file_name a > .ico_close_white{position:relative; top:4px; width:20px; height:20px; background-color:#aaa; border-radius:100%; background-size:65%; margin-right:6px;}
.file_box > .file_name a > .ico_close_white:hover{animation:normal;}
.file_box > .btn_file{display:inline-block; width:calc(19% - 5px); height:47px; line-height:47px; font-size:17px; color:#fff; text-align:center; vertical-align:top; margin-left:10px; background:#5a5a5f;}

.file_box.sm .btn_file{height:37px; line-height:37px; font-size:14px;}

/* textarea */
textarea{font-family:'Malgun Gothic'; border-radius:10px; padding:10px 15px;}

select{height:48px; font-size:17px; padding:10px 20px !important; background-image:url(../images/icon_arrow_darkgray_bt_mid.png); background-size:auto; background-position:center right 20px;}

/* tooltip */
.tooltip{position:relative; display:inline-block;}
.tooltip .tooltiptext{visibility:hidden; width:fit-content; display:table; font-family:'Malgun Gothic'; background-color:rgba(52,52,72,0.8); color:#fff; text-align:center; padding:4px 15px 6px 15px; border-radius:6px; position:absolute; z-index:99; bottom: 125%; left:50%; margin-left:-60px; opacity:0; transition:opacity 1s;}
.tooltip .tooltiptext::after{/*content: ""; position:absolute; top:100%; left:10%; margin-left: -5px; border-width:5px; border-style:solid; border-color:#555 transparent transparent transparent;*/}
.tooltip:hover .tooltiptext{visibility:visible; opacity:1;}

.tooltip.exclamation{position:relative; top:-2px; width:17px; height:17px; background:url(../images/icon_exclamation.png) no-repeat; padding:8px 9px;}
.tooltip.exclamation:before{background:none;}
.tooltip.exclamation .tooltiptext{left:-7px; bottom:152%; margin-left:0;}
.tooltip.exclamation .tooltiptext::after{left:15px;}

.tooltip.exclamation.no_result{left:auto; transform:none;}
.tooltip.exclamation.no_result span{text-align:left; padding:11px 15px 13px 15px; font-size:13px; color:#ccc;}
.tooltip.exclamation .tooltiptext b{display:block; font-size:14px; color:#fff; margin:6px 0;}
.tooltip.exclamation .tooltiptext b:first-child{margin-top:0;}


/* Basic*/
.br_none{border:0 !important;}

.wd20p{width:20% !important;}

.wd200{width:200px !important;}

.mt6{margin-top:6px !important;}
.mt13{margin-top:13px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt60{margin-top:60px !important;}
.mt80{margin-top:80px !important;}
.mt100{margin-top:100px !important;}

.mb25{margin-bottom:25px !important;}
.mb60{margin-bottom:60px !important;}

.pd20{padding:20px !important;}
.pd40{padding:40px !important;}

.pt100{padding-top:100px !important;}
.pt200{padding-top:200px !important;}

.pb60{padding-bottom:60px !important;}

/* color */
.bg_blue{background:#1890ff !important; color:#fff;}
.bg_blue:hover{color:#fff;}
.bg_blue:focus{color:#fff;}
.bg_blue60{background-color:#deefff !important; color:#1890ff;}
.bg_blue60 a{color:#1890ff;}
.bg_blue40{background-color:#ecf6ff !important; color:#1890ff;}
.bg_white{background:#fff !important;}
.bg_black{background:#222; color:#fff;}
.bg_black:hover{color:#fff;}
.bg_black:focus{color:#fff;}
.bg_orange{background:#ff4d61 !important; color:#fff;}
.bg_orange:hover{color:#fff;}
.bg_navy{background:#424a5f !important; color:#fff;}
.bg_navy:hover{color:#fff;}
.bg_none{background:transparent !important;}
.bg_lightgray {background:#80a6ad !important; color:#fff;}
.bg_lightgray:focus{color:#fff;}
.bg_lightgray:hover{color:#fff;}
.bg_darkgray{background:#5a5a5f !important; color:#fff;}
.bg_darkgray:focus{color:#fff;}
.bg_darkgray:hover{color:#fff;}

.tx_blue{color:#1890ff !important;}
.tx_blue a{color:#1890ff !important;}
.tx_orange{color:#ff4d61 !important;}
.tx_gray{color:#999 !important;}
.tx_black{color:#222 !important;}

.br_white{border:1px solid #fff !important; color:#fff;}
.br_white:hover{color:#fff;}
.br_blue{border:1px solid #1890ff !important; color:#1890ff; background-color:#fff;}
.br_blue:hover{background-color:#ebf6ff; color:#1890ff; transition:0.4s;}
.br_blue60{border:1px solid #8fc9ff !important; color:#1890ff; background-color:#fff;}
.br_black{border:1px solid #222 !important; color:#222; background:#fff;}
.br_orange{border:1px solid #ff4d61 !important; color:#ff4d61;}
.br_orange:hover{color:#ff4d61;}
.br_gray{border:1px solid #888 !important; color:#888;}
.br_gray:hover{color:#888;}

/* botton */
.btn_wrap{padding-top:0;}
.btn_wrap:after{content:''; display:block; clear:both;}
.btn_wrap > .left{float:left;}
.btn_wrap > .right{float:right;}

.btn:before{background:none;}
.radius{border-radius:2px;}
.radius50{border-radius:50px;}

.btn.big{font-size:17px; font-weight:600; padding:15px 30px; min-width:180px;}
.btn.mid{font-size:17px; font-weight:600; padding:10px 25px; min-width:150px;}
.btn.sm{font-family:'Malgun Gothic'; font-size:14px; padding:4px 10px 7px 10px; letter-spacing:-1.2px;}

.btn[class*="load"]{position:relative; padding:6.4px 20px 6.4px 40px; background:transparent;}
.btn[class*="load"]:after{position:absolute; content:''; display:inline-block; left:50%; top:50%; transform:translate(-50%, -50%); width:14px; height:14px; background-image:url(../images/icon_download_blue.png);}
.btn[class*="load"]:hover{color:#1890ff; background:#eef7ff; transition:0.4s;}
.btn[class*="load"]:before{background:none;}
.btn[class*="load"].sm{padding:0; width:30px; height:30px; background:transparent;}
.btn[class*="load"].tx{font-size:12px; padding:3px 14px 4px 35px;}
.btn[class*="load"].tx:after{left:20px;}
.btn[class*="load"][class*="bg_"]:hover{color:#fff;}
.btn[class*="load"][class*="bg_"]:after{background-image:url(../images/icon_download_white.png);}
.btn.upload[class*="bg_"]:after{background-image:url(../images/icon_upload_white.png);}
.btn.upload[class*="br_"]:after{background-image:url(../images/icon_upload_blue.png);}

.btn.tag{display:inline-block; vertical-align:3px; font-family:'Malgun Gothic'; font-size:14px; border-radius:2px; padding:0px 7px 3px 7px; cursor:auto; letter-spacing:-.5px;}
.btn.tag:focus,.btn.tag:active{box-shadow:none;}
.btn.tag.blue80{border:1px solid #1890ff; color:#1880ff; background:#f1f8ff;}
.btn.tag.green{border:1px solid #73a749; color:#48a01d; background:#f6ffed;}
.btn.tag.red{border:1px solid #ffa39e; color:#f5222d; background:#fff1f0;}
.btn.tag.black{border:1px solid #999; color:#444; background:#f0f0f0;}
.btn.tag.orange{border:1px solid #ff8239; color:#ff8239; background:#fff7ec;}
.btn.tag.navy{border:1px solid #6678a0; color:#6678a0; background:#eff2f5;}
.btn.tag.radius50{border-radius:50px;}

/* table */
.table_wrap{border:1px solid #f0f0f0; padding:36px 24px 10px;}

.table.th_l > tbody > tr > th,
.table.td_l > tbody > tr > td{text-align:left;}
.table.th_l > thead > tr > th,
.table.td_l > thead > tr > td{text-align:left;}
.table.th_c > tbody > tr > th{text-align:center;}
.table.td_c > tbody > tr > td{text-align:center;}
.table .th_v_m{vertical-align:middle !important;}
.table .td_v_m td{vertical-align:middle;}

.table[class*="tp"] thead th{background:#f7f8fb; font-weight:bold; color:#000000d9;}
.table[class*="tp"] tbody th{background:#f7f8fb; font-weight:bold; color:#000000d9;}
.table[class*="tp"] td,
.table[class*="tp"] thead th,
.table[class*="tp"] tbody th{font-size:19px; font-weight:normal; color:#222; padding:20px; border-bottom:1px solid #f2f2f2; padding-left:16px; border-right:none;}
.table[class*="tp"] > tbody > tr:last-child > th,
.table[class*="tp"] > tbody > tr:last-child > td{border-bottom:0;}
.table[class*="tp"] tr.active th,
.table[class*="tp"] tr.active td{background:#ededf4; transition:all 0.4s;}
.table[class*="tp"] tr.bg_blue td{background:#f5fbff;}
.table[class*="tp"] tr.bg_orange td{background:#fffafa;}
.table[class*="tp"] tr.bg_orange:hover td{background:#fdf4f4;}
.table[class*="tp"] tr.bg_softbl td{font-weight:bold;}
.table[class*="tp"].none_hover tr:hover td{background:#fff;}
.table[class*="tp"] tbody tr.br_none td{border-bottom:0;}
.table[class*="tp"] tbody td.br_none{border-bottom:0;}
.table[class*="tp"] tbody tr.br_bottom td{border-color:#cecece;}
.table[class*="tp"] .btn_xs{padding:0 5px 2px;}
.table[class*="tp"] tr td i{cursor:pointer;}
.table[class*="tp"] tr td i a{display:block; width:100%; height:100%;}
.table[class*="tp"] tr td i[class*="ico_file"]{position:relative; top:2px;}
.table[class*="tp"] tr td.error{background:#ffe8e8; border-top:1px solid #ff929e; border-bottom:1px solid #ff929e;}
.table[class*="tp"] tr td.error:after{content:''; display:block; width:17px; height:17px; background:url(../images/icon_exclamation_orange.png); float:right;}
.table[class*="tp"] input{width:100%;}
.table[class*="tp"] .pagination input{width:50px;}
.table[class*="tp"] tr em.line{color:#ddd;}
.bidge{display:block; width:100%;}
.bidge:after{content:''; display:block; clear:both;}
.bidge *:last-child{margin-left:10px;}
.bidge *:last-child.wd30p{width:calc(30% - 10px) !important;}
.bidge *:last-child.wd40p{width:calc(40% - 10px) !important;}
.table[class*="tp"] .essen{display:inline-block; color:#1890ff; margin-left:5px;}

.table[class*="tp"].md th, .table[class*="tp"].md td{padding:16px 16px; font-size:17px;}
.table[class*="tp"].sm thead th{padding:8px 16px; font-size:13px; font-family:'Malgun Gothic',dotum,sans-serif;}
.table[class*="tp"].sm td,
.table[class*="tp"].sm tbody th{padding:6px; font-size:13px;font-family:'Malgun Gothic',dotum,sans-serif;}
.table[class*="tp"].sm.td_l thead th,
.table[class*="tp"].sm.td_l tbody th,
.table[class*="tp"].sm.td_l tbody td{padding-left:14px;font-family:'Malgun Gothic',dotum,sans-serif;}
.table[class*="tp"].sm th.align_left,
.table[class*="tp"].sm td.align_left{padding-left:16px;}
.table.sm.br{border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea;}


.table.all_br{border:1px solid #f2f2f2; border-right:0;}
.table.all_br th, .table.all_br td{border-right:1px solid #f2f2f2;}

/* sorting table */
.table[class*="tp"] [class*="sorting"]{position:relative; cursor:pointer; padding-right:12px;}
.table[class*="tp"] [class*="sorting"]:after{position:absolute; top:5%; right:-4px; content:''; width:11px; height:18px; display:block; background:url(../images/icon_sorting.png) no-repeat center center;}
.table[class*="tp"] .sorting_desc:after{background-image:url(../images/icon_sorting_down.png)}
.table[class*="tp"] .sorting_asc:after{background-image:url(../images/icon_sorting_up.png)}



/* tabs */
.tab{width:100%;}

ul[class*="tab"]:after{content:''; display:block; clear:both;}
ul[class*="tab"].br_b{border-bottom:1px solid #f0f0f0;}
ul[class*="tab"] li{float:left; font-weight:bold; height:58px; line-height:58px; font-size:18px; text-align:center; border:1px solid #dedede; border-right:0; background:#fff;}
ul[class*="tab"] li:last-child{border-right:1px solid #dedede;}
ul[class*="tab"] li.current{background:#34343c;}
ul[class*="tab"] li a{display:block; width:100%; height:100%; color:#5e5e5e;}
ul[class*="tab"] li.current a{color:#fff;}
[class*="tabcontent"]{display:none;}
[class*="tabcontent"].current{display:block;}
ul[class*="tab"].tab_col2 li{width:50%;}
ul[class*="tab"].tab_col3 li{width:33.33%;}
ul[class*="tab"].tab_col4 li{width:25%;}
ul[class*="tab"].tab_col5 li{width:20%;}
ul[class*="tab"].tab_col6 li{width:16.66%;}
ul[class*="tab"].tab_col7 li{width:14.28%;}
ul[class*="tab"].tab_col8 li{width:12.5% !important;}
ul[class*="tab"].tab_col9 li{width:11.11%;}
ul[class*="tab"].tab_col12 li{width:8.33%;}
ul[class*="tab"].tab_col13 li{width:7.6%;}
ul[class*="tab"].m10 li:last-child{margin-right:0}
ul[class*="tab"].blue li.current{background:#1890ff;}

ul[class*="tab"].tp2 li{height:auto; line-height:48px; font-size:17px; font-weight:normal; border:0; border-bottom:2px solid #fff; background:#fff;} 
ul[class*="tab"].tp2 li:hover{position:relative; border-bottom:2px solid #1890ff;}
ul[class*="tab"].tp2 li:hover a{color:#1890ff; transition:0.4s;}
ul[class*="tab"].tp2 li.current{position:relative; border-bottom:2px solid #1890ff;}
ul[class*="tab"].tp2 li.current a{font-weight:900; color:#1890ff;}

ul[class*="tab"].tp3 li{border-left:0;}
ul[class*="tab"].tp3 li:first-child{border-left:1px solid #dedede; border-right:1px solid #dedede;}
ul[class*="tab"].tp3 li a{color:#777;}
ul[class*="tab"].tp3 li.current{background:#fff; border-bottom:0;}
ul[class*="tab"].tp3 li.current a{color:#222;}

ul[class*="tab"].sm{font-family:'맑은고딕',Malgun Gothic,'돋움',Dotum,Helvetica,'Apple SD Gothic Neo',Sans-serif;}
ul[class*="tab"].sm li{height:48px; line-height:44px; font-size:13px;}

/* chk_box */
.custom input[type="checkbox"] + input + .check_st{font-size:17px; line-height:16px; color:#666;}
.custom input[type="checkbox"] + input + .check_st .checkbox_icon{width:16px; height:16px; background: url(../images/input_checkbox_sm.png) left top no-repeat; margin-bottom:2px;}

.custom input[type="radio"] + .check_st{line-height:16px; font-size:17px; color:#777; margin-right:20px;}
.custom input[type="radio"] + .check_st .checkbox_icon{width:16px; height:16px; margin:0 9px 3px 0; background: url(../images/input_radio_sm.png) left top no-repeat;}

.custom input[type="checkbox"]:checked + .check_st ,
.custom input[type="checkbox"]:checked + input + .check_st,
.custom input[type="checkbox"]:checked + .check_st .checkbox_icon,
.custom input[type="checkbox"]:checked + input + .check_st .checkbox_icon{background-position:0 -19px;}

.custom input[type="radio"]:checked + .check_st ,
.custom input[type="radio"]:checked + input + .check_st,
.custom input[type="radio"]:checked + .check_st .checkbox_icon,
.custom input[type="radio"]:checked + input + .check_st .checkbox_icon{color:#222; background-position:0 -19px;}

.custom input[type="checkbox"][disabled] + .check_st .checkbox_icon,
.custom input[type="checkbox"][disabled] + input + .check_st .checkbox_icon,
.custom input[type="checkbox"].disabled + .check_st .checkbox_icon,
.custom input[type="checkbox"].disabled + input + .check_st .checkbox_icon{background-position:0 -38px;}

.custom input[type="radio"]:checked[disabled] + .check_st .checkbox_icon,
.custom input[type="radio"]:checked[disabled] + input + .check_st .checkbox_icon,
.custom input[type="radio"]:checked.disabled + .check_st .checkbox_icon,
.custom input[type="radio"]:checked.disabled + input + .check_st .checkbox_icon{background-position:0 -57px;}

.custom.sm input[type="radio"] + .check_st{font-family:'맑은고딕',Malgun Gothic,'돋움',Dotum,Helvetica,'Apple SD Gothic Neo',Sans-serif; font-size:14px;}
.custom.sm  input[type="radio"] + .check_st .checkbox_icon{margin:0 7px 1px 0;}

/* check_st */
.check_st{display:inline-block;}
.check_st.tp1 input[type="checkbox"] + .check_style,
.check_st input[type="radio"] + .check_style{min-width:63px; height:23px; font-size:17px; vertical-align:middle; color:#bbb; padding:2px 14px;}
.check_st input[type="checkbox"]:checked + .check_style,
.check_st input[type="radio"]:checked + .check_style{font-weight:bold; color:#fff; background:#1890ff; border-radius:20px;}
.check_st input[type="checkbox"].disabled + .check_style,
.check_st input[type="radio"].disabled + .check_style{cursor:default;}

.check_st.tp4{border:1px solid #ddd; border-radius:5px; background:#fff;}
.check_st.tp4 li{position:relative; margin:0px;}
.check_st.tp4 input[type="checkbox"] + .check_style,
.check_st.tp4 input[type="radio"] + .check_style{font-weight:bold; border:0; font-family:'Malgun Gothic'; font-size:15px; height:35px; padding:9px 15px 11px 15px; border-radius:0;}
.check_st.tp4 input[type="checkbox"]:checked + .check_style,
.check_st.tp4 input[type="radio"]:checked + .check_style{color:#fff; background:#1890ff; border-top-left-radius:5px; border-bottom-left-radius:5px;}
.check_st.tp4 li:last-child input[type="checkbox"]:checked + .check_style,
.check_st.tp4 li:last-child input[type="radio"]:checked + .check_style{border-radius:0; border-top-right-radius:5px; border-bottom-right-radius:5px;}
.check_st.tp4 input[type="checkbox"] + .check_style:hover,
.check_st.tp4 input[type="radio"] + .check_style:hover{color:#fff; background:#1890ff; border-top-left-radius:5px; border-bottom-left-radius:5px; transition:0.4s;}
.check_st.tp4 li:last-child input[type="checkbox"] + .check_style:hover,
.check_st.tp4 li:last-child input[type="radio"] + .check_style:hover{border-top-left-radius:0; border-bottom-left-radius:0;}

/* pagination */
.pagination{vertical-align:top; margin:0; clear:inherit;}
.pagination:after{content:''; display:block; clear:both;}
.pagination input{position:relative; top:-1px; width:50px; border-radius:50px; border:1px solid #ccc;}
.pagination > li{font-family:'MalgunGodic'; font-size:13px;}
.pagination > li > a{background:none;}
.pagination > li > a,
.pagination > li > span{padding:8px 14px; border-radius:2px;}
.pagination > li:first-child, .pagination > li:nth-child(2){margin:0;}
.pagination > li i{position:relative; top:1px;}
.pagination > li:first-child{transform:rotate(180deg);}
.pagination > li:nth-child(3){margin-left:3px;}
.pagination > li.disabled > span,
.pagination > li.disabled > a{background:none;}
.pagination.num_paging > li.disabled > a > i{background-image:url(../images/icon_arrow_darkgray_sml.png);}
.pagination.num_paging input{height:25px;}

.line_paging > li > a, .line_paging > li > span{border:1px solid #f7f7fc;}
.line_paging > li > a:hover{background:#fbfbfb;}
.line_paging > li > a i{position:static;}
.line_paging > li:first-child a{transform:rotate(180deg);}
.line_paging > .active > a,
.line_paging > .active > span,
.line_paging > .active > a:hover,
.line_paging > .active > span:hover,
.line_paging > .active > a:focus,
.line_paging > .active > span:focus{color:#1890ff; background-color:#fff; border-color:#1890ff;}


.ico_uploadW {width:18px; height:16px; background-position:-110px 0;}
.ico_upload {width:18px; height:16px; background-position:-66px 0;}
.ico_downloadW {width:18px; height:16px; background-position:-88px 0;}
.ico_download {width:18px; height:16px; background-position:-44px 0;}

/* no_result */
.no_result_wrap{position:relative; width:100%; min-height:500px;}
.no_result{position:absolute; top:48%; left:50%; transform:translate(-50%, -50%); display:table; width:fit-content; height:140px;}
.no_result i{display:block; margin:0 auto;}
.no_result p{margin-top:8px; text-align:center; font-size:13px; color:#bbb;}
.no_result p.tit{font-size:24px; font-weight:600; color:#222 !important; margin-top:0;}
.no_result_wrap .tx_wrap{text-align:left; margin-top:20px; font-size:13px; color:#88889c; background:#fff; padding:20px;}
.no_result_wrap .tx_wrap li{margin-top:4px;}
.no_result_wrap .tx_wrap li:first-child{margin:0;}
.no_result_wrap .tx_wrap .ico_exclamation_gray{position:relative; top:0; display:inline-block;}
.no_result_wrap .btn{position:absolute; left:50%; transform:translateX(-50%); padding:15px 40px 15px 40px; margin-top:50px; }
.no_result_wrap .btn.download{padding:6px 12px 6px 40px;}
.no_result_wrap .btn.download:after{left:20px;}

/* progress bar */
.progress_bg_wrap{position:absolute; top:54px; z-index:1; width:100%; height:100%; background:#f7f7fc;}

.progress_wrap p.tx{font-size:18px; font-weight:bold; color:#677f94; margin-bottom:16px; text-align:center;}
.progress{background-color:#e5e9eb; height:0.25em; position:relative; width:24em;}
.progress_bar{animation-duration:3s; animation-name: progress; animation-iteration-count:infinite; background-image:linear-gradient(to right,#5ac8fa, #007aff, #ff2d55); background-size:24em 0.25em; height:100%; position:relative;}
.progress_shadow{background-image:linear-gradient(to bottom, #eaecee, transparent); height:4em; position:absolute; top: 100%; transform:skew(45deg);transform-origin: 0 0; width:100%;}
@keyframes progress{
  0%,100% {transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);}
  0% {width:0;}
  100% {width:100%;}
}
@-webkit-keyframes progress{
  0%,100% {transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);}
  0% {width:0;}
  100% {width:100%;}
}
@-moz-keyframes progress{
  0%,100% {transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);}
  0% {width:0;}
  100% {width:100%;}
}

.progress_wrap.tp2{position:absolute; top:50%; left:50%; width:180px; height:180px; background:#fff; border-radius:30px; padding:72px 0px; box-shadow:0px 0px 20px rgba(0,0,0,0.1);}
.progress_wrap.tp2.tit{width:auto; min-width:300px; height:250px; padding:69px 29px 76px 29px;}
.progress_wrap.tp2 .progress_dot{display:flex; justify-content:center; align-items:center;}


.progress_wrap.tp2 p.tx span.tit{display:block; font-size:20px; font-weight:bold; color:#677f94; color:#1890ff; text-align:center; margin-top:20px;}
.progress_wrap.tp2 p.tx span{display:block; font-size:17px; text-align:center; color:#888; margin-top:4px;}


/* layout */
/* float */
.fl_wrap{width:100%;}
.fl_wrap:after{content:''; display:block; clear:both;}
ul.fl_wrap > li:first-child{float:left;}
ul.fl_wrap > li:last-child{float:right;}
.fl_wrap .left{float:left;}
.fl_wrap .right{float:right;}
.fl{float:left;}
.fr{float:right;}

.cont_wrap{ margin:0 auto; }
.cont_wrap:after{content:''; display:block; clear:both;}

/* section */
section.contents.bg{background:#f9fafb;}

/* header */
.header{height:70px; line-height:70px; border-bottom:1px solid #f0f0f0;}
.header .gnb{ height:100%; margin:0 auto; }
.header .gnb:after{content:''; display:block; clear:both;}
.header .gnb h1.logo{float:left; width:122px; background:url(../images/wipsclip_color.png) no-repeat center center; background-size:100%; text-indent:-999em;}
.header .gnb h1.logo a{display:block; width:100%; height:100%;}
.header .gnb .m_nav{display:inline-block; margin-left:60px;}
.header .gnb .m_nav:after{content:''; display:block; clear:both;}
.header .gnb .m_nav > li{float:left;}
.header .gnb .m_nav > li a{display:block; width:100%; height:100%; font-size:18px; font-weight:600; color:#444; padding:0 60px;}
.header .gnb .m_nav > li:hover a{color:#ff4e62; transition:0.4s;}
.header .gnb .m_nav > li.on a{font-weight:900; color:#ff4e62;}
.header .gnb .s_nav{position:relative; float:right; height:100%;}
.header .gnb .s_nav > li{float:left; height:100%;}
.header .gnb .s_nav > li a{width:100%; height:100%; font-size:14px; color:#222; padding:4px 16px;}
.header .gnb .s_nav > li a .link_txt{color:#222;}
.header .gnb .s_nav > li:last-child a {padding-right: 0;}
.header .gnb .s_nav > li:hover a .link_txt,
.header .gnb .s_nav > li:hover a{color:#ff4e62; transition:0.4s;}
.header .gnb .s_nav > li .ico_user{margin-top:26px;}
.header .gnb .s_nav > li .user_info{position:absolute; top:54px; right:0; z-index:1; padding:10px 15px; border:1px solid #d9d9d9; background:#fff; border-radius:10px; box-shadow:1px 1px 15px rgba(0,0,0,0.1);}
.header .gnb .s_nav > li .user_info ul{width:100%;}
.header .gnb .s_nav > li .user_info ul li{font-family:'Malgun Gothic'; line-height:normal; font-size:14px; padding:6px;}
.header .gnb .s_nav > li .user_info ul li:after{content:''; display:block; clear:both;}
.header .gnb .s_nav > li:hover .user_info ul li{color:#222;}
.header .gnb .s_nav > li .user_info ul li p{float:left; font-weight:900; width:80px;}
.header .gnb .s_nav > li .user_info ul li p span{float:left;}
.header .gnb .s_nav > li .user_info .btn_wrap{height:52px; line-height:52px;}

/* footer */
.footer{position:relative; background:#333;}
.footer:after{position:absolute; top:65px; content:''; display:block; width:100%; height:1px; background:#444;}
.footer .cont_wrap{ line-height:20px; margin:0 auto;}
.footer .cont_wrap .f_nav{position:relative; width:100%; height:65px; line-height:65px;}
.footer .cont_wrap .f_nav > ul{float:left;}
.footer .cont_wrap .f_nav > ul:after{content:''; display:block; clear:both;}
.footer .cont_wrap .f_nav > ul > li{float:left; padding:0 20px; font-size:14px;}
.footer .cont_wrap .f_nav > ul > li:first-child{padding-left:0;}
.footer .cont_wrap .f_nav > ul > li a{display:inline-block; width:100%; height:100%; color:#fff;}
.footer .cont_wrap .family_site{float:right; font-size:14px; color:#fff; width:260px; border-left:1px solid #444; border-right:1px solid #444; padding:0 30px; cursor:pointer;}
.footer .cont_wrap .family_site i{float:left; transform:rotate(-90deg); margin-top:27px;}
.footer .cont_wrap .family_site span{float:right;}
.footer .cont_wrap .f_nav .site_list{position:absolute; right:0; bottom:65px; width:260px; border:1px solid #444; background:#333;}
.footer .cont_wrap .f_nav .site_list > li{width:100%; line-height:normal; padding:0; border-bottom:1px solid #444;}
.footer .cont_wrap .f_nav .site_list > li:first-child{padding:0;}
.footer .cont_wrap .f_nav .site_list > li a{padding:12px 0 12px 20px;}
.footer .cont_wrap .f_nav .site_list > li:hover{background:#272727; transition:0.3s;}
.footer .cont_wrap .f_info{width:100%; line-height:1.6; font-size:13px; padding:20px 0 50px; color:#aaa;}
.footer .cont_wrap .f_info p.left > a{color:#eaeaea; text-decoration:underline;}
.footer .cont_wrap .f_info .wips_logo{display:inline-block;}
.copyright_area{display:inline-block; margin-left:8px;}

/* system */
.system{width:1100px; position:absolute; top:10%; left:50%; transform:translateX(-50%);}
.system .box{position:relative;}
.system .box:after{content:''; display:block; clear:both;}
.system .box .left{float:left; width:55%;}
.system .box .right{float:right; width:45%;}
.system .box .left .bi_logo{height:60px;}
.system .box .left .txt{font-size:40px; font-weight:900; color:#222; margin-top:20px;}
.system .box .left .sub_txt{font-size:18px; color:#777; margin-top:30px;}
.system .box .left .notice_box{width:100%;}
.system .box .left .notice_box ul{font-size:18px; color:#222; background:#f0f0f0; padding:20px 20px 20px 40px; margin-top:60px;}
.system .box .left .notice_box li{text-align:center; line-height:1.8;}
.system .box .left .notice_box li b{font-weight:900; margin-right:6px;}
.system .box .left .notice_box .notice_sub{text-align:center; color:#777; margin-top:10px;}
.system .box .right img{position:absolute; right:0; bottom:0;}
.system .copyright{text-align:right; font-size:11px; color:#999; margin-top:60px; padding-top:10px; border-top:1px solid #f0f0f0;}

/* login */
.login_wrap{width:588px; padding:60px 110px; border:1px solid #e7e7e7; background:#fff; margin:0 auto;}
.login_wrap .login_form > ul{display:table; width:fit-content; margin:0 auto; margin-top:20px;}
.login_wrap .login_form > ul > li{position:relative; float:left; font-size:17px; padding:0 10px;}
.login_wrap .login_form > ul > li:after{position:absolute; top:4px; right:0; content:''; display:block; width:1px; height:15px; background:#eaeaea;}
.login_wrap .login_form > ul > li:last-child:after{display:none;}
.login_wrap .login_form > ul > li a{color:#222;}
.login_wrap .login_form > ul > li:hover a{color:#1890ff; transition:0.4s;}
/* idpw_find */
.idpw_find > .tab{width:630px; margin:0 auto;}
.idpw_find .login_wrap{width:630px; border-top:0;}
.idpw_find h2.tit1.cont_tit p{font-size:22px; font-weight:normal;}
.idpw_find p.tit1{text-align:center;}
.idpw_find p.tit2{text-align:center;}

.idpw_find .error_tx{text-align:center; font-size:17px; border-top:1px solid #eee; padding:40px 0;}
.idpw_find .error_tx p{font-size:17px; font-weight:bold; margin-bottom:10px;}

/* 아이디 비밀번호 찾기 팝업 */
.idpw_find_pop .popup_header h2{padding-top:3px;}
.layer_popup.tp1.idpw_find_pop .popup_body{min-height:250px; padding:40px;}
.idpw_find_pop p.pop_tit{font-size:20px; font-weight:600; color:#222; text-align:center;}
.idpw_find_pop p.tx_sub{font-size:16px; color:#777; text-align:center; margin-top:20px;}

/* 회원탈퇴 팝업 */
.layer_popup.tp1.memberout_pop .popup_body{min-height:auto; padding:40px;}
.memberout_pop p.pop_tit{font-weight:normal; font-size:20px; text-align:center; color:#222;}

/* 상태 변경 && 메일 발송  팝업(추가 기획안) */
.idpw_update_pop .popup_header h2{padding-top:3px;}
.layer_popup.tp1.idpw_update_pop .popup_body{min-height:250px; padding:40px;}
.idpw_update_pop p.pop_tit{font-size:18px; font-weight:600; color:#222; text-align:center;}
.idpw_update_pop p.tx_sub{font-size:16px; color:#777; text-align:center; margin-top:20px;}

/* main */
/* main_slide */
.main .main_slide{width:100%; height:655px;}
.main .main_slide .slick-arrow{display:none !important;}

.main .main_bn1{ background:url(../images/main_bg_02.png) no-repeat;}
.main .main_bn2{background:url(../images/main_bg_03.png) no-repeat;}
.main [class*="main_bn"]{height:645px; color:#fff; background-position:center center;}
.main [class*="main_bn"] .tx{width:1300px; height:100%; margin:0 auto; padding-top:160px; color:#150035; letter-spacing:-1px;}
.main [class*="main_bn"] .tx span{font-size:22px;}
.main [class*="main_bn"] .tx p{height:70px; line-height:70px; font-size:75px; font-weight:900; margin:8px 0 11px 0;}

.main .main_slide .slick-dots{bottom:10px;}
.main .main_slide .slick-dots li button:before{content:''; font-size:0; width:10px; height:10px; border-radius:100%; background:#a5b0bb; box-shadow:0 0 6px 3px rgb(234 234 236); opacity:0.5;}
.main .main_slide .slick-dots li.slick-active button:before{opacity:1;}

/* page_bn */
.main .page_bn{width:1300px; margin:0 auto; padding-top:22px;}
.main .page_bn:after{content:''; display:block; clear:both;}
.main .page_bn h2{float:left; font-size:33px;}
.main .page_bn ul{float:right;}
.main .page_bn ul:after{content:''; display:block; clear:both;}
.main .page_bn ul li{float:left; width:280px; padding:40px 10px; font-size:16px; text-align:center; color:#fff; border-radius:20px; margin-right:24px; box-shadow:24px 11px 39px #ccc; margin-top:0;}
.main .page_bn ul li:hover{margin-top:-5px; transition:0.4s;}
.main .page_bn ul li:nth-child(1){background:#41a2ff; color:#fff;}
.main .page_bn ul li:nth-child(2){background:#fff; color:#222;}
.main .page_bn ul li:nth-child(3){background:#8889fe; color:#fff;}
.main .page_bn ul li p{font-size:24px; font-weight:900;}
.main .page_bn ul li span{display:block; font-size:17px; margin-top:30px;}
.main .page_bn ul li .btn{display:table; font-size:17px; font-weight:bold; margin:0 auto; margin-top:40px; padding:10px 24px;}
/* pick_contents */
/* .pick_contents{width:1300px; margin:0 auto; padding:230px 0 100px;}
.pick_contents h2{font-size:30px; text-align:center; margin-bottom:50px;}
.pick_contents ul{display:table; width:fit-content; margin:0 auto; margin-top:20px;}
.pick_contents ul:after{content:''; display:block; clear:both;}
.pick_contents ul li{float:left; font-size:17px; font-weight:bold; color:#222; padding:16px 36px; border-radius:50px; background:#f8fafe; margin-right:12px;}
.pick_contents ul li:hover{background:linear-gradient(90deg, #6cbdff ,#647cff); box-shadow:5px 5px 15px #a0bfec; color:#fff;}
.pick_contents ul li.active{background:linear-gradient(90deg, #6cbdff ,#647cff); box-shadow:5px 5px 15px #a0bfec; color:#fff;}
.pick_contents ul li span{display:inline-block; color:#49a8ff; margin-right:8px;}
.pick_contents ul li:hover span{color:#fff;}
.pick_contents ul li.active span{color:#fff;} */

.pick_contents{width:1300px; margin:0 auto; padding-top:150px;}
.pick_contents:after{content:''; display:block; clear:both;}
.pick_contents h2{float:left; font-size:33px; margin-top:22px;}
.pick_contents .pick_list{float:right; width:1000px;}
.pick_contents .pick_list .list_wrap{width:100%; height:60px; margin-top:12px;}
.pick_contents .pick_list .list_wrap ul{float:right;}
.pick_contents .pick_list .list_wrap ul li{float:left; font-size:18px; font-weight:bold; color:#222; padding:16px 41px; border-radius:50px; background:#f6f7fc; margin-right:12px; cursor:pointer;}
.pick_contents .pick_list .list_wrap:nth-child(2) ul{padding-right:80px;}
.pick_contents .pick_list .list_wrap:nth-child(4) ul{padding-right:100px;}
.pick_contents .pick_list .list_wrap:nth-child(5) ul{padding-right:170px;}
.pick_contents .pick_list .list_wrap ul li:hover{background:linear-gradient(90deg, #6cbdff ,#647cff); box-shadow:5px 5px 15px #a0bfec; color:#fff;}
.pick_contents .pick_list .list_wrap ul li.active{background:linear-gradient(90deg, #6cbdff ,#647cff); box-shadow:5px 5px 15px #a0bfec; color:#fff;}
.pick_contents .pick_list .list_wrap ul li span{display:inline-block; color:#49a8ff; margin-right:8px;}
.pick_contents .pick_list .list_wrap ul li:hover span{color:#fff;}
.pick_contents .pick_list .list_wrap ul li:hover span.tx_orange{color:#fff !important;}
.pick_contents .pick_list .list_wrap ul li.active span{color:#fff;}
.pick_contents .pick_list .list_wrap ul li.active span.tx_orange{color:#fff !important;}
/* exp_id */
.exp_id_wrap{width:100%; height:415px; background:url(../images/exp_id_bg.png) no-repeat top center; padding-top:60px;}
.exp_id{width:1300px; margin:0 auto; padding:147px 0 80px;}
.exp_id .tx_wrap{float:left; width:100%;}
.exp_id .tx_wrap:after{content:''; display:block; clear:both;}
.exp_id .tx_wrap h2{float:left;font-size:33px;}
.exp_id .tx_wrap p{float:right; line-height:1.7; text-align:center; font-size:18px; color:#222; margin-right:130px;}
.exp_id .tx_wrap p > button{display:block; margin:0 auto; margin-top:30px;}

/* notice_wrap */
.notice_wrap{width:1300px; margin:0 auto; border:1px solid #eaeaea; border-top:4px solid #1890ff; margin-top:100px;}
.notice_wrap:after{content:''; display:block; clear:both;}
.notice_wrap h3{font-size:20px; font-weight:900; color:#222;}
.notice_wrap .notice{float:left; width:45%; padding:50px;}
.notice_wrap .notice .fl_wrap{border-bottom:1px solid #f0f0f0; padding-bottom:10px; margin-bottom:10px;}
.notice_wrap .notice .fl_wrap span{display:block; font-size:17px; padding-top:5px;}
.notice_wrap .notice .list li{font-size:17px; padding:10px 0; color:#222;}
.notice_wrap .notice .list li a{display:block; width:100%; height:100%;}
.notice_wrap .notice .list li a:after{content:''; display:block; clear:both;}
.notice_wrap .notice .list li:hover a{color:#1890ff; transition:0.4s}
.notice_wrap .notice .list li .tit{float:left; width:calc(100% - 120px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.notice_wrap .notice .list li .date{float:right; width:120px; text-align:right;}
.notice_wrap .call_num{float:left; width:55%; padding:142px 0 141px 20px;}
.notice_wrap .call_num ul{width:fit-content; margin:0 auto;}
.notice_wrap .call_num ul:after{content:''; display:block; clear:both;}
.notice_wrap .call_num ul li{float:left; width:300px; text-align:center; border-right:1px solid #f0f0f0;}
.notice_wrap .call_num ul li:last-child{border:0;}
.notice_wrap .call_num ul li h3{margin-bottom:10px;}
.notice_wrap .call_num ul li span{display:block; font-size:16px; color:#222; margin-top:4px;}
.notice_wrap .call_num ul li span.num{font-size:17px; font-weight:bold;}

/* 공지사항 팝업 */
.pop_notice{height:100vh; background-color:#303a58; background-image: url(../images/notice_pop_bg.png), url(../images/notice_pop_tit.png); background-position: right 20px top 42%, left 40px top 30px; background-repeat: no-repeat; padding:70px 40px; text-align:left; border-top:4px solid #333951; color:#ccc;}
.pop_notice.h_auto{height:auto;}
.pop_notice strong{color:#fff;}
.pop_notice .pop-wrap{height:100vh; padding:0 0 39px;}
.pop_notice .pop-wrap img{margin:0 auto;}
.pop_notice .btn_wrap{position:fixed; bottom:0; left:0; width:100%; background:#f0f0f0; padding-top:0;}
.pop_notice .btn_wrap button{float:left; padding:10px;}
.pop_notice .btn_wrap button.day_close{width:70%; border-right:1px solid #dadada;}
.pop_notice .btn_wrap button.close{width:30%;}



/* 서비스 안내 */
.service_info .btnModel{font-size:20px; padding:8px 38px; font-weight:900; margin-right:38px;}
.service_info .btnModel:hover{background:#e9f4ff; transition:0.4s}
.service_info .intro{text-align:center; padding:100px 0;}
.service_info .img_wrap img {width:100%}
.service_info .character.tp1{text-align:center; background:#f9fafb; padding:100px 0;}
.service_info .character.tp1 ul{width:95%; margin:40px auto 0 auto;}
.service_info .character.tp1 ul:after{content:''; display:block; clear:both;}
.service_info .character.tp1 ul li{float:left; width:32%; height:250px; color:#222; background:#fff; padding:45px 0; border-radius:20px; margin-right:2%;}
.service_info .character.tp1 ul li:last-child{margin-right:0;}
.service_info .character.tp1 ul li p{font-size:26px; font-weight:900; color:#1890ff;}
.service_info .character.tp1 ul li span{display:block; font-size:19px; margin-top:10px; color:#222;}
.service_info .character.tp1 ul li p + span{font-weight:600; margin-top:20px;}
.service_info .wipsclip .intro .wips_page{display:table; width:fit-content; padding:30px 60px; margin:30px auto 0 auto; background:#f6f7f8;}
.service_info .wipsclip .intro .wips_page li{font-size:19px; color:#222; text-align:left; margin:4px 0;}
.service_info .wipsclip .intro .wips_page li > b{display:inline-block; width:100px;}
.service_info .wipsclip .use{text-align:center; padding-top:100px;}
.service_info .wipsclip .use ul{margin-top:80px;}
.service_info .wipsclip .use ul:after{content:''; display:block; clear:both;}
.service_info .wipsclip .use ul li{position:relative;float:left; width:25%;}
.service_info .wipsclip .use ul li:after{position:absolute; right:0; top:76px; content:''; display:block; width:14px; height:26px; background:url(../images/icon_arrow_lightgray_big.png);}
.service_info .wipsclip .use ul li:last-child:after{display:none;}
.service_info .wipsclip .use ul li .step_area{width:180px; height:180px; border-radius:100%; margin:0 auto; padding:56px 0; background:#f9fafb;}
.service_info .wipsclip .use ul li .step_area span{display:inline-block; font-size:35px; font-weight:900; color:#1890ff; margin-top:-15px;}
.service_info .wipsclip .use ul li .step_area p{font-size:22px; font-weight:bold; color:#444;}
.service_info .wipsclip .use ul li > span{display:block; font-size:21px; color:#777; margin-top:30px;}

.service_info .character.tp2 h2{text-align:center;}
.service_info .character.tp2 > ul{border-bottom:1px solid #f0f0f0; padding-bottom:40px; margin-bottom:40px;}
.service_info .character.tp2 > ul:after{content:''; display:block; clear:both;}
.service_info .character.tp2 > ul:last-child{border:0;}
.service_info .character.tp2 > ul.last{border:0;}
.service_info .character.tp2 > ul > li{float:left; width:50%; font-size:18px; padding-left:100px; text-align:left;}
.service_info .character.tp2 > ul > li .tit_bar{font-size:22px; font-weight:800; color:#222; padding:0 0 10px 20px;}
.service_info .character.tp2 > ul > li > ul > li{list-style:circle; line-height:1.8; font-size:17px; margin-left:20px; padding-right:20px;}


.service_info .join{padding-top:100px;}
.service_info .join h2{text-align:center;}
.service_info .join ul{display:table; width:fit-content; margin:0 auto;}
.service_info .join ul:after{content:''; display:block; clear:both;}
.service_info .join ul > li{float:left; width:366px; height:475px; text-align:center; border:1px solid #f0f0f0; padding:46px; margin-right:30px;}
.service_info .join ul > li:last-child{margin:0;}
.service_info .join ul > li i{display:block; width:100px; height:100px; margin:0 auto; border-radius:100%; background:#fff4e1;}
.service_info .join ul > li:nth-child(1) i{background:url(../images/join_01.png);}
.service_info .join ul > li:nth-child(2) i{background:url(../images/join_02.png);}
.service_info .join ul > li:nth-child(3) i{background:url(../images/join_03.png);}
.service_info .join ul > li p{font-size:30px; font-weight:900; color:#222; margin-top:30px;}
.service_info .join ul > li span{display:block; font-size:17px; color:#777; margin-top:10px;}
.service_info .join ul > li button{margin-top:26px;}
.service_info .join ul > li .call{background:#f6f7f8; padding:20px 0; margin-top:26px;}
.service_info .join ul > li .call > p{font-size:17px; margin:0;}
.service_info .join ul > li .call > span{margin-top:6px;}
.service_info .tit2 {position:relative;display:inline-block;z-index: 0;}
.service_info .tit2:before {content:'';position:absolute;width: 100%;background-color: #ffdfa0;height: 13px;bottom: 8px;z-index:-1;}
.service_info .cont_wrap {text-align:center;}

/* 페이지_메인 */
.sel_area{width:100%; background:#dae1e8; padding:50px 0 40px 0; border-bottom:1px solid #eaeaea; overflow:hidden;}


.search_wrap{position:relative; display:table; width:fit-content; margin:0 auto;}
.search_wrap .input_wrap{position:relative; width:100%; height:100%; display:inline-block;}
.search_wrap .input_wrap input{width:800px; height:46px; border:0; border-radius:2em; padding-right:120px; box-shadow:0px 0 20px #c5d4e6;}
.search_wrap .input_wrap button.clear{position:absolute; top:45%; right:125px; transform:translateY(-50%); width:20px; height:20px; color:#888; border-radius:100%; background:url('../images/icon_plus_darkgray_sml.png') no-repeat #f0eef7  center center; background-size:65%; transform:rotate(45deg) translateY(-50%);}
.search_wrap > button[type="button"]{border-radius: 2em;background: #1890ff ;padding: 5px 15px;margin-left:10px; position: absolute;right: 5px;color: #fff;top: 5px;font-weight: bold;font-size: 17px;}
.search_wrap > button i{position:relative; top:2px;}
.search_wrap .cate_list{margin:10px 0 0 30px;}
.search_wrap .cate_list:after{content:''; display:block; clear:both;}
.search_wrap .cate_list li{float:left; height:26px; line-height:26px; font-family:'Malgun Gothic'; font-size:12px; color:#666; background:rgb(255,255,255); border-radius:3px; padding:0 10px; margin-right:6px; cursor:pointer;}
.search_wrap .cate_list li:first-child {position:relative; height:26px; line-height:26px; text-align:center; border-radius:100%; color:#444; background:transparent; font-weight:bold; border:0; padding:0 0 0 5px; margin-right:10px;}
.search_wrap .cate_list li:first-child::after {position:absolute; content:''; top:2px; left:-20px; width:17px; height:19px; background:url(../images/icon.png) 100% no-repeat; background-position:-80px -142px;}
.search_wrap .cate_list li:hover {box-shadow:0px 0 10px #9db7ce; color:#222;}
.search_wrap .cate_list li:first-child:hover {box-shadow:none;}
.search_wrap .cate_list li.active {background:#ff4e62; color:#fff;}

.search_wrap.tp2{display:table; width:fit-content; margin:0 auto; border-bottom:1px solid #222;}
.search_wrap.tp2 input{width:350px; box-shadow:none; background:transparent; border:0;}
.search_wrap.tp2 button[type="button"]{box-shadow:none; background:transparent;}
.search_wrap.tp2 button i{position:relative; top:2px;}
.search_wrap.tp2 input[type="text"]:hover,.search_wrap.tp2 input[type="search"]:hover{border:0;}
.search_wrap.tp2 input[type="text"]:focus, .search_wrap.tp2 input[type="search"]:hover{border:0; box-shadow:none;}

.sel_area .tab.tp2{position:relative; top:2px;}
.sel_area .tab.tp2 li i{position:relative; top:3px; margin-right:10px;}

.list_area{padding-top:40px;}
.list_area:after{content:''; display:block; clear:both;}
.list_area li{position:relative; float:left; width:168px; height:168px; font-size:17px; font-weight:600; text-align:center; margin:20px 20px 0 0; border-radius:15px; border:1px solid #f7f7fc; background:#f7f7fc;}
.list_area li:hover{border:1px solid #1890ff; background:#fff; box-shadow:5px 5px 20px #e6e6f3; cursor:pointer;}
.list_area li.last{margin-right:0;}
.list_area li a{display:block; width:100%; height:100%; color:#222;}
.list_area li:hover a{font-weight:900;}
.list_area li .tx_wrap{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:150px; height:auto; overflow:hidden; word-break:break-all;}
.list_area li:hover .tx_wrap span{position:static; padding-top:5px; transition:0.4s;}
.list_area li a .tx_sub{display:block;}
.list_area li a span{position:absolute; bottom:-148px; padding-top:100px; display:block; font-family:'Malgun Gothic'; font-size:13px; font-weight:normal; overflow:hidden; letter-spacing:-1.5px;}
.list_area li.custom{width:356px; padding-top:0;}
.list_area li.custom a{overflow:hidden; padding-top:0;}
.list_area li.custom:hover{box-shadow:5px 5px 20px #cbcbd6; }
.list_area li.custom .img_wrap{width:159px; height:170px; border-radius:20px; box-shadow:5px 5px 5px rgba(0,0,0,0.1); overflow:hidden; background:#fff; margin:26px 0 0 20px;}
.list_area li.custom .tx_wrap{left:auto; right:-62px;}
.list_area li.custom .tx_wrap.center{right:30px;}
.list_area li[class*="cor"]{border:none;}
.list_area li.cor1{background:#bbd9e7;}
.list_area li.cor2{background:#e7ecf7;}
.list_area li.cor3{background:#c3d5fc;}
.list_area li.cor4{background:#d0e0e2;}
.list_area li.cor5{background:#d6e2f1;}
.list_area li.cor6{background:#cdd6ea;}
.list_area li.cor7{background:#d0d7e2;}


.list_area li .badge{position:absolute; left:-10px; top:-6px; display:inline-block; font-size:13px; font-weight:600; height:23px; padding:6px 10px;}
.list_area li .badge + .badge{left:43px;}



/* 페이지_서브 */
.header_tit{padding:80px 0 20px 0;}
.header_tit h2 > span{display:block; font-size:17px; font-weight:normal; margin-top:10px;}
.header_tit p{display:table; width:fit-content; text-align:center; border-top:1px solid #f0f0f0; padding-top:45px; margin:0 auto;}

.use_case{background:#f7f7fc; margin-top:60px; padding-bottom:60px;}
.use_case .cont_wrap:after{content:''; display:block; clear:both;}
.use_case .img_wrap{position:relative; top:-30px; float:left; width:660px; height:520px; border-radius:20px; overflow:hidden;}
.use_case .cont_wrap + .btn_wrap {display:none;}
.use_case .img_wrap img{width:100%;}
.use_case .tx_wrap{float:left; width:calc(100% - 660px); padding:80px 0;}

.add_bn{margin-top:80px;}
/* .add_bn:after{content:''; display:block; clear:both;}
.add_bn .with_cont{float:left; width:385px; height:385px; padding:40px; background:#1890ff; margin-right:60px;}
.add_bn .with_cont h3{color:#fff;}
.add_bn .with_cont ul{margin-top:20px;}
.add_bn .with_cont ul li{font-size:17px; margin-top:6px; padding:2px 0;}
.add_bn .with_cont ul li:before{content:''; display:inline-block; width:13px; height:1px; background:#fff; margin:0 10px 5px 0;}
.add_bn .with_cont ul li a{display:inline-block; width:90%; height:100%; color:#fff;}
.add_bn .with_cont ul li a:hover{font-weight:600; transition:0.2s;} */
.add_bn .with_cont .list_area{padding-top:30px;}
.add_bn .with_cont .list_area li{margin-top:0;}

.add_bn .with_cont + .more_view{margin-top:80px;}
.add_bn .more_view{float:left; width:100%; max-height:385px;}
.add_bn .more_view > .fl_wrap{border-bottom:1px solid #e7e7e7; padding-bottom:30px;}
.add_bn .more_view > .fl_wrap span{display:block; padding-top:5px; font-size:17px; padding-right:20px;}
.add_bn .more_view > .fl_wrap span a{color:#1890ff;}
.add_bn .more_view > .fl_wrap span a:hover{color:#1890ff; transition:0.2s;}
.add_bn .more_view ul li{font-size:17px; font-weight:600; border-bottom:1px solid #e7e7e7; background:url(../images/icon_arrow_darkgray_mid.png) no-repeat right 20px center;}
.add_bn .more_view ul li:last-child{border:0;}
.add_bn .more_view ul li a{display:block; width:90%; height:100%; padding:25px 0; color:#222; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.add_bn .more_view ul li:hover a{color:#1890ff; transition:0.4s;}


/* 데이터_메인 */
.data_main .sel_area{background:#dae1e8;}
.data_main .search_wrap input{box-shadow:0 0 20px #c5d4e6;}
.data_main .search_wrap button[type="submit"]{box-shadow:0 0 20px #c5d4e6;}
.data_main .list_area li:hover{border:1px solid #1890ff; background-color:#fff;}
.data_main .list_area li.bn{border:0; background:none; border:0; background-size:100%; padding-top:0; overflow:hidden;}
.data_main .list_area .custom {border:none;}
.data_main .list_area .custom img {border-radius:15px; display:inline-block;}
.data_main .list_area .custom:hover {border:none; }

/* 데이터_서브 */
.data_sub .provision{display:table; width:fit-content; margin:0 auto; border-top:1px solid #f0f0f0; padding-top:35px;}
.data_sub .provision:after{content:''; display:block; clear:both;}
.data_sub .provision h3{display:table-cell;  width:80px; text-align:center; line-height:1.2; font-size:20px; font-weight:900; color:#444; border:5px solid #eeeef3; padding:11px 0;}
.data_sub .provision p{display:table-cell; padding:12px 0 12px 40px; width:calc(100% - 130px); text-align:left;}
.data_sub .provision .fixed_wrap {display:initial;}
.data_sub .output + .btn_wrap {display:none;}

.input_output{padding:60px 0; background:#f7f7fc; margin-top:60px;}
.input_output .input_wrap > h3{font-size:28px; font-weight:600; letter-spacing:20px;}
.input_output .input_wrap > .input{width:100%; height:339px; border-radius:20px; background:#fff; padding:40px; box-shadow:2px 2px 7px #eaeaf3; padding-bottom:60px;}
.input_output .input_wrap > .input > h3{width:100%; border-bottom:1px solid #222; padding-bottom:15px;}
.input_output .input_wrap > .input .fl_wrap.form{padding:26px 0; border-bottom:1px solid #f0f0f0;}
.input_output .input_wrap > .input .fl_wrap.form > p{width:20%; font-size:17px; font-weight:bold; color:#222; padding-top:6px;}
.input_output .input_wrap > .input .fl_wrap.form > p > .tooltip{display:inline-block;}
.input_output .input_wrap > .input .form_area{width:80%;}
.input_output .input_wrap > .input .form_area ul li{float:left; margin-right:10px;}
.input_output .input_wrap > .input .form_area ul li:nth-child(1){width:calc(20% - 10px);}
.input_output .input_wrap > .input .form_area ul li:nth-child(2){width:calc(47% - 10px);}
.input_output .input_wrap > .input .form_area ul li:nth-child(3){width:calc(30% - 10px);}
.input_output .input_wrap > .input .form_area ul li:nth-child(4){width:3%; margin:0; padding-top:50px;}
.input_output .input_wrap > .input .form_area ul li > label{display:block; font-size:17px; color:#777; margin-bottom:18px; letter-spacing:-1.2px;}
.input_output .input_wrap > .input .form_area ul li textarea{width:100%;}
.input_output .input_wrap > .input .form_area ul li > .radio_wrap:after{content:''; display:block; clear:both;}
.input_output .input_wrap > .input .form_area ul li > .radio_wrap > .checkbox{float:left;}
.input_output .input_wrap > .input .form_area ul li > .radio_wrap > .checkbox .check_st .checkbox_icon{margin:0 8px 2px 0;}
.input_output .input_wrap > .input .form_area ul li > .radio_wrap > .checkbox:last-child{margin-left:8px;}
.input_output .input_wrap > .input .form_area ul li.remove i{background-color:#eaeaea; border-radius:100%; padding:12px;}
.input_output .input_wrap > .input .btn_wrap{width:100%;}
.input_output .input_wrap > .input .btn_wrap .result{position:relative; top:0; margin:0 auto; box-shadow:5px 5px 15px #bec4ca; padding:10px 80px;}
.input_output .input_wrap > .input .btn_wrap .result i{position:relative; top:1px; margin-left:8px;}

.input_output .input_wrap > .output{width:100%; height:645px; border-radius:20px; background:#fff; padding:40px; box-shadow:2px 2px 7px #eaeaf3; margin-top:60px;}
.input_output .input_wrap > .output h3{border-bottom:1px solid #222; padding-bottom:15px;}
.input_output .input_wrap > .output textarea{height:calc(100% - 72px); margin-top:20px; border-color:#eaeaea;}

.input_output .input_wrap .output + .btn_wrap {margin-top:80px;}

/* 고객센터 admin css 제어 */
.cs_wrap .noti_body ol li{list-style:unset; background:#fff !important; border:0 !important;}
.cs_wrap .noti_body ol li img{margin:10px 0;}
.cs_wrap .noti_body ul{list-style:unset;}
.cs_wrap .noti_body table thead tr:first-child th, .cs_wrap .noti_body table tbody tr:first-child th, .cs_wrap .noti_body table tbody tr:first-child td{border-top:1px solid #222;}
.cs_wrap .noti_body table thead + tbody tr:first-child td, .cs_wrap table thead + tbody tr:first-child th{border-top:0;}
.cs_wrap .noti_body table td, .cs_wrap .noti_body table thead th, .cs_wrap .noti_body table tbody th{height:32px; border-bottom:1px solid #222; border-right:1px solid #222; padding:9px;}
.cs_wrap .noti_body table td:first-child{border-left:1px solid #222;}
.cs_wrap .noti_body table th:first-child{border-left:1px solid #222;}
.cs_wrap .noti_body table thead th, .cs_wrap table tbody th{font-weight:bold; color:#222; background:#f7f8fb; border-right:1px solid #222;}

.step_wrap{text-align:center; padding-bottom:100px; margin:0 auto;}
.step_wrap:after{content:''; display:block; clear:both;}
.step_wrap li{position:relative;float:left; width:33.33%;}
.step_wrap li:after{position:absolute; right:0; top:76px; content:''; display:block; width:14px; height:26px; background:url(../images/icon_arrow_lightgray_big.png);}
.step_wrap li:last-child:after{display:none;}
.step_wrap li .step_area{width:170px; height:170px; border-radius:100%; margin:0 auto; padding:49px 0; background:#fff; border:1px solid #e7e7e7;}
.step_wrap li .step_area.active{border:1px solid #1890ff; background:#e9f4ff;}
.step_wrap li .step_area.active span{color:#1890ff;}
.step_wrap li .step_area.active p{color:#1890ff;}
.step_wrap li .step_area span{display:block; font-size:24px; font-weight:900; color:#d7d7d7;}
.step_wrap li .step_area p{font-size:22px; font-weight:bold; color:#777;}
.step_wrap li > span{display:block; font-size:21px; color:#777; margin-top:30px;}

/* 고객센터 */
.cs_list_wrap{background:#fff; padding:60px; border:1px solid #e7e7e7; font-family: 'NanumSquareRound';}
.cs_list_wrap.bg_none{background:none; border:0; border-top:1px solid #e7e7e7;}

.cs_list_wrap.inquiry_input{padding:20px 40px;}
.cs_list_wrap.inquiry_input table{border-top:0;}
.cs_list_wrap .editor{width:100%; height:288px; border:1px solid #d7d7d7; border-radius:2px;}

.cs_list_wrap .no_result_wrap{position:relative; width:100%; min-height:250px;}
.cs_list_wrap .no_result{position:absolute; top:48%; left:50%; transform:translate(-50%, -50%); display:table; width:fit-content; height:70px;}

.cs_list > li{height:168px; font-size:17px; border-top:1px solid #f0f0f0;}
.cs_list > li:last-child{border-bottom:1px solid #f0f0f0;}
.cs_list > li > a{display:block; width:100%; height:100%; padding:35px 0;}
.cs_list > li:hover > a p{color:#1890ff; transition:0.4s;}
.cs_list > li .fl_wrap li:first-child{width:80%;}
.cs_list > li .fl_wrap li:last-child{width:20%; text-align:right;}
.cs_list > li .fl_wrap li p{width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.cs_list .tit1 {font-weight:900;}
.cs_list span.date{display:block; line-height:28px; font-size:17px; color:#777;}
.cs_list span.tx{display:block; height:50px; font-size:17px; color:#222; margin-top:22px; overflow:hidden; word-break:break-all;}

.cs_list.qna > li{height:auto; padding:35px 0;}
.cs_list.qna > li .fl_wrap li p{text-overflow:inherit; overflow:inherit; white-space:inherit;}
.cs_list.qna span.tx{height:auto;}
.cs_list.qna > li > .answer{margin-top:20px; padding:30px; background:#f9fafb;}
.cs_list.qna > li > .answer img{max-width:100%;}
.cs_list.qna > li > .answer span{display:block;}
.cs_list.qna > li > .answer span.date{margin-top:20px;}

.notice_cont .noti_header{width:100%; height:69px; line-height:69px; color:#222; background:#f6f7f8; border-top:1px solid #d7d7d7; padding:0 40px;}
.notice_cont .noti_header p{width:80%; font-weight:900; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.notice_cont .noti_header span.date{width:20%; font-size:17px; font-weight:600; text-align:right;}
.notice_cont .noti_body{padding:60px 40px; border-bottom:1px solid #d7d7d7;}
.notice_cont .noti_body .tx{font-size:17px; color:#555; word-break:break-all;}
.notice_cont .noti_body img{max-width:100%;}
.notice_cont .noti_body .file{border:1px solid #f0f0f0; padding:20px; margin-top:30px;}
.notice_cont .noti_body .file li{width:100%; height:32px; margin-top:10px;}
.notice_cont .noti_body .file li i{float:left; margin-right:10px;}
.notice_cont .noti_body .file li a{float:left; display:block; height:32px; line-height:32px; font-size:17px; text-decoration:underline;}
.notice_cont > .btn_wrap:after{content:''; display:block; clear:both;}
.notice_cont > .btn_wrap button{font-weight:600; margin-top:40px;}

.cs_wrap .tab_cont .notice_area .notice_cont .noti_header{min-height:69px; height:auto; line-height:inherit;}
.cs_wrap .tab_cont .notice_area .notice_cont .noti_header p{text-overflow:inherit; overflow:inherit; white-space:inherit; padding:17px 0;}
.cs_wrap .tab_cont .notice_area .notice_cont .noti_header span.date{padding:21px 0;}

.cs_wrap .tab_cont .cont_wrap.btn_wrap {margin:20px 0; }
.cs_wrap .tab_cont .cont_wrap + .cont_wrap .btn_wrap .btn + .btn {margin-left:20px;}

.terms_wrap{font-size:17px; color:#222;}
.terms_wrap.scroll{width:100%; height:200px; background:#f9fafb; overflow-y:auto; padding:30px 40px;}
.terms_wrap img{max-width:100% !important;}
.terms_wrap b{display:block; margin-bottom:20px;}

/* 계약안내 */
.contract_info .fl_wrap > table{float:left; }
.contract_info .fl_wrap > table td{height:57px;}
.contract_info .fl_wrap > table:first-child th{height:114px;}
.contract_info .fl_wrap > table:first-child {width:40%;}
.contract_info .fl_wrap > table:nth-child(2){width:29%; margin-left:1%;}
.contract_info .fl_wrap > table:nth-child(3){width:29%; margin-left:1%; }
.contract_info .fl_wrap > table:nth-child(3) th {height:114px;} 

/* 210712 계약안내 IS수정 변경 */

.product_info {margin-top:60px;}
.product_info .tb_membership {width:100%;}
.tb_membership th,.tb_membership td {padding: 12px; box-sizing: border-box; vertical-align: middle; background: #fff; font-size:18px; }
.tb_membership thead th {border:1px solid #fff; font-weight: 500; text-align: center;}
.tb_membership tbody tr.first_br th,.tb_membership tbody tr.first_br td {border-top: 1px solid  #dcdfe3 !important; }
.tb_membership tbody th {font-weight: 500; text-align: left; border-bottom: 1px solid  #dcdfe3; }
.tb_membership tbody td {border-bottom:1px solid #dcdfe3; text-align:center; }

.product_info .tb_membership th {background: transparent;}
.product_info .tb_membership th.hidden {height:0; padding:0;}
.product_info .tb_membership thead .membership {width:21%;}
.product_info .tb_membership thead th { padding: 44px 22px 40px; }
.product_info .tb_membership thead th.membership {background-color:#f2f5f7; }
.product_info .tb_membership thead th.subtit {height: 20px; line-height: 20px; font-size: 16px; text-align: center; color:#fff; padding:10px 0; border-radius:16px 16px 0px 0px; }
.product_info .tb_membership thead th.package {background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(90deg, #25CAD3 0%, #3851E7 100%); background-origin: border-box; background-clip: content-box, border-box;}
.product_info .tb_membership thead th.single {background: #f08118; }
.product_info .tb_membership thead th h3 {font-size: 40px; font-weight: 800; letter-spacing: -2px; color:#222;}
.product_info .tb_membership thead th .desc {margin-top: 12px; font-weight: 400; color:#555; font-size:17px;}
.product_info .tb_membership tbody th {border-right:0; text-align:center;}
.product_info .tb_membership tbody td {text-align: center; color:#555;}
.product_info .tb_membership tbody td.call {font-size:22px; color:#222; padding:45px 12px;}
.product_info .tb_membership .th_point span{background-color:#424a53; font-size:17px; color:#fff; border-radius:2em; display:inline-block; padding:2px 10px; font-weight:normal; width:90px; text-align:center; }
.product_info .tb_membership .th_point span.br_blue{background-color:#fff; color:#1890ff; font-weight:600}
.product_info .tb_membership .th_point.bt_n {border-bottom:0;}
.product_info .tb_membership tbody tr.last_subtit td {background-color:#f2f5f7; padding:40px 0; border:1px solid #fff;}
.product_info .tb_membership tbody:last-child th,.product_info .tb_membership tbody:last-child td {border-bottom:0;}

.contract_info p.tit1:before {content:''; display:inline-block; padding-left:10px; background:url(../images/title_dot1.jpg) no-repeat; width:14px; height:15px;}

/* 서비스정책 */
.service_policy .select_wrap{width:100%; margin:20px 0;}
.service_policy .select_wrap:after{content:''; display:block; clear:both;}
.service_policy .use{text-align:center; padding-top:30px;}
.service_policy .use ul:after{content:''; display:block; clear:both;}
.service_policy .use ul li{position:relative;float:left; width:25%;}
.service_policy .use ul li:after{position:absolute; right:0; top:76px; content:''; display:block; width:14px; height:26px; background:url(../images/icon_arrow_lightgray_big.png);}
.service_policy .use ul li:last-child:after{display:none;}
.service_policy .use ul li .step_area{width:180px; height:180px; border-radius:100%; margin:0 auto; padding:56px 0; background:#f9fafb;}
.service_policy .use ul li .step_area span{display:block; font-size:24px; font-weight:900; color:#d7d7d7;}
.service_policy .use ul li .step_area p{font-size:22px; font-weight:bold; color:#777;}
.service_policy .use ul li > span{display:block; font-size:21px; color:#777; margin-top:30px;}


/* 체험 ID 신청 */
.table_input_wrap{width:894px; margin:0 auto;}
.table_input_wrap td p{line-height:46px;}
.input_box{border:1px solid #e7e7e7; padding:24px 40px; background:#fff;}
.agree_list > li{line-height:8px; margin-top:26px;}
.agree_list li:first-child{margin:0;}
.agree_list .all_agree{border-bottom:1px solid #d7d7d7; padding-bottom:20px;}
.agree_list a.viewer{display:block; float:right; font-size:16px;}
.agree_list .ico_arrow_blue{transform:rotate(90deg); margin-left:5px; margin-right:3px;}
.agree_list .ico_arrow_blue.up{transform:rotate(-90deg); margin-left:5px;}
.agree_wrap{width:100%; height:160px; line-height:1.3; font-size:17px; color:#222; border:1px solid #d7d7d7; background:#f9fafb; margin-top:20px; padding:20px; overflow-y:scroll;}
.agree_list .all_agree .checkbox_icon + b {color:#222;}
.agree_info {text-align:center; padding-top:15px;}
.agree_list > li .agree_info_add {line-height:1.8em; font-size:14px; background-color:#f2f4f8; padding:15px 30px;}
.agree_list > li .agree_info_add p {text-indent:10px;}

/* 마이페이지 */
.mypage .tab_left {float:left;width: 80%;}
.mypage .tab_left li {width:20%}
.mypage .tab_right {float:right;}

/* 서비스 */
.mypage .service_wrap{border:1px solid #eee; border-top:0;}
.mypage .service_wrap .sv_header{width:100%; padding:0 20px; line-height:66px; background:#f5f9fb; border-top:2px solid #7d96a9;}
.mypage .service_wrap .sv_header:after{content:''; display:block; clear:both;}
.mypage .service_wrap .sv_header p.tit{float:left; font-size:20px; color:#222; font-weight:bold;}
.mypage .service_wrap .sv_header p{float:left; font-size:17px; margin-left:20px;}
.mypage .service_wrap .sv_body{border-radius:15px; padding:20px;}
.mypage .service_wrap .sv_body .cont{background:#f7f8fb; padding:20px; }
.mypage .service_wrap .sv_body .cont:after{content:''; display:block; clear:both;}
.mypage .service_wrap .sv_body p{float:left; font-size:17px; margin-top:7px;}
.mypage .service_wrap .sv_body ul{float:left; margin-left:20px;}
.mypage .service_wrap .sv_body ul li{height:40px; line-height:40px; font-size:17px;}
.mypage .service_wrap .sv_body ul li b{color:#222;}
.mypage .service_wrap .sv_body ul li .tag{text-align:center; width:80px; margin-right:20px;}
.mypage .btn_wrap .tooltip.btn{top:0; height:auto; background:none;}
.mypage .btn_wrap .tooltip.btn.disable{color:#bbb; cursor:unset;}
.mypage .btn_wrap .tooltip.btn .tooltiptext{bottom:132%; font-size:13px; font-weight:normal; color:#ccc;}

.mypage table.word td{width:100px; word-break:break-all; word-wrap:break-word;}

.mypage table[class*="tp"].user_info td{padding:10px 16px;}

.mypage .regist_cont{width:100%; overflow:hidden;}
.mypage .regist_cont:after{content:''; display:block; width:100%;}
.mypage .regist_cont div{float:left; width:33.33%; font-size:17px; border:1px solid #f2f2f2; padding:16px 14px;}
.mypage .regist_cont div a{display:block; width:100%; height:100%;}
.mypage .regist_cont div a span.tag{float:left;}

/* 마이페이지 추가 Is.20210604 */
.mp_wrapper {margin-bottom:60px;}
.mp_wrapper .mp_header {margin-bottom:20px;}
.mp_wrapper .mp_header .tit1 .btn {width:75px; height:40px; font-size:16px;}
.mp_wrapper .mp_header .tit1 .sb_tit_wd {width:145px; display:inline-block;}
.mp_wrapper .mp_header .top_wrap .float_rt .lst_st select {height:45px; width:120px; margin-right:10px; font-size:16px;}
.mp_wrapper .mp_header .top_wrap input{height:45px ;width: 220px; border:none; border-bottom:1px solid #aaa; padding-right:50px}
.mp_wrapper .mp_header .top_wrap .sch_inp {position:relative;}
.mp_wrapper .mp_header .top_wrap .sch_inp .btn {width: 40px;height: 40px; position:absolute;right:0;border-radius:2em;top: 2px;}
.mp_wrapper .mp_cont {}
.mp_wrapper .mp_cont table + table {margin-top:20px;}
.mp_wrapper .mp_cont .top_wrap {margin-top:15x;}
.mp_wrapper .top_wrap:after {clear:both; content:''; display:block;}
.mp_wrapper .top_wrap {display:table; width:100%; padding-top:5px;}
.mp_wrapper .mp_header .float_rt {display:table-cell; width:50%; text-align:right; font-size:0;}
.mp_wrapper .mp_header .float_lt {display:table-cell; width:50%; text-align:left; position:relative;}
.mp_wrapper .mp_header .float_lt .btn_position {display:inline-block; position:absolute; left:145px; top:3px;}
.mp_wrapper .mp_header .float_lt .btn_position .btn {font-size:16px}
.mp_wrapper .mp_header .float_lt .btn_position .btn + .brn {margin-left:10px;}
.mp_wrapper .mp_header .float_lt .btn_position .line_bar {margin-right:14px;}
.mp_wrapper .mp_header .float_rt .bt_st .btn {width:80px; height:45px; margin-left: 10px;}
.mp_wrapper .mp_cont .btn.tag.wd50 {letter-spacing:1.5px;}
.mp_list_wrap{background:#fff; padding:60px; border:1px solid #e7e7e7; font-family: 'NanumSquareRound';}
.mp_list_wrap.bg_none{background:none; border:0; border-top:1px solid #e7e7e7;}
.mp_list_wrap .btn_wrap .fix_right {position:absolute; right:0; top:0;}
.mp_list_wrap .btn_wrap .fix_right .btn {width:120px; font-size:14px; font-weight:normal;}
.mp_list_wrap .btn_wrap {position:relative;}

/* 설문조사 */
.survey .question{border-top:1px solid #e7e7e7; padding:40px 20px;}
.survey .question p{font-size:20px; color:#222;}
.survey .question ul{margin:20px 0 0 24px;}
.survey .question ul li{margin-top:10px;}
.survey .question ul li .custom .check_st{font-size:20px;}
.survey .question textarea{border:1px solid #e7e7e7; min-height:150px; margin-top:20px; background:#f9fafb;}
.survey .cont_wrap > .align_center{padding-top:200px;}


/* popup - 사용자 등록 */
.user_signup .file_upload{padding:40px; border:1px solid #eee; margin:8px 0;}
.user_signup .file_upload .btn_wrap{padding:0;}
.user_signup .file_upload .btn_wrap button{font-size:14px;}
.user_signup .input_wrap{padding:20px; border:1px solid #eee; margin:8px 0;}
.user_signup .article_table{max-height:500px; overflow-y:auto;}
.user_signup .article_table .border_top_n{position:relative; top:-1px; border-top:0;}
.btn.upload[class*="bg_"]:after{background-image:url(../images/icon_upload_white.png);}
.btn.upload[class*="br_"]:after{background-image:url(../images/icon_upload_blue.png);}
.btn[class*="load"]:after{position:absolute; content:''; display:inline-block; left:50%; top:50%; transform:translate(-50%, -50%); width:14px; height:14px; background-image:url(../images/icon_download_blue.png);}
.layer_popup.tp1 .popup_body.user_signup{padding:24px; max-height:750px; min-height:300px; overflow-y:auto;}



/* popup - 1:1문의하기 */
.popup .cs_list_wrap{border:0; padding:20px;}
.popup .cs_list_wrap .file_box > .btn_file{width:calc(19% - 7px);}
.popup .cs_list_wrap table.sm th,
.popup .cs_list_wrap table.sm td{padding:14px 0;}
.pop_qna .btn_wrap{padding:28px 0} 

/* popup - 제공항목 - 특허요a약보기 */
.country_list{width:100%; margin-top:8px;}
.country_list:after{content:''; display:block; clear:both;}
.country_list:first-child{margin:0;}
.country_list p.tit{float:left; width:80px; text-align:left; font-weight:bold; color:#222; padding-left:10px;}
.country_list ul{float:left;}
.country_list ul.active{background:#e7f4ff; font-weight:bold; color:#1890ff; border-radius:30px; padding:6px 16px;}
.country_list ul.inactive{background:#f7f7fc; font-weight:bold; color:#bbb; border-radius:30px; padding:6px 16px;}
.country_list ul li{position:relative; float:left; padding:0 6px; font-size:13px;}
.country_list ul.basic li{padding:0 10px;}
.country_list ul.basic li:after{position:absolute; top:5px; right:0; content:''; display:block; width:1px; height:13px; background:#ccc;}
.country_list ul.basic li:last-child:after{display:none;}
.country_list ul.each li{background:#f7f7fc; font-weight:bold; color:#bbb; border-radius:2px; padding:2px 8px; margin-right:2px;}
.country_list ul.each li.active{background:#e7f4ff; font-weight:bold; color:#1890ff;}

/* popup - 데이터범위 */
.popup.data_area .tx_sub b{display:inline-block; margin-bottom:4px;}
.popup.data_area .data_ex{background:#f7f8fb; padding:20px 20px 20px 40px; margin-bottom:25px;}
.popup.data_area .data_ex ul li{line-height:1.6; font-family:'Malgun Gothic'; font-size:14px; color:#666; letter-spacing:-1px; list-style:circle;}

/* popoup */
.popup_layer_bg {width:100%; height:100%; background:rgba(0,0,0,0.4); position: fixed; top:0px; left:0px; bottom:0; z-index:10;}
.layer_position {position:absolute; top:28%; left:50%; z-index:50;}
.pop_alert {width:400px; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#60000000, endColorstr=#60000000); border-radius:3px; }
.pop_alert.alret_white {overflow:hidden; border-radius:8px; background: rgb(255,255,255); box-shadow: 0 10px 10px -10px rgba(0,0,0,.8) }
.pop_alert.alret_black {background:rgba(0,0,0,0.5); box-shadow:0 10px 10px -10px rgba(255,255,255,.5); border-top:3px solid #fff;  }
.pop_wrap {padding:20px 0;}

.popup_body {overflow:hidden;}
.pop_alert .popup_body:after {display:block; clear:both; content:'';}
.pop_alert .pop_wrap {margin:0 40px; }
.pop_alert .popup_header {padding-top:20px;text-align:center; position:relative;}
.pop_alert .popup_header:after {display:block; clear:both; content:'';}
.pop_alert .popup_header .top_icon {top:12px; right:12px;}
.popup_header .top_icon {display:inline-block; position:absolute; top:12px; right:14px; width:28px; height:28px;}
.popup_header .top_icon .ico_close{position:absolute; width:28px; height:28px;}
.big_close:hover {-webkit-animation: close_spin 0.5s; animation: close_spin 0.5s;}
.pop_alert .pop_wrap {text-align:center; padding:0; min-height:25px; margin:15px 32px 20px 32px;}
.alret_black .pop_wrap .txt {font-size:15px; color:#fff;}
.alret_white .pop_wrap .txt {font-size:15px; color:#444;}
.popup_btn {text-align:center; padding:20px 0; clear:both;}
.popup_btn .btn {width:auto; height:40px; font-size:15px;}
.popup_btn .btn.fix {width:50px; height:32px; font-size:14px; line-height:13px; border-radius:2px; margin-left:10px; padding:0 11px;}
.popup_btn .btn.fix:first-child {margin-left:0;} 
.popup_btn .btn:last-child {margin-left:12px;} 
.alret_black .popup_btn {padding:10px 0 20px 0;}
.alret_white .popup_btn {text-align:center; padding:24px 32px;}
.pop_alert .popup_btn {background-color: #f2f7fb; padding:10px 32px;}
.pop_alert .popup_btn .btn {width:80px;}

.layer_popup {background-color:#fff; width:550px; box-shadow: 1px 2px 5px rgba(0,0,0,0.5); }
.popup {background-color:#f5f2f9; }
.layer_popup .popup_header,.popup .popup_header {width:100%; border-bottom:3px solid #79ac39; line-height:50px; padding:0 24px; overflow:hidden; position:relative; }
.layer_popup .popup_header:after,.popup .popup_header:after{content:''; display:block; clear:both;}
.layer_popup .popup_header .popup_title,.popup .popup_header .popup_title {font-size:18px; color:#333; display:inline-block; font-weight:500;}
@media screen and (-webkit-min-device-pixel-ratio:0){ 
.layer_popup .popup_header .popup_title,.popup .popup_header .popup_title  {font-weight:500;} }
.layer_popup .popup_body,.popup .popup_body {background:#fff;}
.layer_popup .popup_footer .btn_wrap,.popup .popup_footer .btn_wrap {padding:15px 0;}
.layer_popup .popup_footer .btn_wrap .size_fixed,.popup .popup_footer .btn_wrap .size_fixed {width:110px; height:36px;}
.layer_popup .popup_footer .btn_wrap .btn:first-child,.popup .popup_footer .btn_wrap .btn:first-child {margin-right:12px;}

.popup_header {background-color:#fff;}
.popup_header .nav_tabs {margin:9px 0 0 50px; float:left; border:none;}
.popup_header .nav_tabs .tab_title:before {content:''; position: absolute; top: 0px; left: 0px; width: 0px; height: 100%;	background: rgba(100,100,100,0.05); transition:all 0.4s; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; -o-transition:all 0.4s;}
.popup_header .nav_tabs .tab_title:hover:before {width: 100%;}
.popup_header .nav_tabs .active .tab_title {background-color:#fff; color:#79ac39; border: 1px solid #79ac39; font-weight:bold;}
@media screen and (-webkit-min-device-pixel-ratio:0){ 
.popup_header .nav_tabs .active .tab_title  {font-weight:500;} }
.popup_header .nav_tabs .active .tab_title:hover,.popup_header .nav_tabs .active .tab_title:active,.popup_header .nav_tabs .active .tab_title:focus { background-color:transparent;color:#79ac39; border: 1px solid #79ac39;}
.popup_header .nav_tabs .tab_title {min-width:180px; background-color:#f2f5f7; color:#aaa;}
.popup_header .nav_tabs .tab_title:hover {color:#79ac39;}
.popup_header .nav_tabs li {margin-bottom:-2px;}

.popup_btn .solid_darkblue{background:#1890ff; border-color:#1890ff;}

.popup.tp1{background:#fff;}
.popup.tp1 .popup_body{width:1100px; margin:0 auto; padding:25px 15px;}
.popup.tp1 .popup_body .popup_title{font-size:20px; letter-spacing:-1.2px; color:#222;}
.popup.tp1 .popup_body table td{line-height:1.8; word-break:break-all}

.popup.tp2 > .popup_body{background:#f7f7fc; height:100vh;}
.popup.tp2 > .popup_body .pop_wrap{padding:0;}

.layer_popup .popup_body{height:calc(100% - 51px);}
.layer_popup .popup_body.bg{background:#f7f7fc;}
.layer_popup .tit{font-size:14px; font-weight:bold; color:#222;}
.layer_popup .tit > i{position:relative; top:3px;}
.layer_popup.tp1{border-radius:5px; box-shadow: 0px 2px 13px rgba(0,0,0,0.2); overflow:hidden;}
.layer_popup.tp1 .popup_header{border-bottom:1px solid #f0f0f0;}
.layer_popup.tp1 .popup_header .popup_title{font-weight:bold; font-size:16px;}
.layer_popup.tp1 .popup_body{padding:24px; max-height:678px; min-height:300px; overflow-y:auto;}
.layer_popup.tp1 .popup_body .pop_wrap{padding:0;}
.layer_popup.tp1 .popup_body .pop_wrap.aside aside{height:calc(100% - 52px);}
.layer_popup.tp1 .popup_body .pop_wrap.aside section.right{padding:20px 20px 80px;}
.layer_popup.tp1 .popup_body .pop_wrap .tit{font-weight:bold;}
.layer_popup.tp1 .popup_btn{background:#fff; padding:15px 20px 20px; text-align:right; border-top:1px solid #f0f0f0;}
.layer_popup.tp1 .popup_btn.br_none{border-top:0;}
.layer_popup.tp1 .popup_btn .btn{height:auto; padding:5px 28px 7px 28px; font-size:14px; border-color:#d9d9d9; border-radius:4px; background:#fff;}
.layer_popup.tp1 .popup_btn .btn:last-child{margin-left:4px;}
.layer_popup.tp1 .popup_btn .btn.bg_blue{border-color:#1890ff;}
.layer_popup.tp1 .popup_btn .btn.bg_blue:hover{color:#fff;}
.layer_popup.tp1.xs_pop{width:430px;}
.layer_popup.tp1.xs_pop .popup_body{min-height:80px;}

.popup_header.tp2{position:relative; z-index:10; line-height:30px; padding:12px 30px; border-bottom:1px solid #999;}
.popup_header.tp2 .gnb{width:100%; height:100%;}
.popup_header.tp2 .gnb:after{content:''; display:block; clear:both;}
.popup_header.tp2 .left_wrap{float:left;}
.popup_header.tp2 .left_wrap .ico_favicon{position:relative; top:4px; float:left; width:20px; height:20px; background:url(../images/ico_favicon.png) no-repeat; background-size:100%; margin-right:12px;}
.popup_header.tp2 .left_wrap h2.tit{float:left; font-size:18px; font-weight:900; color:#222;}
.popup_header.tp2 .left_wrap h2.tit > span{display:inline-block; font-size:17px; font-weight:normal; margin-left:15px;}
.popup_header.tp2 .right_wrap{float:right; height:30px;}
.popup_header.tp2 .right_wrap .top_icon {top:0}
.popup_header.tp2 .right_wrap .ico_close{margin-top:9px;}
.popup_header.tp2  .right_wrap .logo{float:left; width:81px; height:30px; text-indent:-9999px; background:url(../images/wipsclip_color.png) no-repeat; background-size:100%; background-position:center center;}

.popup .table.sm th,
.popup .table.sm td{font-family:'Malgun Gothic';}

/* popup_body */
.popup_body.bg {background:#f9fafb;}


/* 마이페이지----팝업 */
.popup.pop_fr_reset .popup_body {width:auto; padding:25px; background:#fff;}
.pop_fr_reset .popup_body .pop_wrap {padding:0}
.pop_fr_reset .tbl_top_wrap {margin-bottom:20px;}
.pop_fr_reset .article_table .table th,.pop_fr_reset .article_table .table td {font-size:15px;font-family:'Malgun Gothic'; padding:10px}
.pop_fr_reset .popup_body .re_pop_txt {font-weight:600; width:70%; border:5px solid #d4d7da; text-align:center; font-size:18px; color:#222; margin:20px auto 0 auto; padding:20px;}
.pop_fr_reset .btn_wrap {padding:20px; background:#f5f2f9;}
.popup.tp1 .popup_header {border-bottom:1px solid #f0f0f0;}
.pop_fr_reset .popup_body .pop_tit {font-size:17px; color:#222; font-weight:600;}
.pop_fr_reset .article_table.add .table th,.pop_fr_reset .article_table.add .table td {text-align:left;}

.pop_fr_reset .file_cont {margin:20px 0;}
.pop_fr_reset .file_upload {padding:20px; border:1px solid #ddd; margin-top:-1px;}
.pop_fr_reset .file_cont .nav_tabs li {height:auto; line-height:45px;}
.pop_fr_reset .file_cont .nav_tabs .tab_title  {padding:0 20px; line-height:inherit; font-family:'Malgun Gothic'; font-size:15px;}
.pop_fr_reset .file_cont .nav_tabs .tab_title:hover {background:transparent; border-color:transparent; color:#1890ff}
.pop_fr_reset .file_cont .nav_tabs .active .tab_title {background:#34343c; color:#fff; border-color:#34343c;}
.pop_fr_reset .file_upload .file_txt {font-size:14px; margin-top:20px; text-align:center;}
.pop_fr_reset .file_cont + .article_table .tbl_top_wrap {margin-bottom:10px;;}
.pop_fr_reset .file_wrap {text-align:center;}
.pop_fr_reset .file_wrap .btn {border-radius:2em;width:140px;}
.pop_fr_reset .file_wrap .btn + .btn {margin-left:10px;}
.pop_fr_reset .file_wrap .btn i{margin-right:10px; display:inline-block; width:14px; height:14px; }
.pop_fr_reset .file_wrap .ico_down {background-image:url(../images/icon_download_blue.png);}
.pop_fr_reset .file_wrap .ico_up { background-image:url(../images/icon_upload_white.png);}
.pop_fr_reset .file_upload .table th {text-align:left;}
.pop_fr_reset .file_upload .table th,.pop_fr_reset .file_upload .table td {font-size:15px; font-family:'Malgun Gothic';}
.pop_fr_reset .file_upload .table td input[type="text"] {width:90%; height:40px; padding:10px;}
.pop_fr_reset .file_upload .btn_add {text-align:center; margin-top:20px;}
.pop_fr_reset .file_upload .btn_add .btn {border-radius:2em; width:140px; font-size:16px;}
.pop_fr_reset .file_cont + .article_table .tbl_top_wrap .all_num {margin-left:10px; font-size:14px;}
.pop_fr_reset .file_cont + .article_table .table input[type="text"] {width:90%; height:35px; padding:10px;}



/* custom */
/* sub_nav */
.sub_nav{width:100%; height:88px; background:#222;}
.sub_nav ul{width:fit-content; height:100%; display:table; margin:0 auto;}
.sub_nav ul li{position:relative; float:left; height:100%; line-height:inherit; padding:0 60px; border:0; background:none}
.sub_nav ul li:after{position:absolute; right:0; top:50%; transform:translateY(-50%); content:''; display:block; width:1px; height:40px; background:#444;}
.sub_nav ul li:last-child{border:0;}
.sub_nav ul li:last-child:after{display:none;}
.sub_nav ul li.current{border-bottom:4px solid #fff; background:none;}
.sub_nav ul li a{display:block; width:100%; height:100%; font-size:18px; font-weight:600; color:#777; text-align:center; padding-top:20px;}
.sub_nav ul li.current a{color:#fff;}
.sub_nav ul li a span{display:block; font-size:12px; font-weight:normal;}
.tabcontent{display:none;}
.tabcontent.current{display:block;}

/* card */
.card_wrap:after{content:''; display:block; clear:both;}
.card_wrap[class*="ratio"] .card{float:left;}
.card_wrap.ratio7_3 .card:first-child{width:70%;}
.card_wrap.ratio7_3 .card:last-child{width:calc(30% - 20px); margin-left:20px;}
.card{width:100%; min-height:340px; padding:20px; background:#fff; margin-bottom:20px;}
.card.tit{padding:0; background:#fff;}
.card.tit .card_head{font-size:16px; font-weight:bold; min-height:48px; padding:15px 20px; color:#444; border-bottom:1px solid #f0f0f0; overflow:hidden;}
.card.tit .card_head:after{content:''; display:block; clear:both;}
.card.tit .card_head p{float:left;}
.card.tit .card_head ul{float:right;}
.card.tit .card_body{padding:15px 20px;}

/* main_slide */
/* .custom .main_slide .slick-list{width:100%; padding-bottom:45px;}
.custom .main_slide .slick-dots{top:142px;}
.custom .main_slide .slick-dots li.slick-active button:before{color:#fff;}
.custom .main_slide .slick-dots li button:before{content:''; font-size:0; width:10px; height:10px; border-radius:100%; background:#fff;}
.custom .main_slide .slick-next{display:none !important; z-index:1; right:50px; }
.custom .main_slide .slick-prev{display:none !important; z-index:1; left:50px;}
.custom .main_slide .slick-next:before{content:''; display:block; width:32px; height:54px; background-image:url(../images/page_right_white.png);}
.custom .main_slide .slick-prev:before{content:''; display:block; width:32px; height:54px; background-image:url(../images/page_left_white.png);}


.custom .main_slide{height:630px; background:rgb(216,87,143); background:url(../images/main_bg_01.png), linear-gradient(90deg, #64a6f5 0%, #6470eb 100%); background-repeat:no-repeat; background-position:center bottom, center center; }
.custom .main_slide h3.tx{font-size:40px; font-weight:300; color:#fff; line-height:1.2; text-align:center; padding-top:70px;}
.custom .main_slide .video_area{position:relative; width:1300px; height:700px; border-radius:10px; margin:0 auto; margin-top:36px;}

.custom .main_bn2 .video_area{background:url(../images/main_bn_02.png);}
.custom .main_bn3 .video_area{background:url(../images/main_bn_03.png);}
.custom .main_bn4 .video_area{background:url(../images/main_bn_04.png);} */

/* .custom .main_bn1 .video_area .cursor{position:absolute; top:250px; right:30px; z-index:1; display:block; width:14px; height:14px; background:url(../images/cursor.png) no-repeat; background-size:100%;
animation-name: cursor1; animation-duration:2.3s; animation-iteration-count:1; animation-delay:1.5s; animation-timing-function:ease; animation-fill-mode:forwards;}
.custom .main_bn1 .video_area .pop{opacity: 0; position:absolute; left:70px; top:35px; width:600px; height:400px; border-radius:10px;background:url(../images/page_02.jpg) no-repeat; background-size:cover; box-shadow:5px 5px 40px rgb(127 114 130 / 30%); 
animation-name: pop1; animation-duration:0.3s; animation-iteration-count:1; animation-delay:2.2s; animation-timing-function:ease; animation-fill-mode:forwards;}
.custom .main_bn1 .video_area .pop .left_wrap{width:45%; height:280px; overflow:hidden; background:#fff; padding:20px; margin-top:117px; margin-left:20px;}
.custom .main_bn1 .video_area .pop .left_wrap ul{position:relative; top:0; 
animation-name:scroll1; animation-duration:2s; animation-iteration-count:1; animation-delay:3.7s; animation-timing-function:ease; animation-fill-mode:forwards;}
.custom .main_bn1 .video_area .pop .left_wrap li{font-size:9px; margin-bottom:8px;}
.custom .main_bn1 .video_area .pop .left_wrap li.tit{font-weight:900; color:#ff4e62;} */

/* @keyframes cursor1 {
  from {top:250px; right:30px;}
  30% {top:205px; right:55px;}
  50% {top:205px; right:55px;}
  to {top:180px; right:540px;}
}
@keyframes pop1 {
  100% {opacity: 1;}
}
@keyframes scroll1 {
  100% {top: -90px;}
} */

#page.custom .header{background:linear-gradient(90deg, #64a6f5 0%, #6470eb 100%); border-bottom:0;}
#page.custom .header .gnb h1.logo{background:url(../images/wipsclip_white.png);}
#page.custom .header .gnb .m_nav > li a{color:#d5e3ff;}
#page.custom .header .gnb .m_nav > li.on a{color:#fff;}
#page.custom .header .gnb .m_nav > li:hover a{color:#fff;}
#page.custom .header .gnb .s_nav > li a{color:#d5e3ff;}
#page.custom .header .gnb .s_nav > li .link_txt{color:#d5e3ff;}
#page.custom .header .gnb .s_nav > li.mypage a{color:#648ff1; background:#fff;}

.contents.custom{padding:0 0 140px 0; width:100%;}
.custom .main_visual{position:relative; height:calc(100vh - 70px); background:rgb(216,87,143); background:url(../images/main_bg_01.png), linear-gradient(90deg, #64a6f5 0%, #6470eb 100%); background-repeat:no-repeat; background-position:center bottom, center center; }
.custom .visual_wrap{position:absolute; top:44%; left:50%; transform:translate(-50%, -50%); width:1300px; margin:0 auto;}
.custom .visual_wrap h3.tx{font-size:65px; font-weight:900; text-align:center; color:#fff; line-height:1;}
.custom .visual_wrap h3.tx em{font-size:35px; font-weight:300;}
.custom .visual_wrap h3:after{position:absolute; left:50%; transform:translate(-50%); animation-duration:2s; animation-name:custom_arrow; animation-iteration-count:infinite; content:''; display:block; width:64px; height:113px; background:url(../images/ico_arrow_custom.png); margin-top:50px;}

@keyframes custom_arrow{
  0%{transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);}
  50% {margin-top:20px;}
  100% {margin-top:50px;}
}

.cont_body [class*="cont_bn"]{height:100vh;}
.cont_body .cont_bn_1{background:#fff;}
.cont_body .cont_bn_2{background:#f6f7f8;}
.cont_body .cont_bn_3{background:#fff;}
.cont_body .cont_bn_4{background:#f6f7f8;}
.cont_body [class*="cont_bn"].bg_w h3.tx{color:#222;}
.cont_body [class*="cont_bn"].bg_w h3.tx .tx_b{color:#1890ff;}
.cont_body [class*="cont_bn"].bg_w .video_area div p{color:#222;}
.cont_body [class*="cont_bn"].bg_w .video_area div span{letter-spacing:-0.5px; color:#222;}
.cont_body h3.tx{font-size:50px; font-weight:300; color:#fff; line-height:1.2; text-align:center; padding-top:180px;}
.cont_body .video_area{position:relative; width:1300px; height:700px; border-radius:10px; margin:0 auto;}
.cont_body .video_area div{position:absolute; top:40%; transform:translateY(-50%);}
.cont_body .video_area div.left{width:30%; left:0;}
.cont_body .video_area div.right{width:30%; right:0;}
.cont_body .video_area div p{font-size:40px; font-weight:bold; color:#fff; margin-bottom:10px;}
.cont_body .video_area div span{font-size:24px; color:#fff;}
.cont_body .video_area .img_wrap{position:absolute; top:50%; transform:translateY(-50%);}
.cont_body .video_area .img_wrap img{width:110%;}
.cont_body .video_area .img_wrap.left{width:72%; left:0;}
.cont_body .video_area .img_wrap.left img{position:relative; right:160px;}
.cont_body .video_area .img_wrap.right{width:72%; right:0;}

.cont_body .cont_bn_2 .video_area img{background:url(../images/main_bn_02.png); background-size:100%;}
.cont_body .cont_bn_3 .video_area img{background:url(../images/main_bn_03.png); background-size:100%;}
.cont_body .cont_bn_4 .video_area img{background:url(../images/main_bn_04.png); background-size:100%;}



/* bottom_area */
.qna_area{width:100%; height:100vh;}
.qna_area .tx_wrap{width:fit-content; display:table; margin:0 auto;}
.qna_area .tx_wrap p.tit{line-height:1.3; font-size:40px;  color:#222; text-align:center; padding-top:150px;}
.qna_area .tx_wrap p.tit span{font-weight:900;}
.qna_area .tx_wrap p.tit span.tx_blue{position:relative; top:-3px;}
.qna_area .tx_wrap .btn{display:block; font-size:22px; font-weight:bold; margin:0 auto; border-radius:50px; border:1px solid #1890ff; color:#1890ff; background:#fff; padding:10px 35px; margin-top:40px;}
.qna_area .tx_wrap .btn:before{background:none;}
.qna_area .tx_wrap .btn:hover{background:#e9f4ff; transition:0.4s;}
.qna_area .tx_wrap + .fl_wrap{width:700px; line-height:32px; margin:0 auto; padding-bottom:20px; margin-top:110px;}
.qna_area .tx_wrap + .fl_wrap .right{display:block; padding-top:5px; font-size:17px;}
.qna_area .tx_wrap + .fl_wrap .right a{color:#1890ff;}
.qna_area ul.faq_list{display:block; width:700px; border-top:2px solid #1890ff; margin:0 auto;}
.qna_area ul.faq_list li{position:relative; border-bottom:1px solid #f0f0f0; font-size:17px;}
.qna_area ul.faq_list li:after{position:absolute; top:28px; right:0; content:''; display:block; width:7px; height:11px; background:url(../images/icon_arrow_darkgray_sml.png) no-repeat;}
.qna_area ul.faq_list li a{display:block; width:90%; height:100%; color:#222; padding:20px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.qna_area ul.faq_list li a:hover{font-weight:600; color:#1890ff; transition:0.2s;}








/* icon */
[class*="ico_"]{display:inline-block; background:no-repeat center center;}
.icon{background:url(../images/icon.png) 100% no-repeat; display:inline-block; zoom:1; *display:inline; vertical-align:middle; text-indent:-9999px; *text-indent:0;}

/* pagenation */
.ar_left {width:12px; height:12px; background-position:-128px -17px; vertical-align:-2px;}
.ar_right{ width:12px; height:12px; background-position:-115px -17px; vertical-align:-2px;}
.ar_first {width:12px; height:12px; background-position:-115px -31px; vertical-align:-2px;}
.ar_end { width:12px; height:12px; background-position:-128px -31px; vertical-align:-2px;}

.page_left {background:url(../images/page_left.png) left no-repeat; display:inline-block; width:32px; height:54px; }
.page_right {background:url(../images/page_right.png) right no-repeat; display:inline-block; width:32px; height:54px; }


.ico_arrow_darkgray.sm{width:7px; height:11px; background-image:url(../images/icon_arrow_darkgray_sml.png);}
.ico_arrow_white.sm{width:7px; height:11px; background-image:url(../images/icon_arrow_white_sml.png);}
.ico_arrow_blue.sm{width:7px; height:11px; background-image:url(../images/icon_arrow_blue_sm.png);}
.ico_arrow_light_gray.big{width:14px; height:26px; background-image:url(../images/icon_arrow_lightgray_big.png);}
.ico_close_darkgray.sm{width:16px; height:16px; background-image:url(../images/icon_plus_darkgray_sml.png); transform:rotate(45deg); cursor:pointer;}
.ico_search_blue{width:16px; height:16px; background-image:url(../images/icon_search_blue.png);}
.ico_search_black{width:16px; height:16px; background-image:url(../images/icon_search_black.png);}
.ico_search_white{width:16px; height:16px; background-image:url(../images/icon_search_white.png);}
.ico_all{width:17px; height:17px; background-image:url(../images/icon_all_line.png);}
.ico_invention{width:14px; height:21px; background-image:url(../images/icon_invention_line.png);}
.ico_file{width:18px; height:22px; background-image:url(../images/icon_file_blue.png); cursor:pointer;}
.ico_line_arrow_white{width:19px; height:13px; background-image:url(../images/ico_line_arrow_white.png);}
.ico_close{width:17px; height:17px; background-image:url(../images/icon_expand.png); transform:rotate(45deg); cursor:pointer;}
.ico_close_white{width:17px; height:17px; background-image:url(../images/icon_expand_white.png); transform:rotate(45deg); cursor:pointer;}
.ico_exclamation{width:18px; height:18px; background-image:url(../images/icon_exclamation.png); vertical-align:bottom;}
.ico_file{width:32px; height:32px; background-image:url(../images/icon_file.png); background-color:#f6f7f8; border-radius:100%;}
.ico_user{width:23px; height:23px; background-image:url(../images/icon_user.png); border-radius:100%;}
.ico_time {width:17px; height:19px; background-position:-80px -142px;}

.ico_no_result{width:66px; height:66px; background-image:url(../images/no_result.png);}
.ico_no_result.tp2{width:66px; height:66px; background-image:url(../images/no_result_tp2.png);}
.ico_no_result.tp3{width:66px; height:66px; background-image:url(../images/no_result_tp3.png);}
.ico_no_result.tp4{width:66px; height:66px; background-image:url(../images/no_result_tp4.png);}

.ico_chk {width:23px; height:22px; background-image:url(../images/ico_check.png);display:inline-block; zoom:1; *display:inline; vertical-align:middle; text-indent:-9999px; *text-indent:0;}
.big_close {width:28px; height:28px; background-position:0 -21px; vertical-align: inherit;}

@media all and (max-width:1400px){
  .fixed_wrap {width:1200px;}
  .header .gnb .m_nav {margin-left:10px;}
  .header .gnb .m_nav > li a {padding:0 50px;} 
  .list_area li.last{margin-right:20px;}
  .main [class*="main_bn"] .tx, .main .page_bn,.pick_contents,.exp_id{width:1100px;}
  .notice_wrap {width:1100px;}
  
  .page_main .cont_wrap .fixed_wrap ul,.data_main .cont_wrap .fixed_wrap ul {display:inline-block;text-align:center;}
  .page_main .cont_wrap .fixed_wrap li,.data_main .cont_wrap .fixed_wrap li {float:inherit; display:inline-block;}
  .notice_wrap .call_num ul li {width:290px}
  .service_info .join ul > li {width:320px}
  .cont_body .video_area {width:1100px;}
  /* layout
  .contents {width:1200px;} */

  /* header 
  .header .gnb{width:1200px;}
  .header .gnb .m_nav {margin-left:10px;}
  .header .gnb .m_nav > li a {padding:0 50px;} */

  /* main 
  .main [class*="main_bn"] .tx, 
  .main .page_bn,
  .pick_contents,
  .exp_id,
  .notice_wrap,
  .footer .cont_wrap{width:1200px;} */


  /* 페이지_메인 
  .list_area li.last{margin-right:20px;} */
}

/* 크롬 및 엣지브라우저 클릭시 검정 아웃라인 생기는 것 방지 */
button:focus {
  outline:0 !important;
}

/* 20210906 IS.개발가이드, 클립모델 아이콘 버튼 추가 */
.gnb {position:relative;}
.cd-stretchy-nav { z-index: 2; top: 10px; right: 0; pointer-events: none; position:absolute;}
.cd-stretchy-nav .stretchy-nav-bg {  position: absolute;  z-index: 1;  top: 0;  right: 0;  width: 50px;  height: 50px;  border-radius: 30px;  background: #ff4e62;  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);  -webkit-transition: height 0.2s, box-shadow 0.2s;  -moz-transition: height 0.2s, box-shadow 0.2s;  transition: height 0.2s, box-shadow 0.2s;}
.cd-stretchy-nav.nav-is-visible { pointer-events: auto;}
.cd-stretchy-nav.nav-is-visible .stretchy-nav-bg {  height:calc(100% + 5px); box-shadow: 0 6px 30px rgba(255, 0, 0, 0.2);}
.cd-nav-trigger { position: absolute; z-index: 3; top: 0; right: 0; height: 50px; width: 50px; border-radius: 50%; overflow: hidden; white-space: nowrap; color: transparent; pointer-events: auto;}
.cd-nav-trigger span, .cd-nav-trigger span::after, .cd-nav-trigger span::before { position: absolute;
  width: 16px;  height: 2px;  background-color: #ffffff;}
.cd-nav-trigger span {  left: 50%; top: 50%; bottom: auto; right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;}
.cd-nav-trigger span::after, .cd-nav-trigger span::before {  content: '';  top: 0;  left: 0; -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.2s;
  -moz-transition: -moz-transform 0.2s;
  transition: transform 0.2s;}
.cd-nav-trigger span::before { 
-webkit-transform: translateY(-6px); 
-moz-transform: translateY(-6px);
  -ms-transform: translateY(-6px);
  -o-transform: translateY(-6px);
  transform: translateY(-6px);}
.cd-nav-trigger span::after {
  -webkit-transform: translateY(6px);
  -moz-transform: translateY(6px);
  -ms-transform: translateY(6px);
  -o-transform: translateY(6px);
  transform: translateY(6px);}
.nav-is-visible .cd-nav-trigger span { background-color: transparent;}
.nav-is-visible .cd-nav-trigger span::before {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);}
.nav-is-visible .cd-nav-trigger span::after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);}
.cd-stretchy-nav ul { position: relative;  z-index: 2;  padding: 50px 0 0; visibility: hidden;  -webkit-transition: visibility 0.3s;
  -moz-transition: visibility 0.3s;
  transition: visibility 0.3s;
  text-align: right;}
.cd-stretchy-nav ul a { position: relative; display: block; height: 50px; line-height: 50px;
  padding: 0 calc(1em + 45px) 0 1em;
  color: rgba(255, 255, 255, 0.7);
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  transition: color 0.2s;}
.cd-stretchy-nav ul a::before {content: ''; position: absolute; height: 40px; width: 40px; right: 5px; top:5px; background-color:#fff; border-radius:2em; }
.cd-stretchy-nav ul a::after { content: ''; position: absolute; height: 30px; width: 30px; right: 10px; top: 50%;  opacity: .6;  background: url(../images/add_icon.png) no-repeat 0 0;-webkit-transform: translateY(-50%) scale(0);
  -moz-transform: translateY(-50%) scale(0);
  -ms-transform: translateY(-50%) scale(0);
  -o-transform: translateY(-50%) scale(0);
  transform: translateY(-50%) scale(0);}
.cd-stretchy-nav ul a:hover::after {opacity:1;} 
.cd-stretchy-nav ul a:hover span {  padding-right: 1em;  transition: all 0.2s;}
.cd-stretchy-nav ul li:first-of-type a::after { background-position: 0 0;}
.cd-stretchy-nav ul li:nth-of-type(2) a::after { background-position: -34px 0;}
.cd-stretchy-nav ul span {display: block;  opacity: 0;  color:#444; font-size:14px; font-weight:bold; font-family:'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif; }
.cd-stretchy-nav ul a:hover span{color:#ff4e62; }
.cd-stretchy-nav ul a:before {opacity: 0; }
.cd-stretchy-nav.nav-is-visible ul { visibility: visible;}
.cd-stretchy-nav.nav-is-visible ul a::before { opacity: 1;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;}
.cd-stretchy-nav.nav-is-visible ul a::after {
	  -webkit-transform: translateY(-50%) scale(1);
  -moz-transform: translateY(-50%) scale(1);
  -ms-transform: translateY(-50%) scale(1);
  -o-transform: translateY(-50%) scale(1);
  transform: translateY(-50%) scale(1);
  -webkit-animation: scaleIn 0.15s backwards;
  -moz-animation: scaleIn 0.15s backwards;
  animation: scaleIn 0.15s backwards;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;}
.cd-stretchy-nav.nav-is-visible ul span {
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-animation: slideIn 0.15s backwards;
  -moz-animation: slideIn 0.15s backwards;
  animation: slideIn 0.15s backwards;
  -webkit-transition: -webkit-transform 0.2s;
  -moz-transition: -moz-transform 0.2s;
  transition: transform 0.2s;}

.cd-stretchy-nav.nav-is-visible ul li:first-of-type a::after,
.cd-stretchy-nav.nav-is-visible ul li:first-of-type span {
  -webkit-animation-delay: 0.05s;
  -moz-animation-delay: 0.05s;
  animation-delay: 0.05s;
}
.cd-stretchy-nav.nav-is-visible ul li:nth-of-type(2) a::after,
.cd-stretchy-nav.nav-is-visible ul li:nth-of-type(2) span {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

@-webkit-keyframes scaleIn {
  from { -webkit-transform: translateY(-50%) scale(0);}
  to { -webkit-transform: translateY(-50%) scale(1);}
}
@-moz-keyframes scaleIn {
  from { -moz-transform: translateY(-50%) scale(0);}
  to { -moz-transform: translateY(-50%) scale(1);}
}
@keyframes scaleIn {
  from {
    -webkit-transform: translateY(-50%) scale(0); -moz-transform: translateY(-50%) scale(0); -ms-transform: translateY(-50%) scale(0); -o-transform: translateY(-50%) scale(0); transform: translateY(-50%) scale(0);}
  to {
    -webkit-transform: translateY(-50%) scale(1); -moz-transform: translateY(-50%) scale(1); -ms-transform: translateY(-50%) scale(1); -o-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1);}
}
@-webkit-keyframes slideIn {
  from { opacity: 0; -webkit-transform: translateX(-25px);}
  to { opacity: 1; -webkit-transform: translateX(0);}
}
@-moz-keyframes slideIn {
  from { opacity: 0; -moz-transform: translateX(-25px);}
  to { opacity: 1; -moz-transform: translateX(0);}
}
@keyframes slideIn {
  from {opacity: 0;-webkit-transform: translateX(-25px); -moz-transform: translateX(-25px); -ms-transform: translateX(-25px); -o-transform: translateX(-25px); transform: translateX(-25px);}
  to { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);}
  }




