@charset "utf-8";
@import url("font.css");
/* style reset */

body,input,textarea,button,select,table,h1,h2,h3,h4,h5,h6{font-family:'Noto Sans KR','돋움','dotum',Arial,sans-serif;font-size:18px;font-weight:500;line-height:1.3;color:#707070;}
#skip_con {position:absolute;left:-999em;top:-100px;width:0;height:0;text-indent:-9999em;z-index:-1;}

.transparents-layer {display: none;}

button {transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s;}
.btn {width: 150px; height: 55px; font-weight: 500;}
.btn2 {padding: 0 20px; min-width: 100px; height: 45px; font-size: 15px; font-weight: 500;}
.btn3 {width: 80px; height: 35px; color: #fff; font-size: 12px; font-family: 'Dotum', sans-serif; border-radius: 3px; }
.btn4 {position: relative; padding: 0 40px 0 20px; height: 40px; color: #333; font-size: 15px; border: 1px solid #333;}
.btn4::after, .btn4.add::before {content: ''; position: absolute; background-color: #3088ef;}
.btn4::after {right: 20px; top: 18px; width: 12px; height: 2px;}
.btn4.add::before {right: 25px; top: 13px; width: 2px; height: 12px;}
.btn4:hover {color: #fff; background-color: #333;}
.btn4:hover::after, .btn4.add:hover::before {background-color: #fff;}
.btn_print {padding-left: 20px; color: #333; font-weight: 500; text-align: left; border: 1px solid #333; background-repeat: no-repeat; background-position: right 20px center; background-image: url('/production/images/web/icon_print.png');}
.btn_download {width: 270px; min-height:70px; color: #3088ef; border: 1px solid #3088ef; background-repeat: no-repeat; background-position: right 20px center; background-image: url('/production/images/web/icon_download.png');}
.btn_download:hover {color: #fff; background-color: #3088ef; background-image: url('/production/images/web/icon_download_on.png');}
.btn_download p {padding-right: 50px; font-size: 15px;}
.btn_download p span {display: block; font-size: 16px; font-weight: 500;}
.btn_2 {width: 300px; height: 55px; font-weight: 500;}


.bg_blue {color: #fff; background-color: #3088ef;}
.bg_gray {color: #fff; background-color: #717982;}
.bg_gray2 {color: #fff; background-color: #444;}
.bg_gray3 {color: #fff; background-color: #6b6e7b;}
.bg_white {color: #3088ef; border: 1px solid #3088ef;}
.bg_white2 {color: #666; border: 1px solid #ccc;}
.bg_white3 {color: #333; border: 1px solid #333;}

.color_blue {color: #3088ef !important;}
.color_red {color: #f60505 !important;}
.color_gray {color: #333 !important;}

.f_w {font-weight: 600 !important;}
.f_m {font-weight: 500 !important;}
.f_n {font-weight: 400 !important;}
.p_r {position: relative !important;}

.web_only {display: block !important;}
.web_table {display: table !important;}
.mobile_only {display: none !important;}
.d_block {display: block !important;}
.d_inblock {display: inline-block !important;}
.d_none {display: none !important;}
.d_table {display: table !important;}
.d_intable {display: inline-table!important;}
.d_cell {display: table-cell !important; text-align: center; vertical-align: middle}

.padding0 {padding: 0 !important;}
.margin0 {margin: 0 !important;}
.mt50 {margin-top:50px !important}
.mt40 {margin-top:40px !important}
.mt30 {margin-top:30px !important}
.mt20 {margin-top:20px !important}
.mt15 {margin-top:15px !important}
.mt10 {margin-top:10px !important}
.mt5 {margin-top:5px !important}
.mt0 {margin-top:5px !important}
.mb2 {margin-bottom:2px !important}
.mb5 {margin-bottom:5px !important}
.mb10 {margin-bottom:10px !important}
.mb15 {margin-bottom:15px !important}
.mb20 {margin-bottom:20px !important}
.mb25 {margin-bottom:25px !important}
.mb30 {margin-bottom:30px !important}
.mb35 {margin-bottom:35px !important}
.mb40 {margin-bottom:40px !important}
.mb50 {margin-bottom:50px !important}
.mb55 {margin-bottom:55px !important}
.mb60 {margin-bottom:60px !important}
.mb100 {margin-bottom:100px !important}
.mr5 {margin-right:5px !important}
.mr10 {margin-right:10px !important}
.mr15 {margin-right:15px !important}
.mr20 {margin-right:20px !important}
.mr25 {margin-right:25px !important}
.mr30 {margin-right:30px !important}
.ml5 {margin-left:5px !important}
.ml10 {margin-left:10px !important}
.ml20 {margin-left:20px !important}
.ml30 {margin-left:30px !important}
.pl10 {padding-left:10px !important}
.pl15 {padding-left:15px !important}
.pl20 {padding-left:20px !important}
.pl30 {padding-left:30px !important}
.pl40 {padding-left:40px !important}
.pt10 {padding-top:10px !important}
.pt15 {padding-top:15px !important}
.pt20 {padding-top:20px !important}
.pt30 {padding-top:30px !important}
.pt33 {padding-top:33px !important}
.pt38 {padding-top:38px !important}
.pt40 {padding-top:40px !important}
.pt50 {padding-top:50px !important}
.pb10 {padding-bottom:10px !important}
.pb40 {padding-bottom:40px !important}
.w50 {width: 50px !important;}
.w60 {width: 60px !important}
.w100 {width: 100px !important}
.w200 {width: 200px !important}
.w300 {width: 300px !important}
.w400 {width: 400px !important}
.w_25 {width: 25% !important}
.w_30 {width: 30% !important}
.w_35 {width: 35% !important}
.w_45 {width: 45% !important}
.w_100 {width: 100% !important}

.f_12 {font-size: 12px !important;} 
.f_13 {font-size: 13px !important;} 
.f_14 {font-size: 14px !important; line-height: 20px;} 
.f_18 {font-size: 18px !important;} 

.al {text-align: left !important;}
.ac {text-align: center!important;}
.ar {text-align: right!important;}
.vt {vertical-align: top!important;}
.vm {vertical-align: middle!important;}
.vb {vertical-align: bottom!important;}

.cl_bo {clear: both !important;}
.f_left {float: left !important;}
.f_right {float: right !important;}
.over_h {overflow: hidden !important;}
.wb_keep {word-break: keep-all !important;}

dl.skipnavi {position:relative;z-index: 500;}
dl.skipnavi dt {display:none}
dl.skipnavi dd a {position:absolute; left:0; top:-50px; font-size:0}
dl.skipnavi dd a:active, dl.skipnavi dd a:focus {display:block; left:0; top:0; z-index:51; width:400px; height:30px; padding-top:9px; text-align:center; background:#333; line-height:14px; text-decoration:none; color:#fff; font-size:12px; font-weight:bold}

/*서브공통*/
.board_title {display: flex; justify-content: space-between;}
.board_title.ac {justify-content: center;}
.board_title .point_txt {position: relative; padding-left: 10px;}
.board_title .point_txt::after {content: '*'; position: absolute; left: 0; top: 1px;}
.board_title .btn4 {top: -10px;}
.board_title h3.h3 {display: inline-block; padding-bottom: 10px; color: #3088ef; font-size: 22px; line-height: 22px; border-bottom: 2px solid #3088ef;}
h3.h3 {margin-bottom: 25px; color: #333; font-size: 30px; line-height: 30px;}
h4.h4 {margin-bottom: 15px; color: #222; font-size: 20px; line-height: 20px; font-weight: 600;}
h4.h4 span {color: #666; font-size: 16px; font-weight: 400;}
.division_box {overflow: hidden; position: relative;}
.division_box p { word-break:keep-all; }
.division_box.point h3 {color:#3088ef;} 
.division_box.point li {text-decoration:underline;}
.list_type > li {position: relative; padding-left: 10px; margin-bottom: 10px;}
.list_type > li:last-child {margin-bottom: 0;}
.list_type > li::after {content: ''; position: absolute; left: 0; top: 11px; width: 3px; height: 3px; background-color: #3088ef;}
.list_type2 > li::after {}
.num > li {position: relative; padding-left: 20px;}
.num > li::after {position: absolute; left: 0; top: 0;}
.num > li:nth-child(1)::after {content: '①'}
.num > li:nth-child(2)::after {content: '②'}
.num > li:nth-child(3)::after {content: '③'}
.num > li:nth-child(4)::after {content: '④'}
.num > li:nth-child(5)::after {content: '⑤'}
.num > li:nth-child(6)::after {content: '⑥'}
.num > li:nth-child(7)::after {content: '⑦'}
.num > li:nth-child(8)::after {content: '⑧'}
.hangul {padding-left: 20px;}
.hangul li {list-style: hangul;}
.box_type {padding: 20px; background-color: #fbfbfb; border: 1px solid #d2d2d2;}
.img_box {text-align: center;}
.img_box img {max-width: 100%;}
.point_txt {font-size: 14px; color: #f60505;}
.indent {padding-left: 20px; text-indent: -20px;}

.midarea .sub_top {padding-top: 170px; height: 350px; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.midarea .sub_top.sub1 {background-image: url('/production/images/web/sub_img1.jpg');}
.midarea .sub_top.sub2 {background-image: url('/production/images/web/sub_img2.jpg');}
.midarea .sub_top.sub3 {background-image: url('/production/images/web/sub_img3.jpg');}
.midarea .sub_top.sub4 {background-image: url('/production/images/web/sub_img4.jpg');}
.midarea .sub_top.sub5 {background-image: url('/production/images/web/sub_img5.jpg');}
.midarea .sub_top .box h2 {margin-bottom: 20px; width: 100%; color: #fff; font-size: 45px; font-weight: 800; line-height: 45px; text-align: center; font-family: 'NanumSquare', 'Noto Sans KR', sans-serif;}
.midarea .sub_top .box .nav_list {display:none; }
/* .midarea .sub_top .box .nav_list {display: flex; justify-content: center;} */
.midarea .sub_top .box .nav_list li {position: relative; padding: 0 15px;}
.midarea .sub_top .box .nav_list li::after {content: ''; position: absolute; right: -2px; top: 6px; width: 7px; height: 7px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg);}
.midarea .sub_top .box .nav_list li:last-child::after {display: none;}
.midarea .sub_top .box .nav_list li a.home {display: block; width: 12px; height: 20px; background-repeat: no-repeat; background-image: url('/production/images/web/nav_home.png'); background-position: center center;}
.midarea .sub_top .box .nav_list li .text {display: block; color: #fff; font-size: 15px; line-height: 20px;}
.midarea .sub_top .box .lnb {margin-top: 60px; display: flex; justify-content: center;}
.midarea .sub_top .box .lnb li {margin: 0 5px;}
.midarea .sub_top .box .lnb li a {display: block; width: 150px; color: #555; font-weight: 500; text-align: center; line-height: 40px; border-radius: 40px; background-color: #fff;}
.midarea .sub_top .box .lnb li.active a {color: #fff; background-color: #3088ef;}
.midarea .contentsarea {margin:80px auto; width: 1250px;}
.midarea .contentsarea .contents_title {margin-bottom: 50px; text-align: center;}
.midarea .contentsarea .contents_title h2 {color: #222; font-size: 40px; line-height: 40px; font-weight: 600; font-family: 'NanumSquare', 'Noto Sans KR', sans-serif;}
/* 240528 로케이션 추가 */
.location { text-align:center; border-bottom:1px solid #eee; }
.location ul { display:flex; justify-content:center; align-items:center; gap:3em; height:60px; }
.location ul li { position:relative; line-height: 60px; }
.location ul li::before { content:""; position:absolute; bottom:-2px; left:50%; width:140%; margin-left:-70%; height:4px; background:#7e118e; display:none; }
.location ul li a { font-size:18px; color:#2c2c2c; display:block; }
.location ul li:hover::before,
.location ul .active::before { display:block; }
.location ul li:hover a, 
.location ul .active a { color:#7e118e; }
 


/*표준계약서*/
.contract_area .title_box {margin-bottom: 50px;}
.contract_area .title_box p {margin: 0 auto; display: flex; width: 760px; height: 70px; justify-content: center; align-items: center; color: #fff; font-size: 24px; font-weight: 500; background-color: #3088ef; border-radius: 70px; word-break:keep-all; }
.contract_area .info {display: flex; align-items: center; word-break: keep-all;}
.contract_area .info dt {padding: 0 20px; display: flex; align-items: center; justify-content: center; width: 177px; height: 70px; color: #fff; font-weight: 500; background-color: #3088ef; border-radius: 70px; text-align: center; line-height: 22px;}
.contract_area .info dd {padding-left: 30px;}
.contract_area .info dd ul {display: flex; }
.contract_area .info dd ul li {position: relative; display: flex; align-items: center; padding: 0 48px 0 50px; height: 70px; background-repeat: no-repeat; background-position: left center;}
.contract_area .info dd ul li::after {content: ''; position: absolute; top: calc(50% - 6px); right: 20px; width: 8px; height: 13px; background: url('/production/images/web/icon_arrow4.png') 0 0 no-repeat;}
.contract_area .info dd ul li:last-child::after {display: none;}
.contract_area .info dd ul li.icon1 {background-image: url('/production/images/web/icon_contents1_2_1.png');}
.contract_area .info dd ul li.icon2 {background-image: url('/production/images/web/icon_contents1_2_2.png');}
.contract_area .info dd ul li.icon3 {background-image: url('/production/images/web/icon_contents1_2_3.png');}
.contract_area .info dd ul li.icon4 {background-image: url('/production/images/web/icon_contents1_2_4.png');}
.contract_area .info dd ul li.icon5 {background-position: left 6px center; background-image: url('/production/images/web/icon_contents1_2_5.png');}

/*신고절차안내*/
.outline_list {padding: 30px; display: flex; justify-content: center; align-items: center; background-color: #f9f9f9;}
.outline_list > li {}
.outline_list > li.icon1 {background-position: center top 27px; background-image: url('/production/images/web/icon_contents3_1_1.png');}
.outline_list > li.icon2 {background-position: center top 28px; background-image: url('/production/images/web/icon_contents3_1_2.png');}
.outline_list > li.icon3 {background-position: center top 27px; background-image: url('/production/images/web/icon_contents3_1_3.png');}
.outline_list > li.icon4 {background-position: center top 28px; background-image: url('/production/images/web/icon_contents3_1_4.png');}
.outline_list > li.icon5 {background-position: center top 28px; background-image: url('/production/images/web/icon_contents3_1_5.png');}
.outline_list > li.text {padding-top: 70px; width: 140px; height: 140px; border: 1px solid #ababab; background-color: #fff; border-radius: 140px; background-repeat: no-repeat;}
.outline_list > li.text p {display: flex; justify-content: center; align-items: center; height: 55px; font-weight: 500; line-height: 22px; text-align: center; word-break: keep-all;}
.outline_list > li.text p span { font-size:14px; color:#444; }
.outline_list > li.arrow {display: flex; justify-content: center; width: 80px; flex-wrap: wrap;}
.outline_list > li.arrow .icon {position: relative; width: 36px; height: 17px;}
.outline_list > li.arrow .icon { font-size:0; }
.outline_list > li.arrow .icon::after, .outline_list > li.arrow .icon::before {content: ''; position: absolute;}
.outline_list > li.arrow .icon::after {left: 0; top: 7px; width: 33px; height: 3px; background-color: #3088ef;}
.outline_list > li.arrow .icon::before {right: 2px;top: 2px; width: 10px; height: 10px; border-top: 3px solid #3088ef; border-right: 3px solid #3088ef; transform: rotate(45deg);}
.outline_list > li.arrow .icon.reverse {transform: rotate(180deg);}
.outline_list > li.arrow .icon.reverse::after {background-color: #ed1c24;}
.outline_list > li.arrow .icon.reverse::before {border-color: #ed1c24;}
.outline_list > li.arrow .txt {color: #444; font-size: 14px;}
/*faq*/
.faq_list > li {border: 1px solid transparent; border-bottom: 1px solid #e4e4e4;}
.faq_list > li dl {display: flex; width: 100%;}
.faq_list > li dl dt {padding: 20px 0; width: 80px; font-size: 24px; font-weight: 500; text-align: center;}
.faq_list > li dl dd {padding: 25px 5px; width: calc(100% - 80px); font-size: 18px; line-height: 28px; }
.faq_list > li a {position: relative; display: block; padding-right: 100px;}
.faq_list > li a > span {position: absolute; top: calc(50% - 20px); right: 40px; width: 40px; height: 40px; border-radius: 40px; background-color: transparent; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.faq_list > li a > span::after, .faq_list > li a > span::before {content: ''; position: absolute; top: 20px; width: 13px; height: 2px; background-color: #999; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.faq_list > li a > span::after {left: 9px; transform: rotate(42.6deg);}
.faq_list > li a > span::before {right: 9px; transform: rotate(-42.6deg);}
.faq_list > li a dl dt {color: #2c384a;}
.faq_list > li .answer {display: none; padding-right: 50px; background-color: #fafafa;}
.faq_list > li .answer li dl dt {color:#828385;}
.faq_list > li.active {border: 1px solid #3088ef;}
.faq_list > li.active .answer {display: block;}
.faq_list > li.active a > span {background-color: #3088ef;}
.faq_list > li.active a > span::after, .faq_list > li.active a > span::before {top: 18px; background-color: #fff;}
.faq_list > li.active a > span::after {transform: rotate(-42.6deg);}
.faq_list > li.active a > span::before {transform: rotate(42.6deg);}

/*로그인*/
.log_area .log_top, .log_bottom .info_text {margin-bottom: 40px; font-size: 18px; text-align: center;}
.log_area .log_top.finish {margin: 100px 0; font-weight: 500;}
.log_area .box {margin: 0 auto;}
.log_area .box.box1 {width: 470px;}
.log_area .box.box2 {width: 610px;}
.log_area .box .inpbox {margin-bottom: 15px; width: 100%; height: 50px; border: 1px solid #dadada;}
.log_area .box .inpbox input {padding: 0 20px;}
.log_area .box .inpbox input:focus {color: #333; font-weight: 500; outline: 1px solid #3088ef;}
.log_area .box .inpbox input::placeholder {color:#888888;}
.log_area .box .list {overflow: hidden; margin-bottom: 15px;}
.log_area .box .list dt {float: left; width: 120px; font-weight: 500; line-height: 50px;}
.log_area .box .list dd {float: right; width: 350px;}
.log_area .box .list dd .inpbox {margin-bottom: 0;}
.log_area .box .list dd.text {color: #f60505; font-size: 14px;}
.log_area .box.box2 .list dt {width: 150px;}
.log_area .box.box2 .list dd {display: flex; justify-content: space-between; float: right; width: 460px;}
.log_area .box.box2 .list dd .inpbox {width: 350px;}
.log_area .box.box2 .list dd .btn {width: 100px; height: 50px;}
.log_area .box.box2 .list dd .btn:hover {color: #fff; background-color: #333;}
.log_area .box.box2 .list dd.text {color: #f60505; font-size: 14px;}
.log_area .box .btn_box {padding: 10px 0; display: flex; width: 100%; justify-content: space-between;}
.log_area .box .btn_box a { text-align:center; line-height:55px; }
.log_area .box .btn_box.full {padding: 15px 0 10px;}
.log_area .box .btn_box.full a {width: 100%; height: 60px; font-size: 20px; font-weight: 500; display:block; text-align:center; line-height:60px; }
.log_area .btn_verification {margin: 60px auto; padding-top: 90px; display: block; width: 240px; height: 150px; color: #3088ef; font-size: 18px; font-weight: 500; background-repeat: no-repeat; background-position: center top 18px; border: 1px solid #3088ef; background-image: url('/production/images/web/icon_phon.png');}
.log_area .btn_verification:hover {color: #fff; background-image: url('/production/images/web/icon_phon_on.png'); background-color: #3088ef;}
.log_area .agree_box {overflow-y: auto; margin-bottom: 15px; padding: 20px; height: 200px; border: 1px solid #d2d2d2;}
.log_bottom {margin-top: 30px; padding-top: 30px; border-top: 1px solid #929bac;}

.step_list {position: relative; display: flex; justify-content: center; margin-bottom: 60px;}
.step_list::after {content: ''; z-index: 2; position: absolute; left: calc(50% - 380px); top: 50%; width: 760px; height: 1px; background-color: #e5e5e5;}
.step_list li {position: relative; z-index: 3;}
.step_list li.step {padding-top: 60px; width: 120px; height: 120px; border-radius: 120px; background-color:#8B949F; background-repeat: no-repeat;}
.step_list li.step.step1 {background-position: center top 28px; background-image: url('/production/images/web/icon_joinstep1.png');}
.step_list li.step.step2 {background-position: center top 28px; background-image: url('/production/images/web/icon_joinstep2.png');}
.step_list li.step.step3 {background-position: center top 33px; background-image: url('/production/images/web/icon_joinstep3.png');}
.step_list li.step.step4 {background-position: center top 26px; background-image: url('/production/images/web/icon_joinstep4.png');}
.step_list li.step.step5 {background-position: center top 27px; background-image: url('/production/images/web/icon_joinstep5.png');}
.step_list li.step.active {background-color: #3088ef;font-weight:700;}
.step_list li.step.active p span {font-weight:700;}
.step_list li.step p {display: flex; height: 50px; align-items: center; text-align: center;}
.step_list li.step p span {padding: 0 15px; width: 100%; color: #fff; font-size: 17px; font-weight: 500; word-break: keep-all; line-height: 20px;}
.step_list li.arrow {width: 70px; background-repeat: no-repeat; background-position: center center; background-image: url('/production/images/web/icon_arrow2.png');}
/*마이페이지*/
.my_text {padding: 80px 0; font-size: 18px; text-align: center;}
#repre {margin-top:50px;}

/*개인정보처리방침*/
.agree_box.fixheight { height:460px; }
.agree_box h3 {margin-bottom:10px; color: #333; font-size:16px; font-weight: 600;}
.agree_box p { font-size:16px; }
.agree_box .text {color: #666; font-size: 15px; font-weight: 400;}
.agree_box ul > li {margin-bottom: 10px; color: #333; font-weight: 500; font-size: 16px;}
.agree_box ul.hangul > li {margin-bottom: 5px;}
.agree_box ul > li:last-child {margin-bottom: 0 !important;}
.agree_box ul > li ul {font-size: 15px;}
.agree_box .tablebasic table tr th {font-size: 15px;}
.agree_box .tablebasic table tr td {color: #666; font-size: 15px; font-weight: 400;}
.log_area .table-wrap { }
.log_area .table-wrap table { width:100%; border:1px solid #dedede; }
.log_area .table-wrap table tr { border-bottom:1px solid #dedede; }
.log_area .table-wrap table th,
.log_area .table-wrap table td { padding:5px 10px; font-size:16px; font-weight:400; }
.log_area .table-wrap table th { background:#f8f8f8; font-weight:500; border-right:1px solid #dedede; font-size:15px; }
.log_area .table-wrap table td { font-size:15px; letter-spacing:-0.5px; color:#808080; }

/* 카드뉴스 */
.blind {position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0 none;overflow:hidden;clip:rect(0, 0, 0, 0);}
.cardNews_slider {position:relative;width:100%;}
.cardNews_slider .swiper-notification {display:inline;}
.cardNews_slider img {margin:0 !important;}
.cardNews_navi {width:100%;margin-bottom:70px;padding:54px 0 50px;line-height:15px;text-align:center;border-bottom:1px solid #9ba5af;}
.cardNews_navi button {line-height:15px;vertical-align:bottom;}
.cardNews_navi button.swiper-button-disabled {opacity:0.35;cursor:auto;pointer-events:none;}
.cardNews_navi .cardNews_prev,
.cardNews_navi .cardNews_next {width:29px;height:15px;background-repeat:no-repeat;background-position:center;}
.cardNews_navi .cardNews_prev {background-image:url(/production/images/web/icon_cardNews_prev.png);}
.cardNews_navi .cardNews_next {background-image:url(/production/images/web/icon_cardNews_next.png);}
.cardNews_navi .cardNews_pagination {position:static;display:inline-block;text-align:left;width:auto;margin-left:1px;}
.cardNews_navi .swiper-pagination-bullet {position:relative;width:15px;height:15px;padding-top:15px;overflow:hidden;border-radius:15px;vertical-align:top;background-color:#d9d9d9;opacity:1;transition:all 0.3s;}
.cardNews_navi .swiper-pagination-bullet + .swiper-pagination-bullet {margin-left:14px;}
.cardNews_navi .swiper-pagination-bullet-active {background-color:#000;width:30px;}
.cardNews_navi .control {display:inline-block;}
.cardNews_navi .control button {position:relative;}
.cardNews_navi .control .cardNews_start,
.cardNews_navi .control .cardNews_stop {width:29px;height:15px;background-repeat:no-repeat;background-position:center;}
.cardNews_navi .control .cardNews_start {display:none;background-image:url(images/web/icon_cardNews_play.png);}
.cardNews_navi .control .cardNews_stop {background-image:url(images/web/icon_cardNews_stop.png);}
.cardNewsThumbs {position:relative;width:1146px; height:400px; margin:0 auto;overflow:hidden;}
.cardNewsThumbs .swiper-slide {position:relative;opacity:0;}
.cardNewsThumbs .swiper-slide .img {position:relative;display:inline-block;width:100%;padding:15px;}
.cardNewsThumbs .swiper-slide .img::before {content:'';position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid #eee;z-index:-1;box-sizing:border-box;}
.cardNewsThumbs .swiper-slide img {width:100%;background:#ddd;}
.cardNewsThumbs .swiper-slide .txt {position:relative;display:inline-block;width:100%;margin-top:20px;}
.cardNewsThumbs .swiper-slide .txt span {display:inline-block;font-size:18px;color:#333;font-weight:400;text-align:center;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2;letter-spacing:-0.5px;}
.cardNewsThumbs .swiper-slide .txt .tit {font-weight:700;margin-bottom:2px;}
.cardNewsThumbs .swiper-slide-visible {opacity:1;}
.cardNewsThumbs .swiper-slide-visible img {opacity:0.5;transition:all 0.2s;}
.cardNewsThumbs .swiper-slide-thumb-active .img::before {border:2px solid #01376a;}
.cardNewsThumbs .swiper-slide-thumb-active img {opacity:1;background:#eee;}
.cardNews {position:relative;width:700px;margin:0 auto;overflow:hidden;}
.cardNews .swiper-slide img {width:100%;}
.cardNewsWrap { position:relative; }
 .cardNews_navi2 { border-bottom:0; margin-bottom: 0; padding: 0; }
 .cardNews_navi2 .cardNews_prev, 
 .cardNews_navi2 .cardNews_next { background-image:none; font-size:45px; position:absolute; top:50%; width:45px; height:50px; border:1px solid; }
 .cardNews_navi2 .cardNews_prev { left:0; }
 .cardNews_navi2 .cardNews_next { right:0; }

/* 표준계약서안내 탭메뉴 */
.subTab { display:inline-block; width:100%; border-top:2px solid #000; border-bottom:1px dotted #565656; margin-bottom:100px; }
.subTab ul { display:flex; justify-content:space-between; }
.subTab li { word-break:keep-all; text-align:center; position:relative; padding:10px 15px; }
.subTab li::after {
	content:"";
	position: absolute;
    bottom:-1px;
    left:0;
    width:100%;
    height:3px;
    background:#3088ef;
    display:none;
}
.subTab li::before { 
	content:"";
    position: absolute;
    top: 50%;
    left: -66px;
    width: 1px;
    height: 15px;
    background: #c4c4c4;
    margin-top: -8px; 
 }
.subTab li:first-child::before { display:none; }
.subTab li span { display:block; }
.subTab li a { font-size:16px; color:#000; letter-spacing:-1px; line-height:1; }
.subTab li:hover a,
.subTab .active a { font-weight:600; letter-spacing:-1.1px; }
.subTab li:hover::after,
.subTab .active::after { display:block; }

 
 /* 모바일 전체 메뉴  */
header.mo_ver {position:fixed;left:0;top:0;width:100%;z-index:999; display:none;}
header.mo_ver .allMenu,
header.mo_ver #gnb {display:none;}
header.mo_ver.on {position:fixed;left:0;top:0;width:100%;}
header.mo_ver.on::before {height:120px;background-color:rgba(255,255,255,.3); -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);}
header.mo_ver::before,
.scroll_active #header::before,
header.mo_ver.on::before {height:60px !important;}
.scroll_active .allMenu::before,
.scroll_active .allMenu i,
header.mo_ver.on .allMenu::before,
header.mo_ver.on .allMenu i {background-color:#2e2e2e;}
.allMenuOpen {overflow:hidden;}
header.mo_ver #gnb {position:fixed;top:0;right:0;font-size:20px;width:80%;height:100%;z-index:9999;}

header.mo_ver #gnb::before { content:""; position:absolute; top:0; left:-30%; width:100%; height:100%; background:rgba(0,0,0,.6); }
.allMenu.active + #gnb {display:block;}
header.mo_ver #gnb .close {display:block;position:fixed;background:none;right:20px;top:20px;width:25px;height:25px;z-index:3;}
header.mo_ver #gnb .close button {position:relative;display:block;width:100%;height:100%;padding-top:27px;right:auto;top:auto;overflow:hidden;text-indent:-9999px;}
header.mo_ver #gnb .close > button::before,
header.mo_ver #gnb .close > button::after {content:'';position:absolute;left:0;width:26px;height:2px;background-color:#141414;-webkit-transition:all 0.3s;transition:all 0.3s;}
header.mo_ver #gnb .close > button::before { left:0; top:10px; width:25px; margin-left:0; transform:translateX(0px)translateY(0px) rotate(45deg); }
header.mo_ver #gnb .close > button::after { left:0; bottom:0px; width:25px; margin-left:0; transform:translateX(0px)translateY(-15px) rotate(-45deg); }
header.mo_ver #gnb .close > button i {display:none;}
header.mo_ver #gnb .gnb_wrap {position:relative;float:right;width:100%;padding:50px 0 0;margin:0;height:100%;overflow-x:hidden;background:#fff; }
header.mo_ver #gnb .topmenu { display:inline-block; width:100%; position:relative; z-index:2; padding:0 20px; }

header.mo_ver #gnb .logo { padding:0; }
header.mo_ver #gnb .logo a { color:#39373a; font-size:24px; font-weight:900; letter-spacing:-2px; }
	
header.mo_ver #gnb .join { display:flex; float:right; margin-top:10px; }
header.mo_ver #gnb .join ul { position:relative; min-width:150px; display:flex; justify-content:flex-end; gap:13px; align-items:center; }
header.mo_ver #gnb .join li .member { border:2px solid #141414; border-radius:20px; padding:2px 17px; display:block; color:#141414; }
header.mo_ver #gnb .join li .log { font-size:0; }
header.mo_ver #gnb .join ul .ri-login-box-line::before {
	content:"\eed4";
	font-family:'remixicon';
	font-size:18px;
	color:#141414;
	border:2px solid #141414;
	border-radius:50%;
	padding:5px 6px 5px 5px;
	text-align:center;
}
header.mo_ver #gnb .join li:hover .member,
header.mo_ver #gnb .join li:hover .ri-login-box-line:before { background:#000; border-color:#000; color:#fff; }

header.mo_ver #gnb .gnb_body {position:relative;z-index:1; border-top:1px solid #e5e5e5; margin-top:50px; }
header.mo_ver #gnb .gnb_list > li + li {margin-left:0;}
header.mo_ver #gnb .gnb_list > li {position:static;display:block; }
header.mo_ver #gnb .gnb_list > li.gnb_1depth1 {width:auto;}
header.mo_ver #gnb .gnb_list > li::after,
header.mo_ver #gnb .gnb_list > li > a::before {display:none;}
header.mo_ver #gnb .gnb_list > li > a {font-size:20px;font-weight:600;display:block;position:relative;width:100%;height:auto;padding: 20px 10px 20px 40px;background:none;color:#2f2f2f;-webkit-transition:all 0.2s;transition:all 0.2s; }
header.mo_ver #gnb .gnb_list > li:first-child > a { border-top:0; }
header.mo_ver #gnb .gnb_list > li > a > b { position:relative; }
header.mo_ver #gnb .gnb_list > li > a > span {display:inline-block; position:absolute; right:40px; top:28px;width:22px;height:22px;text-indent:-9999px;overflow:hidden; }
header.mo_ver #gnb .gnb_list > .dep > a > span::before,
header.mo_ver #gnb .gnb_list > .dep > a > span::after {content:'';position:absolute;background-color:#2f2f2f;}
header.mo_ver #gnb .gnb_list > .dep > a > span::before {left:9px; top:3px; width:2px; height:14px;}
header.mo_ver #gnb .gnb_list > .dep > a > span::after {left:3px; top:9px; width:14px; height:2px;}
header.mo_ver #gnb .gnb_list > .active > a > span::before {display:none;}
header.mo_ver #gnb .gnb_list .gnb_2depth {height:auto;padding:12px 10%;background:#f5f5f5;position:relative; display:none; }
header.mo_ver #gnb .gnb_list .gnb_2depth::before {display:none;}
header.mo_ver #gnb .gnb_list > li.active .gnb_2depth {visibility:visible;overflow:hidden;width:auto;height:auto;}
header.mo_ver #gnb .gnb_list .gnb_2depth > li {float:left;margin:0;width:50%;padding:6px 14px 6px 20px; display:flex; justify-content: center;}
header.mo_ver #gnb .gnb_list .gnb_2depth > li:only-child { width:100%; }
header.mo_ver #gnb .gnb_list .gnb_2depth > li > a {position:relative;display:block;font-size:19px;padding:0 10px;color:#4b4b4b;}
header.mo_ver #gnb .gnb_list .gnb_2depth > li.dep > a:after {content:'';position:absolute;top:auto;left:auto;right:auto;font-family:"xeicon";right:0;color:#4b4b4b;-webkit-transition:all 0.2s;transition:all 0.2s;}
header.mo_ver #gnb .gnb_list .gnb_2depth > li.active > a:after {webkit-transform:rotate(180deg);transform:rotate(180deg);}
header.mo_ver #gnb .gnb_list .gnb_2depth > li > a:focus,
header.mo_ver #gnb .gnb_list .gnb_2depth > li > a:hover,
header.mo_ver #gnb .gnb_list .gnb_2depth > li.active > a {color:#333;}



/* 반응형 - media qurey 시작 */
/* 넓이가 1250px 이하일 때*/
@media all and (max-width:1250px){
	.midarea .contentsarea { width:100%; padding:0 10px; }
	.maincontents { width:100%; padding:0 10px; gap:1em; justify-content:space-around; }
	.maincontents .section1 { width:65%; }
	.maincontents .section2 { width:35%; }
}
/* 넓이가 1240px 이하일 때*/
@media all and (max-width:1240px){
	.midarea .contentsarea { width:100%; padding:0 10px; }
	.cardNewsThumbs { height:370px; }
	.cardNews_navi button { vertical-align: bottom; }	
}
/* 넓이가 1200px 이하일 때*/
@media all and (max-width:1200px){	
	.cardNewsThumbs { width:80%; }
	.outline_list { padding:30px 10px; }
	.outline_list > li.text { width:120px; height:120px; padding-top:60px; }
	.outline_list > li.text p { line-height:18px; font-size:14px; }
	.outline_list > li.icon1 { background-size:20px; }
	.outline_list > li.icon2 { background-size:29px; }
	.outline_list > li.icon3 { background-size:36px; }
	.outline_list > li.icon4 { background-size:33px; }
	.outline_list > li.icon5 { background-size:38px; }
	.outline_list > li.arrow .icon { width:30px; }
	.outline_list > li.arrow .icon::before { right:-1px; }
	.cardNews_navi { padding:0 0 50px; }
	.maincontents .section1 .list li a .date { width:10%; }
	.maincontents .section1 .list li a .detail { width:83%; }
	.midarea .main_img a .area .text_box p { margin-bottom:0; font-size:22px; }
	.midarea .main_img a .area .text_box h3 { font-size:30px; }	
}
/* 넓이가 1140px 이하일 때*/
@media all and (max-width:1140px){
	.allMenuOpen header.mo_ver { display:block; }
	.location { display:none; }
}
/* 넓이가 1000px 이하일 때*/
@media all and (max-width:1000px){	
	.step_list::after { left:calc(50% - 350px); width:700px; }
	.step_list li.step { width:100px; height:100px; }
	.step_list li.step.step1 { background-size:22px; }
	.step_list li.step.step2 { background-size:19px; background-position:center top 20px; }
	.step_list li.step.step3 { background-size:35px; background-position:center top 26px; }
	.step_list li.step.step4 { background-size:20px; background-position:center top 23px; }
	.step_list li.step.step5 { background-size:29px; background-position:center top 22px; }
	.step_list li.step p span { font-size:15px; line-height:17px; }
	.step_list li.arrow { width:50px; }
	.step_list li.step { padding-top:40px; }
	.midarea .main_img a .area .icon { width:140px; height:140px; background-size:45%; }	
}
/* 넓이가 900px 이하일 때*/
@media all and (max-width:900px){
	.cardNewsThumbs { height:300px; }
	.cardNews { width:500px; height:500px; }
	.contract_area .title_box p { width:600px; font-size:22px; padding:8px 30px 10px; height:auto; }
	h3.h3 { font-size:26px; }	
	header.mo_ver { display:block; }
	header.mo_ver .allMenu { display:block; }	
	.log_area .box .btn_box.full { padding:10px 0 0; }	
	.log_area .box .btn_box.full a { height:50px; line-height:50px; }
	.btn { width:120px; height:45px; }
	.btn_2 { height:45px; }
	.log_area .box .btn_box a { line-height:45px; }
	.midarea .main_img { height:660px; }
	.midarea .main_img li .area .icon { width:120px; height:120px; background-size:50px; }
	.midarea .main_img li .area .text_box p { font-size:21px; }
	.midarea .main_img li .area .text_box h3 { font-size:32px; line-height:32px; }	
	.maincontents .section1 .list li a .detail { width:75%; }	
	.maincontents .section1 h3 { font-size:26px; margin-bottom:40px; }
	.maincontents .section1 .list li a { height:90px; }
	.maincontents .section1 .list li a .detail h4 { font-size:16px; padding-bottom:5px; }	
	.maincontents .section1 .list li a .arrow { width:40px; height:40px; }
}
/* 넓이가 800px 이하일 때*/
@media all and (max-width:800px){
	.board_title.board_title2 { display:inline-block; }
	.board_title.board_title2 .h4 { margin-bottom:5px; }
}
/* 넓이가 767px 이하일 때*/
@media all and (max-width:767px){		
	.midarea .contentsarea .contents_title h2 { font-size:32px; line-height:32px; }
	.midarea .sub_top .box h2 { font-size:40px; }
	.cardNewsThumbs { height:350px; } 
	.cardNewsThumbs .swiper-slide .txt span { font-size:16px; }
	.cardNews_navi { padding:30px 0 50px; }
	.cardNews_navi .swiper-pagination-bullet { width:12px; height:12px; padding-top:12px; }
	.cardNews_navi .swiper-pagination-bullet-active { width:20px; }
	.cardNews_navi .cardNews_prev, .cardNews_navi .cardNews_next { height:12px; }
	.cardNews_navi .swiper-pagination-bullet + .swiper-pagination-bullet { margin-left:9px; }
	.cardNews_navi2 .cardNews_prev, .cardNews_navi2 .cardNews_next { width:35px; height:40px; font-size:40px; }
	.cardNews { width:500px; height:500px; }	
	.division_box.mb50 { margin-bottom:30px !important; }
	.division_box.mb100 { margin-bottom:50px !important; }
	.division_box p { font-size:15px; line-height:1.4; }
	h4.h4 { font-size:18px; }
	h3.h3 { font-size:23px; margin-bottom:10px; }
	.list_type > li { margin-bottom:0; }
	.btn_download { background-size:20px; background-position:right 10px center; }
	.btn_download p { font-size:13px; }
	.btn_download p span { font-size:14px; }
	.midarea .main_img a .area .text_box h3 { font-size:28px; line-height:28px; }
	.midarea .main_img a .area .text_box p { font-size:19px; }			
	.maincontents { display:inline-block; }
	.maincontents .section1 { width:100%; }
	.maincontents .section2 { width:100%; margin-top:50px; }	
	.maincontents .section1 h3 { text-align:center; margin-bottom:10px; }
	.maincontents .section1 .list li a { height:80px; gap:1em; }	
	.step_list li.step { width:80px; height:80px; display:flex; justify-content:center; align-items:center; padding-top:0; }
	.step_list li.step.step1,
	.step_list li.step.step2,
	.step_list li.step.step3,
	.step_list li.step.step4,
	.step_list li.step.step5 { background-image:none; }
	.step_list::after { left:calc(50% - 250px); width:500px; }
	.step_list li.arrow { width:30px; }			
}
/* 넓이가 630px 이하일 때*/
@media all and (max-width:630px){
	.log_area .box.box2 { width:100%; }
	.log_area .box.box2 .list dt { float:none; }
	.log_area .box.box2 .list dd { float:none; width:100%; gap:1em; }
	.log_area .box.box2 .list dd .inpbox { width:100%; }		
	.midarea .sub_top { padding-top:120px; height:250px; }
	.midarea .contentsarea { margin:40px auto 80px; }
	.midarea .sub_top .box .lnb { margin-top:0; }
	.midarea .sub_top .box .lnb li a { width:120px; line-height:30px; font-size:13px; }
	.cardNewsThumbs { height:300px; }
	.cardNews_navi { margin-bottom:0; }
}
/* 넓이가 600px 이하일 때*/
@media all and (max-width:600px){
	header.mo_ver #gnb .gnb_wrap { padding:40px 0 0; }
	header.mo_ver #gnb .topmenu { padding:0 10px; }
	header.mo_ver #gnb .logo a { font-size:21px; }
	header.mo_ver #gnb .logo span { display:block; }	
	header.mo_ver #gnb .join { margin-top:10px; }
	header.mo_ver #gnb .join ul { gap:inherit; }
	header.mo_ver #gnb .join .last { margin-left:5px; }
	header.mo_ver #gnb .gnb_body { margin-top:30px; }
	header.mo_ver #gnb .gnb_list > li > a { font-size:18px; padding:15px 10px 15px 23px; }
	header.mo_ver #gnb .gnb_list .gnb_2depth { padding:5px 0 7px; }
	header.mo_ver #gnb .gnb_list .gnb_2depth > li > a { font-size:16px; }
	header.mo_ver #gnb .gnb_list > li > a > span { right:20px; top:21px; width:18px; height:18px; }
	header.mo_ver #gnb .gnb_list > .dep > a > span::before, 
	header.mo_ver #gnb .gnb_list > .dep > a > span::after { background-color:#64686b; }
	header.mo_ver #gnb .gnb_list > .dep > a > span::before { left:7px; top:3px; width:1px; height:11px; }
	header.mo_ver #gnb .gnb_list > .dep > a > span::after { left:3px; top:8px; width:10px; height:1px; } 
	.cardNewsThumbs { height:300px; }
	.cardNews { width:400px; height:400px; }
	.btn_download { background-image:none; }
	.btn_download:hover { background-image:none; }
	.btn_download p { padding:0 10px; }
	.contract_area .title_box p { width:90%; line-height:1.2; }
	.contract_area .info dd { padding:10px 0 0 20px; }
	.contract_area .info dd ul li { height:auto; }
	.midarea .main_img { height:500px; }
	.midarea .main_img a .area { padding-top:175px; }
	.midarea .main_img a .area .icon { width:80px; height:80px; background-size:40px; }
	.midarea .main_img a .area .text_box p { font-size:16px; margin-bottom:5px; }
	.midarea .main_img a .area .text_box h3 { font-size:23px; line-height:23px; }	
	.maincontents .section1 h3 { font-size:24px; margin-bottom:0; }
	.maincontents .section2 .faq_box { height:60px; }
	.maincontents .section2 .faq_box h3 { line-height:60px; }		
	.faq_list > li dl dt { padding:15px 0; width:60px; font-size:21px; }
	.faq_list > li dl dd { padding:15px 5px; font-size:16px; line-height:21px; }
	.faq_list > li a > span { right:20px; }	
	.log_area .agree_box { padding:5px; }
	.tablebasic table tr td { padding:5px; }		
	.faq_list > li .answer dl dd p span { font-size:15px !important; } 	
	.faq_list > li.active a > span {background-color:transparent;}
	.faq_list > li.active a > span::after, 
	.faq_list > li.active a > span::before { background-color: #999;}	
	.board_detail .title_box .title { font-size:18px; }
	
}
/* 넓이가 500px 이하일 때*/
@media all and (max-width:500px){	
	header.mo_ver #gnb .gnb_list .gnb_2depth > li { float:none; width:100%; }
	.cardNewsThumbs { height:260px; }
	.cardNews { width:300px; height:300px; }
	.cardNews_navi { padding:0 0 50px; }
	.cardNews_navi .swiper-pagination-bullet { width:8px; height:8px; padding-top:8px; }
	.cardNews_navi .swiper-pagination-bullet-active { width:13px; }
	.cardNews_navi .swiper-pagination-bullet + .swiper-pagination-bullet { margin-left:7px; }
	.cardNews_navi .cardNews_prev, .cardNews_navi .cardNews_next { height:8px; }
	.cardNews_navi2 .cardNews_prev, .cardNews_navi2 .cardNews_next { height:35px; width:30px; font-size: 30px; }	
	.contract_area .title_box p { font-size:16px; padding:4px 30px 6px; text-align:center; }
	.division_box p { font-size:14px; }
	.contract_area .info dd ul li { font-size:14px; line-height:1.3; }
	h3.h3 { font-size:19px; }
	h4.h4 { font-size:16px; }
	.num > li { font-size:14px; }
	.list_type > li	{ font-size:14px; }
	.btn_download { height:auto; }
	.btn_download p { font-size:12px; line-height:1.2; padding:5px 10px; }
	.btn_download p span { font-size:12px; }
	.contract_area .info dd { padding:10px 0 0 10px; }
	.contract_area .info dd ul li { padding:0 40px 0 35px; }
	.contract_area .info dd ul li.icon1,
	.contract_area .info dd ul li.icon2,
	.contract_area .info dd ul li.icon3,
	.contract_area .info dd ul li.icon4 { background-size:25px; }
	.contract_area .info dd ul li.icon5 { background-size:20px; }
	.midarea .sub_top .box h2 { font-size:35px; margin-bottom:20px; }	
	.midarea .main_img { display:inline-block; width:100%; height:560px; }
	.midarea .main_img a .area { display:inline-block; height:160px; padding-top:40px; text-align:center; position:relative; }
	.midarea .main_img .main2,
	.midarea .main_img .main3 { height:180px; }	
	.midarea .main_img .main1 .area { padding-top:90px; height:210px; }
	.midarea .main_img a .area .inner { display:inline-block; }
	.midarea .main_img a .area .icon { float:left; margin-right:15px; }	
	.midarea .main_img a .area .text_box { float:left; }
	.midarea .main_img a .area.area1 .text_box { top:15px; }
	.midarea .main_img a .area.area2 { position:absolute; display:none; }	
	.maincontents .section1 .list li a .detail { width:65%; }	
	.step_list li.step { width:60px; height:60px; }
	.step_list li.step p span { padding:0 5px; font-size:14px; }
	.step_list::after { left:calc(50% - 150px); width:300px; }
	.step_list li.arrow { background-image:none; width:15px; }	
	.agree_box h3 { font-size:16px; margin-bottom:10px; }
	.btn { width:100px; height:35px; font-size:14px; }
	.log_area .box.box1 { width:100%; }
	.log_area .box .btn_box.full button { height:45px; }
	.btn_2 { height:35px; }
	.log_area .box .btn_box.full { padding:0; }	
	.log_area .box .btn_box { gap:1em; }
	.log_area .box .btn_box a { line-height:35px; } 	
}
/* 넓이가 410px 이하일 때*/
@media all and (max-width:410px){
	header.mo_ver #gnb .gnb_list > li.active > a { font-size:16px; }
	header.mo_ver #gnb .gnb_list .gnb_2depth > li > a { font-size:15px; }
	header.mo_ver #gnb .gnb_list .gnb_2depth > li { float:none; width:100%; display:block; padding:1px 14px 1px 20px; }
	.cardNews_navi { margin-bottom:30px; }
	.cardNews_navi2 { display:none; }	
}
/* 넓이가 400px 이하일 때*/
@media all and (max-width:400px){
	header.mo_ver #gnb .join { margin-top:20px; }
	header.mo_ver #gnb .close { right:10px; }
	.cardNewsThumbs { height:200px; }
	.cardNews_navi { padding:20px 0 50px; }
	.contract_area .info dd { padding:15px 0 0 10px; }
	.contract_area .info dd ul li { background-position:left 14px top; padding:30px 45px 0 0; align-items:baseline; }
	.contract_area .info dd ul li.icon5 { background-position:left 14px top; }
	.contract_area .info dd ul li::after { top:calc(50% - 17px); }
	.maincontents .section1 .list li a .detail { width:60%; }	
	.boardlist table { table-layout:fixed; }
	.step_list::after { display:none; }
	.step_list li.step { background-color:transparent; width:auto; }
	.step_list li.step.active { background-color:transparent; }	
	.step_list li.step p span { color:#000; }
	.step_list li.arrow { background-image: url(/production/images/web/icon_arrow2.png); }
	.log_area .box .inpbox { height:40px; }
	.log_area .box.box2 .list dd .btn { height:40px; } 	
	.log_area .log_top, .log_bottom .info_text { word-break:keep-all; }
	.faq_list > li dl dd { font-size:15px; }
	.faq_list > li a { padding-right:50px; }
	.faq_list > li a > span { right:10px; }
}




/* 개인정보처리방침 페이지 추가 241209 */
caption { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: polygon(0 0, 0 0, 0 0); }
table { width: 100%; border-collapse: collapse;  word-break: break-all; }
.termsWrap { color: #555; font-size: 17px; font-weight:400; }
.termsWrap > ol.list03 > li {padding:0 0 10px 15px;text-indent:-15px;}
.termsWrap > ol.list03 > li > ol, 
.termsWrap ol.list03 > li > ul  {padding:10px;}
.termsWrap > ol.list03 > li > ol.list03 > li {padding:0 0 7px 15px}

.termsWrap .tbl-responsive, 
.termsWrap .btn, 
.termsWrap .list04, 
.termsWrap .list01.type2, 
.text_indent_0 {text-indent:0 !important;}
.red { color: #b81613 ! Important; }
.blue { color: #0a6da6 ! Important; }
.termsWrap .btn span { display:inline-block; padding: 10px 16px; min-width: 35px; line-height: 17px; color: #fff; background: #0e73ab; border-radius: 3px; text-align: center; margin-left:10px; } 
.content_img a.zoom { position: absolute; bottom: 30px;  right: 0;  width: 29px;  height: 0;  padding-top: 29px;  display: none;  overflow: hidden; cursor: pointer; }
.ico_down:before { content: ""; display: inline-block; margin: -3px 4px 0 0; width: 13px; height: 12px;  vertical-align: middle; background: url(/production/images/web/icon_all.png) 0 -23px no-repeat; }
.box01 {padding:30px 35px;border:1px solid #d1d1d1;line-height:25px; margin-bottom: 40px;}
.tit01,
.tit01_ {padding:0 0 20px;color:#333;font-size:23px;line-height:29px; font-weight:500; margin-top:40px; }

.btn.small span { padding: 9px 16px 10px; line-height: 1em; background: #f5f4f2; border: 1px solid #d0cfcf; border-radius: 0; color: #333; font-size: 16px; margin-top:10px; font-weight:400; }
.tbl-type01 {position:relative;width:100%;border-top:1px solid #5e6b83;}
.tbl-type01 th {padding:10px 10px 12px;border-left:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;background:#f5f5f5;color:#333;text-align:center;line-height:1em; font-size: 16px; font-weight: 600; word-break: auto-phrase;}
.tbl-type01 th.bgno{background:#fff;}

.tbl-type01 td {padding:10px 10px 7px;border-bottom:1px solid #dcdcdc;border-left:1px solid #dcdcdc;font-weight:400;font-size: 15px; word-break: auto-phrase; }
.tbl-type01 th:last-child, .tbl-type01 td:last-child {border-right:1px solid #dcdcdc}
.tbl-type01 tr.bg01 td, 
.tbl-type01 tr.bg01 th {background:#e7f2f5;}
.tbl-type01 a.link {color:#0a6da6;text-decoration:underline; word-break: break-all}
.tbl-type01.bl_none th, 
.tbl-type01.bl_none td {border-left:0;}
.tbl-type01.bl_none th:last-child, 
.tbl-type01.bl_none td:last-child {border-right:0;}

.termsWrap a.viewbtn2 {display:inline-block; margin:0 0 20px 0; position:relative; background:#f5f5f5; border:1px solid #d2d2d0; border-radius:26px; padding:10px 53px 10px 25px;}
.termsWrap a.viewbtn2.open:after {position: absolute;content: '';top: 33%; right:27px; width:10px; height:10px;  border-top: 2px solid #3e5c8c; border-right: 2px solid #3e5c8c; display: inline-block;transform: rotate(135deg);}
.termsWrap a.viewbtn2.close:after {position: absolute;content: '';top: 43%; right:27px; width:10px; height:10px;  border-top: 2px solid #3e5c8c; border-right: 2px solid #3e5c8c; display: inline-block;transform: rotate(315deg);}
.termsWrap a.viewbtn2:hover{text-decoration:none; background:#e8e7e7; }
.termsWrap .viewbtn {text-align:center;}
.termsWrap .viewbtn span{position:relative; display:inline-block; margin-left:10px; letter-spacing:-0.5px; font-size:16px;background:#b2c5dc; border-radius:25px; padding:3px 40px 3px 20px;}
.termsWrap .viewbtn span.open:after{position: absolute;content: '';top: 30%; right:20px; width:8px; height:8px;  border-top: 2px solid #587e91; border-right: 2px solid #587e91; display: inline-block;transform: rotate(135deg); }
.termsWrap .viewbtn span.close:after{position: absolute;content: '';top: 43%; right:20px; width:8px; height:8px;  border-top: 2px solid #587e91; border-right: 2px solid #587e91; display: inline-block;transform: rotate(315deg); }
.termsWrap .viewbtn a:hover span{background:#c3d0df;}
.termsWrap .tit01.ac{margin-top:50px;}
.privacy_label{display:flex;  flex-wrap:wrap; justify-content:space-between; padding:0; margin-top:14px;}
.privacy_label .label_box{width:32%; box-sizing:border-box;padding:30px; margin-bottom:30px; text-align:center; border: 1px solid #dcdcdc; }
.privacy_label .label_box:hover{text-decoration:none; border: 1px solid #4d74c2;  box-shadow: 0 0.2rem 0.8rem rgba(22,71,170,0.2);}
.privacy_label .label_box .label_layer{display: none; position: absolute; box-sizing: border-box; border-radius: 8px; background-color: #fff; border: 1px solid #ccd8e6; width: 580px; z-index: 999; box-shadow: 0 0.2rem 0.8rem rgba(22,71,170,0.2);}
.privacy_label .label_box .label_layer .label_desc_top{width: 100%;box-sizing: border-box;padding:10px;background-color:#526faa;border-top-right-radius: 8px;border-top-left-radius: 8px;}
.label_desc_top p{color: #fff; text-align:left;}
.label_desc_btm {padding:15px 20px;}
.label_desc_btm p{ text-align:left;}
.privacy_label .label_cnt{padding-bottom:5px; margin-bottom:10px; font-weight:700; border-bottom:1px solid #dcdcdc;}

.label_desc_btm .tbl-type01 {position:relative;width:100%;border-top:1px solid #5e6b83;margin-top:10px;letter-spacing:-1px;}
.label_desc_btm .tbl-type01 th {padding:7px;font-size: 15px;border-left:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;background:#f5f5f5;color:#333;text-align:center;line-height:1em;}
.label_desc_btm .tbl-type01 td {padding:5px;border-bottom:1px solid #dcdcdc;border-left:1px solid #dcdcdc;}
.label_desc_btm .tbl-type01 td .desc_tit{font-weight:500; font-size: 15px;color: #1647aa; word-break: keep-all; letter-spacing:-0.5px; line-height:1.5rem !important;   }
.label_desc_btm .tbl-type01 td .desc_cnt{color: #333;font-size: 14px; line-height:1.6rem !important;}


.desc_wrap{display: flex;flex-flow: row wrap;}
.desc_box{width: 100%;border-radius: 10px; border: 1px solid #eee;box-sizing: border-box;padding: 10px 15px; margin-top:10px; margin-bottom:10px; display: flex;flex-flow: row wrap;justify-content: space-between;    }
.desc_tit{width: 30%;font-weight:500; font-size: 15px;color: #1647aa; word-break: keep-all; letter-spacing:-0.5px; line-height:1.5rem !important;   }
.desc_cnt{ width: 69%;color: #333;font-size: 14px; line-height:1.6rem !important;}

.label_desc_btm .tbl-type01 {position:relative;width:100%;border-top:1px solid #5e6b83;}

.desc_icon{box-sizing: border-box; padding-left: 30px; }
.desc_icon.edu{background:url(/production/images/web/icon_edu.png)no-repeat 0 50%;}
.desc_icon.dem{ background:url(/production/images/web/icon_dem.png)no-repeat 0 50%;}
.desc_icon.dec{background:url(/production/images/web/icon_dec.png)no-repeat 0 50%;}
.desc_icon.ins{background:url(/production/images/web/icon_ins.png)no-repeat 0 50%;}
.desc_icon.pro{background:url(/production/images/web/icon_pro.png)no-repeat 0 50%;}

.label_layer.num0{top:0; left:107%; }
.label_layer.num1{top:0; left:107%; }
.label_layer.num2{top:0; right:107%; }
.label_layer.num3{top:0; left:107%; }
.label_layer.num4{top:0; left:107%; }
.label_layer.num5{top:0; right:107%;  }


.cnt_list{width: 100%; padding:40px 5% 20px 5%; margin: 20px auto 0px; display: flex;  flex-flow: row wrap; justify-content: space-between; border: 1px solid #d9d9d9; box-sizing: border-box;}
.cnt_list li { width:45%; margin-bottom: 20px;  position: relative; box-sizing: border-box;}
.cnt_list li a{ color: #444; font-weight: 400; box-sizing: border-box; padding-left: 30px;height: 25px;display: block;}
.cnt_list li:first-child a{ background: url(/production/images/web/img_no1_20.png)no-repeat 0 0; }
.cnt_list li:nth-child(2) a{ background: url(/production/images/web/img_safe_20.png)no-repeat 0 0; }
.cnt_list li:nth-child(3) a{ background: url(/production/images/web/img_third_20.png)no-repeat 0 0; }
.cnt_list li:nth-child(4) a{ background: url(/production/images/web/img_consign_20.png)no-repeat 0 0; }
.cnt_list li:nth-child(5) a{ background: url(/production/images/web/img_destruction_20.png)no-repeat 0 0; }
.cnt_list li:nth-child(6) a{ background: url(/production/images/web/img_no6_20.png)no-repeat 0 0; }
.cnt_list li:nth-child(7) a{ background: url(/production/images/web/img_safe_20.png)no-repeat 0 0; }
.cnt_list li:nth-child(8) a{ background: url(/production/images/web/img_cookie_20.png)no-repeat 0 0; }
.cnt_list li:nth-child(9) a{ background: url(/production/images/web/img_cpo_20.png)no-repeat 0 0; }
.cnt_list li:nth-child(10) a{ background: url(/production/images/web/img_browse_20.png)no-repeat 0 0; }
.cnt_list li:nth-child(11) a{ background: url(/production/images/web/img_help_20.png)no-repeat 0 0; }
.cnt_list li:nth-child(12) a{ background: url(/production/images/web/img_result_20.png)no-repeat 0 0; }
.cnt_list li:nth-child(13) a{ background: url(/production/images/web/img_object_20.png)no-repeat 0 0; }
.cnt_list li:nth-child(14) a{ background: url(/production/images/web/img_period_20.png)no-repeat 0 0; }
.cnt_list li:nth-child(15) a{ background: url(/production/images/web/img_third_20.png)no-repeat 0 0; }
.cnt_list li:nth-child(16) a{ background: url(/production/images/web/img_consign_20.png)no-repeat 0 0; }
.cnt_list li:nth-child(17) a{ background: url(/production/images/web/img_private_20.png)no-repeat 0 0; }
.cnt_list li:nth-child(18) a{ background: url(/production/images/web/img_destruction_20.png)no-repeat 0 0; }
.cnt_list li:nth-child(19) a{ background: url(/production/images/web/img_safe_20.png)no-repeat 0 0; }
.cnt_list li:last-child a{ background: url(/production/images/web/img_change_20.png)no-repeat 0 0; }

.list_icon{margin-right: 10px;}
.list_icon img{vertical-align: middle;}

#privacybg {position:relative;max-width:400px;}
#privacybg ul li {width:100%;overflow:hidden;}
#privacybg ul li + li {padding-top:19px;}
#privacybg ul li .select-style + .btn_s {margin-left:-2px;}
#privacybg ul li .btn_s {float:left;}
#privacybg ul li input {vertical-align:middle}
#privacybg .btn_s {display:inline-block;background:#6c7e90;color:#fff;font-size:16px;line-height:37px;width:50px;height:37px;text-align:center;}

.select-style-pv {float:left;border: 1px solid #6c7e90; width:300px;border-radius:0;overflow:hidden;}
.select-style-pv select {padding:0 0 0 10px;width:100%;height:35px;color:#696969;font-size:16px;line-height:25px;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.select-style-pv select:focus {outline: none;}

.privacy_index{margin-bottom:50px;}
.privacy_index dl {width:100%;margin:0; display:flex; flex-wrap: wrap; border-bottom:1px solid #dcdcdc;}
.privacy_index dl:first-child{ border-top:1px solid #dcdcdc; }
.privacy_index dl dt { width:100%;padding:15px; background:#f5f5f5;color:#333; font-weight:500; } 
.privacy_index dl dd{display:flex; margin:0; align-items: center; padding: 15px 0; width:33.3%; border-top:1px solid #dcdcdc; }
.privacy_index dl dd.half{display:flex; margin:0; align-items: center; padding: 15px 0; width:50%; }
.privacy_index dl dd.remain{display:flex; margin:0; align-items: center; padding: 15px 0; width:66.7%; }
.privacy_index dl dd a{display: inline-flex; align-items: center; padding-left:15px;}
.privacy_index dl dd img{padding-right:10px;}
.table_drag { display:none; }

@media all and (max-width:1200px) {
	.label_layer.num0{top:185px; left:0%; }
	.label_layer.num1{top:185px; left:-38%; }
	.label_layer.num2{top:185px; right:-1%; }
	.label_layer.num3{top:185px; left: 0%; }
	.label_layer.num4{top:185px; left: -38%; }
	.label_layer.num5{top:185px; right: -1%;  }
	.division_box p { font-size:15px; }
	.privacy_label .label_box { margin-bottom: 20px; }
	.tit01, 
	.tit01_ { font-size:21px; }
	.btn span { padding:7px 16px 6px; line-height:15px; font-size:15px; }
	.termsWrap > ol.list03 > li { font-size:15px; }
	.tbl-type01 th { font-size:15px; padding: 7px 10px 6px; }
	.btn.small span { font-size:15px; padding: 9px 16px 8px; }
}

@media all and (max-width:768px) {	
	.termsWrap .tit01.ac{margin-top:30px;}
	.termsWrap .tit01.index{margin-top:20px;}
	.privacy_label .label_box{float:left;display:inline-block;width:calc(33% - 14px);box-sizing: border-box;margin:7px;padding:30px;text-align:center; border: 1px solid #dcdcdc; }
	.termsWrap a.viewbtn2{letter-spacing:-0.5px; padding: 8px 50px 8px 25px; margin-bottom:0;}
	.buttonstyle + .tbl-type01, .viewbtn + .tbl-type01 {margin-top: 20px;}
	.termsWrap .viewbtn{padding-bottom:0;}
	
	.privacy_label { margin-top:0; }
	.privacy_index{margin-bottom:30px;}
	.privacy_index dl {display:block;}
	.privacy_index dl dt { font-size:15px; }
	.privacy_index dl dd, 
	.privacy_index dl dd.half, 
	.privacy_index dl dd.remain{ width:100%;  }
	.privacy_index dl dd { padding: 10px 0; }
	.privacy_index dl dd a { padding-left:10px; font-size:15px; }
	.box01 { padding: 20px 25px; }
    .tit01, 
    .tit01_ { font-size: 18px; padding: 0 0 10px; }	
    .termsWrap > ol.list03 > li,
    .termsWrap > ol.list03 > li >a,
    .termsWrap ul li, 
    .tbl-type01 th,
    .tbl-type01 td,
    .qna li > div a,
    .btn.small span { font-size: 14px; word-break: auto-phrase; }
    .btn.small span { margin-top:5px; }
    .table_drag { display:block; text-align:center; padding:5px 0; color:#0a6da6; }
    .table_fix { overflow: hidden;  overflow-x: scroll; }
    .table_fix table { width:800px; }
}

@media all and (max-width:640px) {
	.privacy_label_wrap{display:none;}
	.cnt_list li { width:100%;}
	.select-style-pv{width:calc(100% - 70px);}
	.termsWrap .viewbtn span{font-size:14px; padding: 3px 35px 3px 20px;}
	.termsWrap .viewbtn span.open:after, 
	.termsWrap .viewbtn span.close:after{ width:7px; height:7px; }
	.tit01, 
	.tit01_ { padding:0 0 40px; position: relative; word-break: auto-phrase; }
	.tit01 .btn, 
	.tit01_ .btn { position: absolute;top: 35px;right: 0; width: 140px; }
}

.qna {margin:1rem 0;}
.qna li {line-height:2rem; }
.qna li a.off, 
.qna li a.on { line-height: 20px; display: block;text-decoration: none;color: #000; border-bottom: 1px solid #dcdcdc; position: relative; padding: 1.3rem 2rem 1.3rem 1rem;}
.qna li a.off:after{content: ""; display: inline-block;width: 13px; height: 8px; background: url(/production/images/web/qna_updown.png) no-repeat 0 0; position:absolute; top:50%; right:2%; margin-top: -4px;}
.qna li a.on:after{content: ""; display: inline-block;width: 13px; height: 8px; background: url(/production/images/web/qna_updown.png) no-repeat 0 bottom; position:absolute; top:50%; right:2%; margin-top: -4px;}
.qna li a:after{clear: both; content: "";display: block;}
.qna li > div {color: #555; display: none;line-height:2rem; padding: 1rem 1.5rem ; background:#f5f5f5;}
.qna li > div a{display: block; border-bottom: 1px solid #dcdcdc; padding: 10px ;}
.qna li > div a:last-child{ border-bottom:none;}

@media all and (max-width:480px) {
	.qna li > div { padding: 0.5rem 1rem ; }
	.qna li a.off, .qna li a.on { line-height: 16px; padding: 1rem 2rem 1rem 0.5rem;}
	.qna li > div a{padding: 5px ;}
}