@charset "utf-8";


/* datepicker */
.ui-datepicker{width:240px;}
.ui-datepicker .ui-datepicker-header{padding:0;}
.ui-datepicker.ui-widget.ui-widget-content{border:1px solid #dfe2e5;z-index: 5;}
.ui-datepicker-header{background: #24aa98;color:#fff;}
.ui-datepicker .ui-datepicker-title{height:42px;line-height:42px;font-size:16px;font-weight:400;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{top:8px;width:25px;height:25px;}
.ui-datepicker .ui-datepicker-prev:hover,.ui-datepicker .ui-datepicker-next:hover{background: none;}
.ui-datepicker .ui-datepicker-prev span{background: url('images/common/datepicker_left.png') no-repeat center center;}
.ui-datepicker .ui-datepicker-next span{background: url('images/common/datepicker_right.png') no-repeat center center;}
.ui-datepicker-calendar{padding:5px;}
.ui-datepicker .ui-widget-content .ui-state-default{border:none;background: none;text-align: center;width:25px;height:25px;line-height:25px;padding:0;color:#354052;border-radius:3px;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight{border:1px solid #d7d7d7;border-radius:3px;}
.ui-datepicker .ui-state-default:hover{background:#1c93ed;border:1px solid #1c93ed;color:#fff;}
.ui-state-active, .ui-widget-content .ui-state-active{background:#1c93ed;border:1px solid #1c93ed;color:#fff;}

.ui-datepicker .ui-widget-content .ui-state-default{border:none;background: none;text-align: center;width:25px;margin: 0 auto;height:25px;line-height:25px;padding:0;color:#354052;border-radius:3px;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight{border:1px solid #d7d7d7;border-radius:3px;}
.ui-datepicker .ui-state-default:hover{background:#1c93ed;border:1px solid #1c93ed;color:#fff;}
.ui-state-active, .ui-widget-content .ui-state-active{background:#1c93ed;border:1px solid #1c93ed;color:#fff;}

.ui-datepicker .ui-state-default,
.ui-datepicker .ui-widget-content .ui-state-default,
.ui-datepicker .ui-widget-header .ui-state-default{border:none;background: none;text-align: center;width:25px;margin: 0 auto;height:25px;line-height:25px;padding:0;color:#354052;border-radius:3px;}

.ui-datepicker  .ui-state-highlight,
.ui-datepicker .ui-datepicker-calendar .ui-widget-content .ui-state-highlight{border:1px solid #d7d7d7;border-radius:3px;}
.ui-datepicker .ui-datepicker-calendar .ui-state-default:hover{background:#d91f26;border:1px solid #d91f26;color:#fff;}
.ui-datepicker .ui-state-active,
.ui-datepicker .ui-widget-content .ui-state-active{background:#d91f26;border:1px solid #d91f26;color:#fff;}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{opacity:1; font-weight: bold; color: #37343f;    width: 50px;border:1px solid #000;}
.ui-datepicker .ui-datepicker-buttonpane button.ui-priority-primary{    width: 50px;border:1px solid #000;}

.ui_tpicker_hour_slider .ui-state-default{width:50px;border:1px solid #000;}
.ui_tpicker_minute_slider .ui-state-default{width:50px;border:1px solid #000;}

.ui-dialog .ui-dialog-buttonpane .di_btn_del {    font-size: 16px;    min-width: 80px;    font-family: nb;    font-weight: 400;background:#fff; border:1px solid #f14c20;color:#ed1c24;padding: 11px 5px 11px;}
/* .ui-dialog .ui-dialog-buttonpane .di_btn_del:hover {background:#eef9f2 !important; border:1px solid #4bb980 !important;color:#4bb980;} */
.ui-dialog .ui-dialog-buttonpane .di_btn_del  span{padding:0;line-height: 1;}

.ui-dialog .ui-dialog-buttonpane .di_btn_close  {    font-size: 16px;    min-width: 80px;    font-family: nb;    font-weight: 400;background:#fff; border:1px solid #323942;color:#323942;padding: 11px 5px 11px;}
/* .ui-dialog .ui-dialog-buttonpane .di_btn_close :hover {background:#eef9f2 !important; border:1px solid #4bb980 !important;color:#4bb980;} */
.ui-dialog .ui-dialog-buttonpane .di_btn_close   span{padding:0;line-height: 1;}

.ui-dialog .ui-dialog-buttonpane .di_btn_conf {    font-size: 16px;    min-width: 80px;    font-family: nb;    font-weight: 400;background:#009fd9; border:1px solid #009fd9;color:#fff;padding: 11px 5px 11px;}
/* .ui-dialog .ui-dialog-buttonpane .di_btn_conf:hover {background:#eef9f2 !important; border:1px solid #4bb980 !important;color:#4bb980;} */
.ui-dialog .ui-dialog-buttonpane .di_btn_conf  span{padding:0;line-height: 1;}

/* cke_chrome */
.table_wrap table.t_view tbody td.td_input0 .cke_chrome{border:none !important;}

/* 기존 관리자랑 사용자 맞추는 css */
.search_form_wrap{margin-bottom:20px;}

.table_top .btn01{padding:0;}
.list_tab li.on a{color:#7d0101;font-weight: 700;}
.cd{display: inline-block;vertical-align: middle;max-width: 100%;}
.table_wrap.pc_view.on .cd{vertical-align: middle;}
.cd + .cd{margin-left:5px;}
.select + .cd{margin-left:5px;}
.cd + .select{margin-left:5px;}
.cd + input[type=text]{margin-left:5px;}
.cd + .hasDatepicker{margin-left:5px !important;}

.search_box .cd + input[type=text] {margin-left:5px !important;}
.btn01+ input[type=text] {margin-left:5px !important;}
.btn01 + .cd{margin-left:5px;}
.cd + .btn01{margin-left:5px;}
.table_top .select select{margin-right:0;}
.search_form_wrap + .table_top{padding-top:20px;}

.btn_wrap .btn01 + .btn01{margin-left:10px;}
input + .btn01{margin-left:5px;}


/* .login_w{background: #ffffff;border-top: 6px solid #b5121b;}
.login_w *{box-sizing: border-box;}
.login_h_w{width:100%;background: #fff;}
.login_w .login_h{height:70px;max-width:1280px; width:100%;margin:0 auto;}
.login_w .login_h:before{ content: ""; display: block;position: absolute;top: -6px;width: 260px;height: 6px;background: #800000;}
.login_w .login_h h1{padding:0;margin:0;padding-top:20px;}
.login_w .login_h h1 a{display: block;width: 191px;height:62px;text-indent: -9999px; background: url(images/main/login/logo.png) no-repeat left top; }


.login_bg{}
.login_w .login_top{height: 320px; background: #0f0f0e url("images/main/login/bg01.png") no-repeat center 0; text-align: center; padding-top: 62px;color: #FFFFFF;transition:all 0.5s ease;}
.login_w .login_top h2{font-size: 38px;color:#fff;padding:0;margin:0;}
.login_w .login_top p{font-size: 18px;padding-top:20px;}


.login_wrap_{width:100%;position:relative;padding-bottom:60px;}
.login_con_{ background: #f4f6f8;}

.login_wrap_ .login_box_{max-width:1280px;margin:0 auto; background: #fff;}
.login_wrap_ .login_box_ > ul {background: #fff;padding:60px 0;margin-top:-100px;clear: both;overflow: hidden;}


.login_wrap_ .login_box_ ul li{width:50%;float:left;padding:0 80px;transition:all 0.5s ease;}
.login_wrap_ .login_box_ ul li + li{border-left:1px solid #dfe1e9;}
.login_wrap_ .login_box_ ul li .text01{font-size: 18px;color:#26336a;padding-bottom:25px;font-weight: 700;}
.login_wrap_ .login_box_ ul li.li1 .log_btn1{display:block; width:100%;height:85px;line-height:85px; background: #26336A;text-align: center;}
.login_wrap_ .login_box_ ul li.li1 .log_btn1:HOVER{opacity: 0.7;}
.login_wrap_ .login_box_ ul li.li1 .log_btn1 span{padding-left:30px;color:#fff;font-size: 22px;    background: url(images/main/login/lock.png) no-repeat 0 50%; }
.login_wrap_ .login_box_ ul li.li1 .text02{padding-top:60px;color:#000;font-size:16px;font-weight: 700;}

.login_wrap_ .login_box_ ul li.li2 input{width:100%;height:40px;}
.login_wrap_ .login_box_ ul li.li2 input + input{margin-top:10px;}
.login_wrap_ .login_box_ ul li.li2 .log_btn2{margin-top:20px;display:block;color:#fff; width:100%;height:60px;line-height:60px; background: #26336A;text-align: center;}
.login_wrap_ .login_box_ ul li.li2 .log_btn2 span{color:#fff;font-size: 18px; }
.login_wrap_ .login_box_ ul li.li2 .log_btn2:HOVER{opacity: 0.7;}
.login_wrap_ .login_box_ ul li.li2 .li2_b{padding:0;text-align: right;}
.login_wrap_ .login_box_ ul li.li2 .li2_b li{float:none; width:auto; display: inline-block;padding:0;}
.login_wrap_ .login_box_ ul li.li2 .li2_b li + li{margin-left:10px;padding-left:10px;}
.login_wrap_ .login_box_ ul li.li2 .li2_b li a{color:#000;}
.login_wrap_ .login_box_ ul li.li2 .li2_b li a:HOVER{opacity: 0.7;}

.login_slide{max-width: 1280px;margin:0 auto;margin-top:20px;padding:0 20px;  background: #fff;}
.login_slide .swiper-container{padding-top:25px;}
.login_slide .swiper-container .swiper-slide{border:none;font-size:14px;}
.login_slide .slide_box a{display: block;}
.login_slide .slide_box a span{display:block;padding-top:60px;}

.login_slide .slide_box a span.bg01{background: url(images/main/login/ico_b1.png) no-repeat 50% 0; }
.login_slide .slide_box a span.bg02{background: url(images/main/login/ico_b2.png) no-repeat 50% 0; }
.login_slide .slide_box a span.bg03{background: url(images/main/login/ico_b3.png) no-repeat 50% 3px; }
.login_slide .slide_box a span.bg04{background: url(images/main/login/ico_b4.png) no-repeat 50% 5px; }
.login_slide .slide_box a span.bg05{background: url(images/main/login/ico_b5.png) no-repeat 50% 5px; }
.login_slide .slide_box a span.bg06{background: url(images/main/login/ico_b6.png) no-repeat 50% 3px; }
.login_slide .slide_box a span.bg07{background: url(images/main/login/ico_b7.png) no-repeat 50% 3px; }
.login_slide .slide_box a span.bg08{background: url(images/main/login/ico_b8.png) no-repeat 50% 3px; }
.login_slide .slide_box a span.bg09{background: url(images/main/login/ico_b9.png) no-repeat 50% 0; }
 */
.swiper-button-next, .swiper-button-prev{position: absolute; top: 50%; width:10px; height: 19px;margin-top: -10px;z-index: 10; cursor: pointer;background-size: 27px 44px; background-position: center;background-repeat: no-repeat;}
.swiper-button-prev,
 .swiper-container-rtl .swiper-button-next{background: url(images/main/login/prev.png) no-repeat 50% 0; }

.swiper-button-next,
 .swiper-container-rtl .swiper-button-prev{background: url(images/main/login/next.png) no-repeat 50% 0; }

.login_footer{background: #fff;width:100%;}
.login_footer .txt02{display:block;font-size:13px; max-width: 1280px;width:100%; margin:0 auto;color:#7d7d7d;}
.login_footer .txt02 p + p{padding-top:10px;}


/* .login_w .login_box {height: 357px; background: #FFFFFF; padding: 50px 60px; margin-bottom: 25px;}
.login_w .login_box .m_box {width: 440px; height: 100%;}
.login_w .login_box .idx01 {background: url("../images/common/line.png") no-repeat right center; padding-right: 78px;}
.login_w .login_box .idx02 {padding-left: 78px;}
.login_w .login_box .tit {font-size: 18px; color: #26336A;}
.login_w .login_box .idx01 .tit {margin-bottom: 15px;}
.login_w .login_box .idx01 .btn {height: 80px; line-height: 80px; font-size: 23px;}
.login_w .login_box .idx02 .btn {height: 60px; line-height: 20px; font-size: 18px;}
.login_w .login_box .util {text-align: left;}
.login_w .login_box .util p {font-size: 16px; color: #000000;}
.login_w .login_box .util span {font-size: 14px; color: #707070; padding: 0 20px;}
.login_w .login_box .util.col02 span {padding: 0 13px;}
.login_w .login_box .util.col01 .num01 {padding: 0 0 0 20px; background: url("../images/ico/ico_not.png") no-repeat left center;}
.login_w .login_box .util.col02 .num02 {padding: 0 0 0 13px;}
.login_w .login_box .util.col02 .num01 {background: url("../images/common/sp_l.png") no-repeat right center; }
.login_w .login_box .join_mem {color: #707070; margin-top: 15px; overflow: hidden;}
.login_w .banner_box {position: relative; height: 143px; background: #FFFFFF; padding-top: 40px;}
.login_w .banner_box  li {margin: 0 auto;}
.login_w .banner_box  li a {position: relative; display: block; height: 74px;}
.login_w .banner_box .img_w {display: block; width: 130px; height: 48px; text-align: center;}
.login_w .banner_box .title {position: absolute; bottom: 0; width: 130px; font-size: 14px; color: #666666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}


 */

.tab_top_wrap .ul_inblock.radio_type2 li:before{vertical-align: middle;}
.tab_top_wrap .radio_type2 li a{display:inline-block;color:#cccccc;font-size:15px;vertical-align: middle;padding-bottom:2px;border-bottom:1px solid #fff;}
.tab_top_wrap .radio_type2 li a.on span{color:#008294;font-weight:600;border-bottom:1px solid #008294; }
.tab_top_wrap .radio_type2 li a.on:before{display: inline-block;vertical-align: middle;margin-right:5px; width:15px;height:15px;content: "";background:url("images/com_/top_radio.png") no-repeat 0 50%;}

.tab_top_wrap .f_right .select{vertical-align: top;}

.quick_menu_w{position: absolute; right: 0; top: 288px;z-index: 2;}
.main .quick_menu_w{position: absolute; right: 0; top: 413px;z-index: 2;}
.quick_menu_w a:hover{opacity: 0.8;}
.quick_menu_w ul{padding-left:16px;background: url(images/com_/quick_bg.png) no-repeat 0 50%;background-size:16px 100%; }
.quick_menu_w ul li{display: block;border-left:1px solid #b9b9b9; border-bottom:1px solid #b9b9b9;height:58px;width:55px; transition:all 0.2s ease;}
.quick_menu_w ul li:first-child{border-top:1px solid #b9b9b9 }
.quick_menu_w ul li a{display: block;height:100%;text-align:center; line-height: 56px;background: #fff; transition:all 0.2s ease;color:#fff;}
.quick_menu_w ul li a span{display:inline-block; width:24px;margin:0 auto; height:24px;vertical-align: middle;}
.quick_menu_w ul li a span em{display: none;transition:all 0.2s ease;font-size:13px;letter-spacing: -1px;}
.quick_menu_w ul li a.bg01 span{background: url(images/com_/quick_icon01.png) no-repeat 50% 50%;}
.quick_menu_w ul li a.bg02 span{background: url(images/com_/quick_icon02.png) no-repeat 50% 50%;}
.quick_menu_w ul li a.bg03 span{background: url(images/com_/quick_icon03.png) no-repeat 50% 50%;}
.quick_menu_w ul li a.bg04 span{background: url(images/com_/quick_icon04.png) no-repeat 50% 50%;}
.quick_menu_w ul li a.bg05 span{background: url(images/com_/quick_icon05.png) no-repeat 50% 50%;}

.quick_menu_w.on ul{}
.quick_menu_w.on ul li{width:130px;border-left:1px solid #d65e3e;border-bottom:1px solid #d65e3e;}
.quick_menu_w.on ul li:first-child{border-top:1px solid #d65e3e }
.quick_menu_w.on ul li a{background: #ca2e04;text-indent: 0;}
.quick_menu_w.on ul li a span{width:100%;padding-left:20px;}
.quick_menu_w.on ul li a span em{display:block;line-height: 24px;text-align: left;padding-left: 30px;}
.quick_menu_w.on ul li a.bg01 span{background: url(images/com_/quick_icon01_on.png) no-repeat 20px 50%;}
.quick_menu_w.on ul li a.bg02 span{background: url(images/com_/quick_icon02_on.png) no-repeat 20px 50%;}
.quick_menu_w.on ul li a.bg03 span{background: url(images/com_/quick_icon03_on.png) no-repeat 20px 50%;}
.quick_menu_w.on ul li a.bg04 span{background: url(images/com_/quick_icon04_on.png) no-repeat 20px 50%;}
.quick_menu_w.on ul li a.bg05 span{background: url(images/com_/quick_icon05_on.png) no-repeat 20px 50%;}
.quick_menu_w p{width:100%;clear: both;overflow: hidden;}
.quick_menu_w .bg06{display:block;float: right;width:55px;text-align:center; height:62px;border-bottom:2px solid #a0a0a0;}
.quick_menu_w .bg06 span{font-weight:600;margin-top:11px;display: inline-block;line-height:1; vertical-align:middle; padding-top:25px;font-size: 12px;color:#bf0005;letter-spacing: -1px;background: url(images/com_/quick_icon11.png) no-repeat 50% 0%;}
.quick_menu_w .bg07{display:block;float: right;width:55px;text-align:center; height:62px;border-bottom:2px solid #a0a0a0;}
.quick_menu_w .bg07 span{font-weight:600;margin-top:11px; display: inline-block;line-height:1; vertical-align:middle; padding-top:20px;font-size: 12px;color:#bf0005;letter-spacing: -1px;background: url(images/com_/quick_icon12.png) no-repeat 50% 0%;}
.quick_menu_w .btn_top_pc{display:block;float: right;width:55px;text-align:center; height:62px;}
.quick_menu_w .btn_top_pc span{font-weight:600;padding-left:2px;padding-right:2px; margin-top:11px;display: inline-block;line-height:1; vertical-align:middle; padding-top:27px;font-size: 12px;color:#858585;letter-spacing: -1px;background: url(images/com_/quick_icon13.png) no-repeat 50% 0%;}



.login_w{border-top:0;}
.login_h_w{height:80px;background:#fff;}
.login_w a{display:inline-block;}
.login_w.admin .login_h_w{background:#3C414C}
.login_w .login_h{height:100%}
.login_w .login_h h1{padding:18px 0;}
.login_w .login_h h1 a{width:195px;height:44px; margin:0 auto;display: block;background:url(images/main/login/logo_.png) no-repeat 0 center;text-indent: -9999em;}

.login_con_,
.login_w .login_top{background:#ece8e7;padding-bottom: 60px;}
.login_wrap_ .login_box_ > ul{margin-top:0}
.login_w .login_top{display:none;padding-top:68px;height:310px;}
.login_w .login_top h2{font-weight:600;color:#323232}
.login_w .login_top h2 span,
.login_w .login_top h2 img{vertical-align:bottom}
.login_w .login_top h2 span{display:inline-block;position:relative;top:-35px;line-height:1}
.login_w .login_top h2 span::before{content:'';display:inline-block;width:1px;height:18px;margin:0 20px 0 26px;background:#CBCBCB;vertical-align:middle}
.login_w .login_top p{padding-top:15px;font-size:15px;color:#444}

.login_wrap_{padding:60px 0 0;}
.login_wrap_ .login_box_{position:relative;margin:0 auto;height:680px; position:relative;max-width:1240px;background:#002d56 url(images/main/login/login_bg_back01.png) 50% 50% no-repeat;}
/* .login_wrap_ .login_box_:before{position:absolute;top:310px;left:50%;margin-left:-400px; display: block;width:250px;height:250px; content: "";background:url(/common/1user/common/css/images/common/cpx_logo.png) no-repeat center center ;background-size: 206px auto;animation: rotate_image 16s linear infinite;transform-origin: 50% 50%;} */
.login_body{background: #40434E;}
@keyframes rotate_image{
	100% {
    	transform: rotate(360deg);
    }
}

.mobile_img_wrap{display:none;}
.login_wrap_ .login_box_ .tab_cont_wrap{position:relative;float:right;width:56.452%;}
.login_wrap_ .login_box_ > ul.tab_cont{background: #fff;max-width: 360px;float:left;top: 70px;right:0;;padding: 30px 20px;}
.login_wrap_ .login_box_ > ul > li{/* height:325px; */text-align:center;}
.login_wrap_ .login_box_ ul li.li1 .li1_txt{position:absolute;top:30px;left:0;color:#cabfb6;font-size:15px;font-weight:600;letter-spacing:-0.5px;}
.login_wrap_ .login_box_ ul li.li1 .li1_txt:before{content:"";display:inline-block;vertical-align:super;width:20px;height:1px;background:#5c6166;margin-right:10px;}
.login_wrap_ .login_box_ ul li.li2 .li2_txt{position:absolute;top:30px;left:0;color:#dadad3;font-size:15px;font-weight:600;letter-spacing:-0.5px;}
.login_wrap_ .login_box_ ul li.li2 .li2_txt:before{content:"";display:inline-block;vertical-align:super;width:20px;height:1px;background:#77a4a7;margin-right:10px;}
.login_wrap_ .login_box_ .text01{text-align:left;font-weight:600;font-size:15px;color:#4e4e4e}
.login_wrap_ .login_box_ .text_w{position: absolute;top: 70px;left: 40px;letter-spacing: -.5px;text-align:left;z-index: 10;}
.login_wrap_ .login_box_ .text_w .txt1{font-size:15px; font-weight: 300;color:#fff;letter-spacing:-0.5px;}
.login_wrap_ .login_box_ .text_w .txt2{font-size:55px; font-weight:400;color:#fff;letter-spacing:-2px;}
.login_wrap_ .login_box_ .text_w .txt2 span{font-weight:600;}
.login_wrap_ .login_box_ .text_w .txt3{font-size:15px;line-height:1.6em;color:#fff;opacity:0.8;padding-top:14px;}
.login_wrap_ .login_box_ .text_w .txt3 span{position: relative;font-weight:600;color:#3a2a0b; z-index: 1;}
.login_wrap_ .login_box_ .text_w .txt3 span:before{content:'';position: absolute; top: 12px;background:#d4d4d4;width: 100%; height:11px;z-index: -1;}
.login_wrap_ .login_box_ .tab_cont > li{display:block;padding:30px 130px 55px 130px;}

.login_wrap_ .login_box_ .tab_li{clear:both;overflow:hidden;width:100%;}
.login_wrap_ .login_box_ .tab_li li{width:50%;height:auto;float:left;padding:0;text-align:center;}
.login_wrap_ .login_box_ .tab_li li a{position:relative;display:block;width:100%;height:60px;font-size:17px;color:#fff;line-height:60px;}
.login_wrap_ .login_box_ .tab_li li a:before{content:'';display:inline-block;position:relative;top:-2px;margin-right:8px;width:8px;height:8px;background:#fff;border-radius:50%;}
.login_wrap_ .login_box_ .tab_li li:nth-child(1){background:rgba(7, 107, 141, 0.7)}
.login_wrap_ .login_box_ .tab_li li:nth-child(1) a{}
.login_wrap_ .login_box_ .tab_li li:nth-child(2){background:rgba(0, 246, 243, 0.7);border-bottom: none;}
.login_wrap_ .login_box_ .tab_cont.lo_tab{display:block;}
.login_wrap_ .login_box_ .tab_cont.lo_tab li{display:none}
.login_wrap_ .login_box_ .tab_cont.lo_tab li.is-active{display:block;border: none;}

.login_wrap_ .login_box_ ul{}
.login_wrap_ .login_box_ ul li.li1 .log_btn2,
.login_wrap_ .login_box_ ul li.li2 .log_btn2{position:relative;float:right;width:29.546%;margin:0 auto;border:2px solid #fff;line-height:86px;color:#fff;font-weight:600;z-index:10;text-align:center;}
.login_wrap_ .login_box_ ul li.li2 .log_btn2{display: inline-block;}
.login_wrap_ .login_box_ ul li.li1 .idpw_fd{padding:0;text-align: center;padding-top:24px;margin-top:26px;border-top:1px solid rgba(50, 121, 151, 0.6);}
.login_wrap_ .login_box_ ul li.li1 .idpw_fd a{display:inline-block; font-size: 14px;color:#fff;}
.login_wrap_ .login_box_ ul li.li1 .idpw_fd a + a:before{content: '';display: inline-block;width: 1px;height: 12px;margin: 0 20px;background:rgba(50, 121, 151, 0.6)}
.login_wrap_ .login_box_ ul li.li2 .corporate_join{padding:0;text-align: center;padding-top:24px;margin-top:26px;border-top:1px solid rgba(179, 227, 230, 0.6);}
.login_wrap_ .login_box_ ul li.li2 .corporate_join a{display:inline-block; font-size: 14px;color:#fff;}
.login_wrap_ .login_box_ ul li.li2 .corporate_join a + a:before{content: '';display: inline-block;width: 1px;height: 12px;margin: 0 20px;background:rgba(179, 227, 230, 0.6)}

.login_wrap_ .login_box_ ul li.li1 .log_btn1 span,
.login_wrap_ .login_box_ ul li.li2 .log_btn2 span{font-size:16px}
.login_wrap_ .login_box_ ul li.li1{display:inline-block;width:100%;height:280px;background:rgba(7, 107, 141, 0.7);vertical-align:middle;text-align:center;}
.login_wrap_ .login_box_ ul li.li1 .text01{color:#fff}
.login_wrap_ .login_box_ ul li h3{font-size:20px;font-weight:400;color:#fff;line-height: 1.4em;text-align:center;}
.login_wrap_ .login_box_ ul li h3 span{font-weight:600;}
.login_wrap_ .login_box_ ul li.li2 h3{line-height: 1.4em;}
.login_wrap_ .login_box_ ul li.li1 .text02{padding: 20px 0 30px;font-weight:300;font-size:13px;color:#fff;opacity:0.4;}
.login_wrap_ .login_box_ ul li.li1 .log_btn1{max-width:200px;}
.login_wrap_ .login_box_ ul li.li2 {display:none;width:100%;height:280px;background:rgba(0, 246, 243, 0.7);vertical-align:middle;}
.login_wrap_ .login_box_ ul li.li1 .login_input_w{overflow:hidden;clear:both;margin-top:20px;}
.login_wrap_ .login_box_ ul li.li1 .input_w{width:68%;float:left;}
.login_wrap_ .login_box_ ul li.li1 input + input{margin-top:0}
.login_wrap_ .login_box_ ul li.li1 > input{}
.login_wrap_ .login_box_ ul li.li1 input::placeholder{font-size:13px}
.login_wrap_ .login_box_ ul li.li1 input.id_input{width:100%; margin:0 auto;padding:0;padding-left:21px;position: relative;z-index:12;background:none;border:none;border-bottom:1px solid #fff;text-indent:24px;color:#333;font-weight:500;background:#fff;}
.login_wrap_ .login_box_ ul li.li1 input[type="password"]{width:100%; margin:0 auto;padding:0;padding-left:21px;position: relative;z-index:12;background:none;border:none;border-bottom:1px solid #fff;text-indent:24px;color:#333;font-weight:500;background:#fff;}
.login_wrap_ .login_box_ ul li.li2 .login_input_w{overflow:hidden;clear:both;margin-top:20px;}
.login_wrap_ .login_box_ ul li.li2 .input_w{width:68%;float:left;}
.login_wrap_ .login_box_ ul li.li2 input + input{margin-top:0}
.login_wrap_ .login_box_ ul li.li2 > input{}
.login_wrap_ .login_box_ ul li.li2 input::placeholder{font-size:13px}
.login_wrap_ .login_box_ ul li.li2 input.id_input{width:100%; margin:0 auto;padding:0;padding-left:21px;position: relative;z-index:12;background:none;border:none;border-bottom:1px solid #fff;text-indent:24px;color:#333;font-weight:500;background:#fff;}
.login_wrap_ .login_box_ ul li.li2 input[type="password"]{width:100%; margin:0 auto;padding:0;padding-left:21px;position: relative;z-index:12;background:none;border:none;border-bottom:1px solid #fff;text-indent:24px;color:#333;font-weight:500;background:#fff;}
.login_wrap_ .login_box_ ul li.li1 .li2_b{padding:28px 0;text-align:center;}
.login_wrap_ .login_box_ ul li.li1 .li2_b li a{font-size:14px;color:#777777}
.login_wrap_ .login_box_ ul li.li1 .li2_b li + li{border-left:0;margin:0;padding:0}
.login_wrap_ .login_box_ ul li.li1 .li2_b li + li::before{content:'';display:inline-block;width:1px;height:12px;margin:0 20px;background:#ccc}
.login_wrap_ .login_box_ ul li.li2 .li2_b{padding:20px 0;text-align:center;}
.login_wrap_ .login_box_ ul li.li2 .li2_b li a{font-size:14px;color:#999}
.login_wrap_ .login_box_ ul li.li2 .li2_b li + li{border-left:0;margin:0;padding:0}
.login_wrap_ .login_box_ ul li.li2 .li2_b li + li::before{content:'';display:inline-block;width:1px;height:12px;margin:0 10px;background:#ccc}
.login_wrap_ .login_box_ .tab_cont{display:block;width:100%;}
.login_wrap_ .login_box_ .tab_cont1{display:block;width:100%;}
.login_wrap_ .login_box_ ul li.li1 .text_id{position:relative;}
.login_wrap_ .login_box_ ul li.li1 .text_pw{position:relative;margin-top:10px;}
.login_wrap_ .login_box_ ul li.li1 .text_id:before{position:absolute;top:14px;left:21px;width:13px;height:13px;display: inline-block;vertical-align: middle;content: "";background:url('/common/1user/common/css/images/main/login/login_ic_user.png') no-repeat 0% 0%;z-index:13;}
.login_wrap_ .login_box_ ul li.li1 .text_pw:before{position:absolute;top:14px;left:21px;width:13px;height:14px;display: inline-block;vertical-align: middle;content: "";background:url('/common/1user/common/css/images/main/login/login_ic_lock.png') no-repeat 0% 0%;z-index:13;}
.login_wrap_ .login_box_ ul li.li2 .text_id{position:relative;}
.login_wrap_ .login_box_ ul li.li2 .text_pw{position:relative;margin-top:10px;}
.login_wrap_ .login_box_ ul li.li2 .text_id:before{position:absolute;top:14px;left:21px;width:13px;height:13px;display: inline-block;vertical-align: middle;content: "";background:url('/common/1user/common/css/images/main/login/login_ic_user.png') no-repeat 0% 0%;z-index:13;}
.login_wrap_ .login_box_ ul li.li2 .text_pw:before{position:absolute;top:14px;left:21px;width:13px;height:14px;display: inline-block;vertical-align: middle;content: "";background:url('/common/1user/common/css/images/main/login/login_ic_lock.png') no-repeat 0% 0%;z-index:13;}
.login_wrap_ .outsider_login_wrap ul{text-align:center;padding-top:1px;}
.login_wrap_ .outsider_login_wrap ul li{display:inline-block !important;}
.login_wrap_ .outsider_login_wrap ul li:first-child .radio{padding-right:25px;}
.login_wrap_ .outsider_login_wrap ul li:last-child .radio{padding-right:0;}
.login_wrap_ .outsider_login_wrap ul li .radio .ico{position:relative;top:0;width: 20px;height:20px;background: url(images/main/login/login_check_off.png) no-repeat 0 50%;display:inline-block;vertical-align:middle;}
.login_wrap_ .outsider_login_wrap ul li .radio input:checked + .ico{background: url(images/main/login/login_check_on.png) no-repeat 0 50%;}
.login_wrap_ .outsider_login_wrap ul li .radio .txt{padding-left:10px;color:#fff;font-size:14px;height: 25px; line-height: 25px;display:inline-block;vertical-align:middle;}


.login_wrap_ .login_box_ .login_box01{position:relative;width:100%;height:100%;}

.login_wrap_ .login_box_ .chk_id_save{margin-top:20px;color:#fff;}
.login_wrap_ .login_box_ .chk_id_save input[type='checkbox']{display:none;}
.login_wrap_ .login_box_ .chk_id_save input[type='checkbox'] + label{display:inline-block;margin-right:5px;padding:0;background:url(images/main/login/login_ic_chkbtn_off.png) no-repeat;height:17px;width:17px;}
.login_wrap_ .login_box_ .chk_id_save input[type='checkbox']:checked + label{display:inline-block;background:url(images/main/login/login_ic_chkbtn_on.png) no-repeat;}

.login_wrap_ .login_box_ ul li.li3 {display:inline-block;padding:0;width:51.43%;height:340px;background:#f6f7fb;vertical-align:middle;}
.login_wrap_ .login_box_ ul li.li3 .style_1 li{display:inline-block;float:none;width:32.5%;padding:0;}
.login_wrap_ .login_box_ ul li.li3 .style_1.li4 li{display:inline-block;float:none;width:24.15%;padding:0;}
.login_wrap_ .login_box_ ul li.li3 .style_1 li:nth-of-type(2){margin:0 3px;}
.login_wrap_ .login_box_ ul li.li3 .style_1.li4 li:nth-of-type(4){margin-left:3px;}
.login_wrap_ .login_box_ .tab_type1 li a{font-size:13px;}
.login_wrap_ .login_box_ .tab_type1 li a:hover,
.login_wrap_ .login_box_ .tab_type1 li a:focus,
.login_wrap_ .login_box_ .tab_type1 li a:active,
.login_wrap_ .login_box_ .tab_type1 li.on a{background:#f6f7fb;color:#333;font-weight:600;}
.login_wrap_ .login_box_ .tab_type1{margin-bottom:15px;}
.login_wrap_ .login_box_ .tab_type1 li a{display:flex;justify-content:center;align-items:center;height:58px;background:#e2e3e7;color:#919294;border-radius:0;font-weight:300;padding:0 10px;}
.login_wrap_ .login_box_ ul li.li3 .class_list{padding:0 25px;}
.login_wrap_ .login_box_ ul li.li3 .tab_cont .notice_list:first-child{padding-top:0;}
.login_wrap_ .login_box_ ul li.li3 .tab_cont .notice_list{padding-top:25px;}
.login_wrap_ .login_box_ ul li.li3 .tab_cont .notice_list a{width:99%;}
.login_wrap_ .login_box_ ul li.li3 .tab_cont .notice_list .notice_list_title{display:block;font-size:14px;color:#4c4c4c;font-weight:600;margin-bottom:5px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.login_wrap_ .login_box_ ul li.li3 .tab_cont .notice_list .notice_list_date{display:block;font-size:14px;color:#808080;}
.login_wrap_ .login_box_ ul li.li4 {display:inline-block;padding:0;width:48.572%;height:340px;background:#fff;vertical-align:middle;}

.link_box{max-width:340px;width:100%;}
.link_box ul{padding:0 20px;}
.link_box ul li{position:relative;padding:46px 0;border-bottom:1px solid #ececec;}
.link_box ul > li{background:url(/common/1user/common/css/images/main/login/login_menu_right_arr.png) no-repeat right center;}
.link_box ul > li:last-child{border-bottom:none;}
/* .link_box ul li + li::before{content:'';display:block;position:absolute;top:30%;left:0;width:1px;height:20px;margin-top:-6px;background:#D3D3D3} */
.link_box ul li a{display:block;font-weight:400;}
/* .link_box ul li a::before{content:'';display:inline-block;width:50px;margin-right:15px;background:no-repeat 50% 50%;vertical-align:middle;line-height:50px} */
/* .link_box ul li:nth-child(1) a::before{background-image:url(/common/1user/common/css/images/main/login/login_ic_join.png);height:36px;}
.link_box ul li:nth-child(2) a::before{background-image:url(/common/1user/common/css/images/main/login/login_ic_menual.png);height:36px;}
.link_box ul li:nth-child(3) a::before{background-image:url(/common/1user/common/css/images/main/login/login_ic_homepage.png);height:36px;} */


.link_box ul li a span{font-size:16px;color:#3d3d3d;padding:2px 0;padding-left:40px;}
.link_box ul li a.icon_01 span{background:url('/common/1user/common/css/images/main/login/login_ic_join.png') no-repeat;}
.link_box ul li a.icon_02 span{background:url('/common/1user/common/css/images/main/login/login_ic_menual.png') no-repeat;}
.link_box ul li a.icon_03 span{background:url('/common/1user/common/css/images/main/login/login_ic_homepage.png') no-repeat;}


.login_w .login_footer{padding:42px 0;background:#40434E;overflow:hidden;clear:both;}
.login_footer .footer_wrap.style01{max-width:1220px;margin:0 auto;background:url(/common/1user/common/css/images/main/login/login_pc_footer_logo.png) no-repeat 100% 0%;border-top: none;}
.login_footer .footer_wrap.style01 .footer_left_wrap{margin-left:10px;}
.login_footer .footer_wrap.style01,
.login_footer .footer_wrap.style01 .footer02,
.login_footer .footer_wrap.style01 .footer03{padding:0}
.login_footer .footer_wrap.style01 .footer03 .copy{padding-top:0;}
.login_footer .footer_wrap.style01 .footer02 .footer_left{float:none;width:100%;max-width:1280px;padding-left:0;}
.login_footer .footer_wrap.style01 .footer02 .footer_left li a{font-weight:600;color:#f0f0f0}
.login_footer .footer_wrap.style01 .footer02 .footer_left li:before{position:relative;top:-2px;width:2px;height:2px;background:#F0F0F0}
.login_footer .footer_wrap.style01 .footer03 .address ul li,
.login_footer .footer_wrap.style01 .footer03 .copy{font-weight:300;font-size:14px;color:#f1f0f0;opacity:0.7}
/* .login_footer .footer_wrap.style01 .footer03 .address li ul li:before{position:relative;top:-1px;background:#7A7A7A} */

/* .login_footer .footer_wrap.style01 .footer_logo_wrap{float:right;}
.login_footer .footer_wrap.style01 .footer_logo{width:180px;height:41px;background:url(/common/1user/common/css/images/main/login/login_pc_footer_logo.png) no-repeat;margin-right:10px;} */
.mobile{display:none !important}
.br_mobile{display:none;}


/* error */
.error_w{margin:0 auto;padding-bottom:35px;min-height:500px;transition:all 0.5s ease;padding-top:200px;}
.error_w .error_header{padding-top:120px;padding-bottom:55px;transition:all 0.5s ease;}
.error_w .error_header h1{text-align: center;font-size: 36px;font-weight: 600;color:#fff;}
.error_w .error_header h1img{max-width: 100%;max-height: 100%;}
.error_w .error_con{text-align: center;padding:0 10px;line-height: 1.2em;}
.error_w .error_con .text01{font-size:38px;color:#222;line-height: 1.4em;}
.error_w .error_con .text02{font-size:18px;color:#444;padding-top:16px;}
.error_w .error_con .text03{font-size:13px;color:#444;padding-top:6px;padding-bottom:40px;letter-spacing: -0.4px}
.error_w .error_con .btn01{font-size:16px;font-weight:600; width:250px;height:60px;line-height: 60px;padding:0;background: #303030;border:1px solid #000000;text-indent: 0;}
.error_w .error_con .btn01 span{text-align: center;color:#fff;padding-left:60px;background: url(images/error/error_btn.png) no-repeat 0 50%; }
.error_w .error_con .btn01:hover span{color:#fff;}
.error_w .error_con .btn01:hover {opacity: 0.8;}
.error_w .error_img{position: absolute;left: 50%;transform: translateX(-50%);-ms-transform: translateX(-50%);bottom: 105px;z-index:1}
.error_w .error_img img{max-width: 100%;max-height: 100%;}
.error_w:after{content:"";display:block;position:absolute;width:100%;height:124px;background:#2e2d2d;left:0;bottom:0}
.error_w .error_footer{text-align: center;color:#fff;padding-top:50px;}

/* comm_error */
.comm_error{background:#fff;}
.comm_error *{transition: all 0.5s ease;}
.comm_error .logo_wrap{text-align:center;padding:18px 0;background:#fff;}
.comm_error .logo_wrap a{display:inline-block;cursor:pointer;}
.comm_error .logo_wrap a h1{width:195px;height:44px;background: url('images/error/logo_80.png') no-repeat 0 50%; background-size:100%;}
.comm_error .error_visual{background:#fff;max-width:1920px;width:100%;margin:0 auto;}
.comm_error .error_visual > div{position:relative;background:url('images/error/error_visual_img.png') center no-repeat;background-size:cover;width:100%;padding:90px 0;}
.comm_error .error_visual > div .main_cont{width:100%;max-width:1080px;height:558px;margin:0 auto;}
.comm_error .error_visual > div .main_cont:after{content:'';display:block;clear:both;}
.comm_error .error_visual > div .main_cont .left_main{float:left;position:relative;background:url('images/error/left_main_img.png') center no-repeat;background-size:cover;width:100%;height:100%;max-width:50%;overflow:hidden;}
.comm_error .error_visual > div .main_cont .right_main{float:left;position:relative;background:#fff;width:100%;height:100%;max-width:50%;padding:50px;overflow:hidden;}
.comm_error .error_visual > div .main_cont .right_main .right_top{padding-top:50px;}
.comm_error .error_visual > div .main_cont .right_main .right_top .top_first{font-size:26px;font-weight:600;color:#008294;}
.comm_error .error_visual > div .main_cont .right_main .right_top .top_first span{display:inline-block;font-size:16px;font-weight:400;color:#666;border-left:1px solid #666;padding-left:10px;margin-left:10px;}
.comm_error .error_visual > div .main_cont .right_main .right_top .top_second{font-size:40px;font-weight:400;color:#222;padding-top:20px;}
.comm_error .error_visual > div .main_cont .right_main .right_top .top_second span{display:inline-block;font-weight:600;}
.comm_error .error_visual > div .main_cont .right_main .right_cont{padding-top:100px;}
.comm_error .error_visual > div .main_cont .right_main .right_cont p{font-size:17px;font-weight:400;color:#333;line-height:1.6;}
.comm_error .error_visual > div .main_cont .right_main .right_cont p span{font-weight:600;}
.comm_error .error_visual > div .main_cont .right_main .right_cont p.tt_blue{color:#008294;font-weight:600;}
.comm_error .error_visual > div .main_cont .right_main .right_btn{padding-top:30px;}
.comm_error .error_visual > div .main_cont .right_main .right_btn a{display:block;cursor:pointer;text-align:center;}
.comm_error .error_visual > div .main_cont .right_main .right_btn a span{display:block;background:#152c46 url('images/error/lock_ic.png') no-repeat 25% 50%;padding:30px 0;font-size:20px;font-weight:500;color:#fff;}
.comm_error .error_copy{text-align:center;padding:18px 0;background:#fff;}
.comm_error .error_copy p{font-size:14px;font-weight:300;}


.q_login{padding-top:20px;}
.q_login a{color:#fff;}
.q_login a:hover{color:#fff;}
.q_login strong {color:#fff;}


@media only screen and (max-width:1410px){
	.quick_menu_w{display: none;}
}

@media only screen and (max-width:1280px){
	.login_wrap_{overflow:hidden;max-width:1280px;margin:0 auto}
	.login_w .login_h{padding-left:0}


}

@media only screen and (max-width:1200px){
	.login_wrap_ .login_box_ .tab_cont > li{padding:30px 100px 55px 100px;}


}

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

	.login_w .login_h{padding-left:0;text-align: left;}
	.login_wrap_ .login_box_ > ul{padding:0 20px;}
	.login_wrap_ .login_box_ ul li{}
	.login_wrap_ .login_box_ > ul > li + li{border-top: 1px solid #dfe1e9;border-left:none;}
	.login_wrap_ .login_box_ ul li{padding: 75px 0;}
	.login_wrap_ .login_box_ ul li.li1 .text02{padding-top:30px;}

	.login_wrap_ .login_box_{margin:0 10px;}
	.login_w .login_footer{padding:25px 10px 30px 10px;}


	.ui-widget.ui-widget-content{width:96% !important;min-width:320px;}
	.search_form_wrap{margin-bottom:10px;}

	.login_wrap_ .login_box_ > ul{padding:0 20px;}
	.login_wrap_ .login_box_ ul li{}
	.login_wrap_ .login_box_ > ul > li + li{border-top: 1px solid #dfe1e9;border-left:none;}
	.login_wrap_ .login_box_ ul li{padding: 15px 0;}
	.login_wrap_ .login_box_ ul li.li1 .text02{padding-top:30px;}
	.login_wrap_ .login_box_ ul li.li3 .tab_cont .notice_list{padding-top:15px;}
	.login_wrap_ .outsider_login_wrap ul li{padding:0;}

	.login_wrap_ .login_box_{margin:0 20px;}
	.login_slide{margin:10px 10px 0 10px;}
	.login_w .login_footer{padding:25px 10px 30px 10px;}


	.error_w .error_header{padding-top:30px;padding-bottom:30px;}
	.error_w .error_header h1 img{max-width: 100%;width:220px; max-height: 100%;}
	.error_w .error_con .text01{font-size:25px;}
	.error_w .error_con .text02{font-size:15px;}
	.error_w .error_con .text03{font-size:13px;padding-bottom:30px;}
	.error_w .error_con .btn01{height:40px;line-height:40px;display:inline-block;position:relative;left:auto;bottom:auto;opacity:1}

	/* common_error */
	.comm_error .error_visual > div .main_cont{background-color:transparent;height:auto;}
	.comm_error .error_visual > div .main_cont .left_main{display:none;}
	.comm_error .error_visual > div .main_cont .right_main{float:none;padding:30px;height:auto;margin:0 auto;}
	.comm_error .error_visual > div .main_cont .right_main:after{display:none;}
	.comm_error .error_visual > div .main_cont .right_main .right_top{padding-top:0;}
	.comm_error .error_visual > div .main_cont .right_main .right_top .top_second{font-size:36px;}
	.comm_error .error_visual > div .main_cont .right_main .right_cont{padding-top:50px;}

	/* hufs */
	.pc_br{display:none;}
	.mobile{display:block !important}
	.login_w .login_h_w{height:84px;background:#fff}
	.login_w .login_h h1{padding:14px 0;}
	.login_w .login_h h1 a{width:170px;height:56px; background:url(images/main/login/mob/logo_.png) no-repeat center center; background-size:170px;}
	.login_con_{padding-bottom:0;}
	.login_w .login_top{display:none;height: 320px;padding-top: 62px;transition:all 0.5s ease;}
	.login_w .login_top{height:auto;padding:20px 0 10px;text-align: center;}
	.login_w .login_top h2 img{max-width:280px}
	.login_w .login_top h2 span::before{display:none;}
	.login_w .login_top p{display:none;}
	.login_wrap_{padding-bottom:0}
	.login_wrap_ .login_box_:before{display: none;}
	.login_wrap_ .login_box_{max-width:100%;margin:0 20px;padding-right:0;padding-bottom:90px;background:#002d56 none;}
	.login_wrap_ .login_box_ .mobile_img_wrap{display:block;position:relative;height:100%;max-height:330px;}
	.login_wrap_ .login_box_ .mobile_img_wrap:before{content:'';display:block;position:absolute;top:91px;right:0;background:url(images/main/login/mob/login_visual_img.png) no-repeat;background-size:auto 90%;background-position:top right;width:100%;height:100%;z-index:1;}
	.login_wrap_ .login_box_ .mobile_img_wrap:after{content:'';display:block;background:url(images/main/login/mob/login_bg_back02.png) no-repeat;background-size:auto 100%;background-position:top right;width:100%;height:100%;}
	.login_wrap_ .login_box_ > ul{padding:0}
	.login_wrap_ .login_box_ .tab_li{position:absolute;width:100%;z-index: 11;}
	.login_wrap_ .login_box_ .tab_cont.lo_tab{padding-top:60px;}
	/* .login_wrap_ .login_box_ .tab_li li{width:50%;height:auto;float:left;padding:0;}
	.login_wrap_ .login_box_ .tab_li li a{position:relative;display:block;width:100%;padding:30px 0;font-size:17px;color:#767676;}
	.login_wrap_ .login_box_ .tab_li li.first a{padding-left:40px}
	.login_wrap_ .login_box_ .tab_li li.last a{padding-right:40px} */
	/* .tab_li li a:focus,
	.tab_li li a:active,
	.login_wrap_ .login_box_ .tab_li li.on a{color:#fff;}
	.login_wrap_ .login_box_ .tab_li li.first a:before{content:"";display:inline-block;position:absolute;top:50%;left:0;transform:translateY(50%);width:30px;height:2px;}
	.login_wrap_ .login_box_ .tab_li li.first a:after{content:"";display:inline-block;border-radius:50%;border:2px solid #fff;position:absolute;top:40%;left:97%;transform:translateY(50%);width:5px;height:5px;}
	.login_wrap_ .login_box_ .tab_li li a:before{background:#767676;}
	.login_wrap_ .login_box_ .tab_li li a:after{opacity:0.7}
	.login_wrap_ .login_box_ .tab_li li.on a:before{background:#fff;}
	.login_wrap_ .login_box_ .tab_li li.on a:after{background:#fff;opacity:1}
	.login_wrap_ .login_box_ .tab_li li.last a:before{content:"";display:inline-block;position:absolute;top:50%;right:0;transform:translateY(50%);width:30px;height:2px;}
	.login_wrap_ .login_box_ .tab_li li.last a:after{content:"";display:inline-block;border-radius:50%;border:2px solid #fff;position:absolute;top:40%;right:97%;transform:translateY(50%);width:5px;height:5px;}
	.login_wrap_ .login_box_ .tab_li li.last > a{text-align:right;}
	.login_wrap_ .login_box_ .tab_li li:nth-child(1){}
	.login_wrap_ .login_box_ .tab_li li:nth-child(1) a{}
	.login_wrap_ .login_box_ .tab_li li:nth-child(2){border-bottom: none;}*/
	.login_wrap_ .login_box_ .tab_cont_wrap{float:left;width:100%;}

	.login_wrap_ .login_box_ .text_w{top:15px;left:15px;}
	.login_wrap_ .login_box_ .text_w .txt1{font-size:15px;}
	.login_wrap_ .login_box_ .text_w .txt2{font-size:40px;}
	/* .login_wrap_ .login_box_ .text_w .txt3{font-size:17px;} */
	.login_wrap_ .login_box_ > ul.tab_cont{background:none;width:100%;max-width:none; height:auto;margin-left:0;position:static;padding:0}
	.login_wrap_ .login_box_ > ul > li{height:auto;padding:0}
	.login_wrap_ .login_box_ .text_w{}
	.login_wrap_ .login_box_ ul li .text01{display:none}
	.login_wrap_ .login_box_ ul li.li1{display:none;}
	.login_wrap_ .login_box_ ul li.li1 .text02{font-size:15px;line-height: 18px;color:#fff;padding:15px 0;word-break: keep-all;line-height:1.6}
	/*.login_wrap_ .login_box_ ul li.li1 .log_btn1,
	 .login_wrap_ .login_box_ ul li.li2 .log_btn2{width:80%;height:132px;line-height:132px;border:3px solid #fff;border-radius:75px;} */
	.login_wrap_ .login_box_ ul li.li1 .log_btn1{width:40%;max-width:none;height:42px;line-height:40px;border:1px solid #fff;border-radius:40px}
	.login_wrap_ .login_box_ ul li.li1 .log_btn1 span{font-size:15px}
	/* .login_wrap_ .login_box_ ul li.li1 .idpw_fd{padding-top:30px;padding-bottom:35px;} */
	.login_wrap_ .login_box_ ul li.li1 .idpw_fd a{color:#fff;font-size:14px;}
	.login_wrap_ .login_box_ ul li.li1 .idpw_fd a + a:before{background:#fff;height:15px;}
	.login_wrap_ .login_box_ ul li.li2{display:none}
	/* .login_wrap_ .login_box_ ul li.li2 input{display:block} */
	.login_wrap_ .login_box_ > ul > li + li{border-top:0}
	/* .login_wrap_ .login_box_ ul li.li2 .login_input_w{padding:0 25px;padding-top:25px} */
	/* .login_wrap_ .login_box_ ul li.li2 .text_id,
	.login_wrap_ .login_box_ ul li.li2 .text_pw{margin:0;}
	.login_wrap_ .login_box_ ul li.li2 .text_pw{margin-top:50px;} */
	/* .login_wrap_ .login_box_ ul li.li2 input{padding-right:20px;height:45px;} */
	/* .login_wrap_ .login_box_ ul li.li2 input[type="text"]{font-size:20px;text-indent:35px;border-bottom:2px solid #fff;}
	.login_wrap_ .login_box_ ul li.li2 input[type="password"]{font-size:20px;text-indent:35px;border-bottom:2px solid #fff;}
	.login_wrap_ .login_box_ ul li.li2 .text_id:before{position:absolute;top:12px;left:2px;width:20px;height:44px;display: inline-block;vertical-align: middle;content: "";background:url('/common/1user/common/css/images/main/login/mob/login_ic_user.png') no-repeat 0% 0%;z-index:13;background-size:auto 50%;}
	.login_wrap_ .login_box_ ul li.li2 .text_pw:before{position:absolute;top:12px;left:2px;width:18px;height:42px;display: inline-block;vertical-align: middle;content: "";background:url('/common/1user/common/css/images/main/login/mob/login_ic_lock.png') no-repeat 0% 0%;z-index:13;background-size:auto 50%;} */
	/* .login_wrap_ .login_box_ ul li.li2 .log_btn2{width:100%;height:42px;line-height:40px;border:1px solid #fff;border-radius:40px;margin-top:15px;float:none;} */
	.login_wrap_ .login_box_ ul li.li2 .log_btn2 span{color:#fff;}
	.login_wrap_ .login_box_ ul li.li1 .li2_b li a{color:#fff;}
	.login_wrap_ .login_box_ ul li.li1 .li2_b li + li::before{background:#fff;}
	.login_wrap_ .login_box_ ul li.li1 .li1_txt{display:none;}
	.login_wrap_ .login_box_ ul li.li2 .li2_txt{display:none;}
	.login_wrap_ .login_box_ .chk_id_save{font-size:15px;margin-top:15px;margin-bottom:0;}
	.login_wrap_ .login_box_ .chk_id_save input[type='checkbox'] + label{display:inline-block;margin-right:0;margin-top:10px;padding:0;background:url(images/main/login/mob/login_ic_chkbtn_off.png) no-repeat;background-size:auto 50%;height:30px;width:18px;vertical-align:middle;}
	.login_wrap_ .login_box_ .chk_id_save input[type='checkbox']:checked + label{display:inline-block;background:url(images/main/login/mob/login_ic_chkbtn_on.png) no-repeat;background-size:auto 50%;}
	.login_wrap_ .login_box_ ul li.li3{max-width:100%;max-height:100%;width:100%;height:auto;}
	.login_wrap_ .login_box_ ul li.li3 .class_list{padding-top:10px;}
	.login_wrap_ .login_box_ ul li.li3 .style_1 li{width:25%}
	.login_wrap_ .login_box_ ul li.li4{width:100%;height:auto;background:#ebe8e6;}
	.login_wrap_ .login_box_ ul li.li4 .link_box{display:block;max-width:100%;max-height:100%;}
	.login_wrap_ .login_box_ ul li.li4 .link_box ul li{display:block;border-bottom:1px solid #d8d0c8;padding:10px 0;}
	.login_wrap_ .login_box_ .tab_cont li.notice_list{display:block;padding-top:15px;}
	.login_wrap_ .login_box_ .tab_type1 li a{font-size:15px;width:auto;height:100%;padding:15px 0;}
	.login_wrap_ .login_box_ ul li.li3 .tab_cont .notice_list a{width:99%}
	.link_box{display:none}
	.link_box ul > li{background:url(/common/1user/common/css/images/main/login/mob/login_menu_right_arr.png) no-repeat right center;background-size:auto 10%}
	.link_box ul li a{display:block;padding:15px 10px;font-size:15px;color:#666;letter-spacing:-1px;}
	.link_box ul li a::before{margin-right:10px;}
	.link_box ul li a::before{width:40px;}
	.link_box ul li:nth-child(1) a::before{background-image:url(/common/1user/common/css/images/main/login/mob/login_ic_join.png);background-size:auto 24px;height:60px;}
	.link_box ul li:nth-child(2) a::before{background-image:url(/common/1user/common/css/images/main/login/mob/login_ic_menual.png);background-size:auto 24px;height:72px;}
	.link_box ul li:nth-child(3) a::before{background-image:url(/common/1user/common/css/images/main/login/mob/login_ic_homepage.png);background-size:auto 24px;height:66px;}

	.login_w .login_footer{padding:40px 10px 130px 10px;}
	.login_footer .footer_wrap.style01{padding:0;background:none}
	.login_footer .footer_wrap.style01 .footer02{display:block}
	.login_footer .footer_wrap.style01 .footer03{text-align:left}
	.login_footer .footer_wrap.style01 .footer03 .address > li{padding:0}
	.login_footer .footer_wrap.style01 .footer03 .address li ul li{display:block;padding-bottom:0;padding:0;font-size:14px;line-height:1.6;}
	.login_footer .footer_wrap.style01 .footer03 .address li ul li:last-child{padding-top:5px;}
	.login_footer .footer_wrap.style01 .footer03 .address li ul li:before{display:none}
	.login_footer .footer_wrap.style01 .footer03 .copy{font-size:14px;color:#f1f0f0;line-height:1.6;}
	.login_footer .footer_wrap.style01 .footer03 .copy a{display:block;}
	.login_footer .footer_wrap.style01 .footer02 .footer_left li a{font-size:15px;}
	.login_footer .footer_wrap.style01 .footer02 .footer_left li:before{top:-2px;width:2px;height:2px;}
	.login_footer .footer_wrap.style01 .footer_logo_wrap{display:none;}
}

@media only screen and (max-width:760px){
	.search_form_wrap ul li.last dd.in_select .cd{padding-bottom: 10px;}
	.cd + input[type=text]{margin-left: 0;}
	.search_form_wrap ul li.last dd.in_select input[type="text"]{width: calc(100% - 86px);}
	.login_wrap_ .login_box_{margin:0 20px;padding-bottom: 90px;}
	.login_wrap_ .login_box_::before{width: 100px;height: 142px;}
	.login_wrap_ .login_box_::after{width: 178px;height: 326px;}
	.login_wrap_ .login_box_ .tab_li li.first a:after{left:95%}
	.login_wrap_ .login_box_ .tab_li li.last a:after{right:95%}
	.login_wrap_ .login_box_ .tab_cont > li{padding:30px 20px 40px 30px;}
	.login_wrap_ .login_box_ .tab_li li a{height:45px;line-height: 45px;}
	.login_wrap_ .login_box_ ul li.li1 .idpw_fd{padding-top:15px;margin-top:15px;}
	.login_wrap_ .login_box_ .tab_cont.lo_tab{padding-top:45px;}
	.login_wrap_ .login_box_ .tab_cont > li{padding:20px 20px 20px 20px;}
	.login_wrap_ .login_box_ ul li.li2{height: 256px;padding:16px 20px 20px 20px;}
	.login_wrap_ .login_box_ ul li.li1{height: 256px;}

	.comm_error .error_visual > div .main_cont .right_main{max-width:70%;}
}

@media only screen and (max-width:650px){
	.login_wrap_ .login_box_ ul li.li3 .style_1 li{width:32.6%}

	.login_wrap_ .login_box_ ul li h3{font-size:17px;}
}

@media only screen and (max-width:560px){
	.comm_error .error_visual > div .main_cont .right_main{padding:20px;max-width:80%;}
	.comm_error .error_visual > div .main_cont .right_main .right_top .top_first{font-size:20px;}
	.comm_error .error_visual > div .main_cont .right_main .right_top .top_first span{font-size:14px;}
	.comm_error .error_visual > div .main_cont .right_main .right_top .top_second{font-size:30px;}
	.comm_error .error_visual > div .main_cont .right_main .right_cont p{font-size:15px;line-height:1.4;}

}

@media only screen and (max-width:420px){
	.error_w{padding-top:100px}
	.login_wrap_ .login_box_{padding-bottom:60px;}
	.login_wrap_ .login_box_ ul li.li2 .text_pw{margin-top:10px;}
	.login_wrap_ .login_box_::before, .login_wrap_ .login_box_::after{display:none;}
	.login_wrap_ .login_box_ .mobile_img_wrap{max-height:247px;}
	.login_wrap_ .login_box_ .mobile_img_wrap:before{top:68px;}
	.login_wrap_ .login_box_ .text_w .txt1{font-size:12px;}
	.login_wrap_ .login_box_ .text_w .txt2{font-size:30px;}
	.login_wrap_ .login_box_ .text_w .txt3{font-size:13px;padding-top:5px;}
	.login_wrap_ .login_box_ ul li.li1 input::placeholder{font-size:12px;}
	.login_wrap_ .login_box_ ul li.li1 input[type="text"]{font-size:12px;text-indent:35px;border-bottom:2px solid #fff;padding-left:0;}
	.login_wrap_ .login_box_ ul li.li1 input[type="password"]{font-size:12px;text-indent:35px;border-bottom:2px solid #fff;padding-left:0;}
	.login_wrap_ .login_box_ ul li.li1 .text_id:before{left:14px;}
	.login_wrap_ .login_box_ ul li.li1 .text_pw:before{left:14px;}
	.login_wrap_ .login_box_ ul li.li2 input::placeholder{font-size:12px;}
	.login_wrap_ .login_box_ ul li.li2 input[type="text"]{font-size:12px;text-indent:35px;border-bottom:2px solid #fff;padding-left:0;}
	.login_wrap_ .login_box_ ul li.li2 input[type="password"]{font-size:12px;text-indent:35px;border-bottom:2px solid #fff;padding-left:0;}
	.login_wrap_ .login_box_ ul li.li2 .text_id:before{left:14px;}
	.login_wrap_ .login_box_ ul li.li2 .text_pw:before{left:14px;}
	.login_wrap_ .login_box_ ul li.li2{padding: 20px 20px 40px 20px;}
	.br_mobile{display:block;}

	.comm_error .error_visual > div .main_cont .right_main .right_top .top_first{font-size:16px;}
	.comm_error .error_visual > div .main_cont .right_main .right_top .top_second{font-size:26px;}
	.comm_error .error_visual > div .main_cont .right_main .right_btn a span{background-position:15% 50%;padding-left:20px;}

}
@media only screen and (max-width:380px){
	.login_wrap_ .login_box_ .mobile_img_wrap{max-height:197px;}
	.login_wrap_ .login_box_ .mobile_img_wrap:before{top:86px;background-size:auto 70%;}
	.login_wrap_ .login_box_ .tab_li li a{font-size:15px;}

	.link_box ul li a{font-size:13px}
	.link_box ul > li{background-size:auto 8%}
	.link_box ul li:nth-child(1) a::before{background-size:auto 40%;}
	.link_box ul li:nth-child(2) a::before{background-size:auto 40%;}
	.link_box ul li:nth-child(3) a::before{background-size:auto 40%;}
	.login_footer .footer_wrap.style01{background-position-x:50%;}
	.login_footer .footer_wrap.style01 .footer03 .address{padding:20px 0 0}

	.comm_error .error_visual > div .main_cont .right_main .right_top .top_first span{font-size:12px;}
}
@media only screen and (max-width:360px){

	.comm_error .error_visual > div .main_cont .right_main .right_top .top_first{font-size:14px;}
	.comm_error .error_visual > div .main_cont .right_main .right_top .top_second{font-size:24px;}


}