@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: Noto Sans;    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: Noto Sans;    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: Noto Sans;    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:#db3b3f;font-weight:600;border-bottom:1px solid #db3b3f; }
.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%;}

.tree_wrap .btn_wrap a.btn01{display:inline-block;min-width:80px;height:34px;padding:0 15px;border:1px solid #D7DFE4;border-radius:0;background:#fff;line-height:32px;font-size:13px;color:#333 !important;text-align:center}
.tree_wrap .btn_wrap a.btn01 span{display:inline-block;background:no-repeat 0 50%}
.tree_wrap .btn_wrap .btn01 + .btn01{margin-left:5px;}
/* 접기 */
.tree_wrap a.btn01.all_close_menu span{padding-left:24px;background-image:url(./images/common/menu_ctrl_ic_m.png)}
/* 펴기 */
.tree_wrap a.btn01.all_open_menu span{padding-left:24px;background-image:url(./images/common/menu_ctrl_ic_p.png)}




/* .login_w{border-top:0;}
.login_h_w{height:80px;background:#c61f25}
.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-top:8px;}
.login_w .login_h h1 a{width:191px;height:62px; 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:#f5f5f5;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:20px 0 0;}
.login_wrap_ .login_box_{margin:0 auto;height:691px; position:relative;max-width:1024px;}
.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%;} */

.log_pop_bg{display:none;position:fixed;overflow:hidden;height:100%;top:0;left:0;bottom:0;right:0;z-index:100;background:rgba(0,0,0, 0.85);}
.log_pop_bg.on{display:block;}
.log_pop_wrap{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:101;width:100%;max-width:900px;height:735px;background:#fff;box-shadow:10px 3px 15px 3px rgba(0,0,0,0.36)}
.log_pop_wrap.on{display:block;}
.log_pop_close{position:absolute;top:35px;right:35px;padding:11px;background:url(images/main/login/etc_pop_close.png) no-repeat;}
.log_pop_wrap .log_pop > p{font-weight:500;font-size:35px;color:#000;}

.log_pop{position: relative;height:100%;}
.log_pop .log_pop_close{font-size:0;text-indent:-9999em;background: url(images/main/login/login_pop_close.png) no-repeat center center;width:24px;height:26px;position: absolute;top:60px;right:40px;}
.log_pop .login{display:inline-block;width:47%;height:100%;padding:60px 40px 30px;vertical-align: top;}
.log_pop .bg_box{display:inline-block;width: 53%;background-position:center center;background-repeat: no-repeat;background-size: cover;height: 735px;padding:57px 33px;vertical-align: top;}
.log_pop h2{font-size:0;text-indent:-9999em;display:block;background-position: center center;background-repeat: no-repeat;}
.log_pop h2.right{background-image:url(images/main/login/log_pop_top_logo.png);width:136px;height:28px;}
.log_pop .top_txt{font-size:21px;font-weight:300;letter-spacing: -.9px;color:#222;}
.log_pop .top_txt span{font-weight:600;}
.log_pop .tab_type1{border-bottom:1px solid #f0f0f0;margin-top:32px;margin-bottom: 0;border-radius:0;}
.log_pop .tab_type1 li{position:relative;padding-right:0;}
.log_pop .tab_type1 li + li{margin-left:40px;}
.log_pop .tab_type1 li a{background:none;font-size:14px;font-weight:400;letter-spacing: -.7px;color:#aaaaaa;padding: 0 10px;margin-left: 0;border-radius:0;}
.log_pop .tab_type1 li.on:after{content:'';display:block;position:absolute;bottom:0;left:0;z-index:1;}
.log_pop .tab_type1 li.li1.on:after{width:100%;height:3px;border-radius:1.5px;background-color:#2060b8;}
.log_pop .tab_type1 li.li2.on:after{width:100%;height:3px;border-radius:1.5px;background-color:#a57e46;}
/* .log_pop .tab_type1 li.li2.on{border-bottom:3px solid #a57e46} */
.log_pop .tab_type1 li:hover a,
.log_pop .tab_type1 li.on a{background:none !important;color:#222222;}
.log_pop .input_box{margin-top:30px;}
.log_pop .input_box p{font-size:14px;font-weight:500;color:#222222;padding-bottom:11px;}
.log_pop input + p{padding-top:16px;}
.log_pop input[type="text"],
.log_pop input[type="password"]
{width: 100%;height: 48px;font-size:15px;border:1px solid #eeeeee;border-radius:5px;color:#333333;}
.log_pop .type1 input:focus{box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;background:#fff;border:1px solid #203997;outline: none;}
.log_pop .type2 input:focus{box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;background:#fff;border:1px solid #a57e46;outline: none;}
.log_pop input::placeholder{color:#999999;}
.log_pop .login_btn{display:block;position:static;border-radius:5px;background-image:url(images/main/login/log_pop_arrow.png);background-position: 92% 23px;background-repeat: no-repeat;width:100%;height:auto;line-height:1;margin:0 auto;margin-top:22px;padding:18px 0 20px 20px;text-align:left;font-size:0;}
.log_pop .type1 .login_btn{background-color:#203997;border:1px solid #203997}
.log_pop .type2 .login_btn{background-color:#a57e46;border:1px solid #a57e46}
.log_pop .type1 .login_btn:hover{background-color:#fff;border:1px solid #203997;background-image:url(images/main/login/log_pop_arrow01_hover.png);}
.log_pop .type2 .login_btn:hover{background-color:#fff;border:1px solid #a57e46;background-image:url(images/main/login/log_pop_arrow02_hover.png);}
.log_pop .type1 .login_btn:hover span{color:#203997;}
.log_pop .type2 .login_btn:hover span{color:#a57e46;}
.log_pop .login_btn span{font-size:16px;font-weight:600;letter-spacing: .8px;color:#fff;}
.log_pop .info_txt{margin: 0;padding-top:35px;}
.log_pop .info_txt ul li{font-weight:400;font-size:14px;color:#575757;letter-spacing:-.8px;line-height:1.48em;}
.log_pop .info_txt ul li p{font-weight:600;}
.log_pop .info_txt ul li p + p{margin-left:7px;}
.log_pop .info_txt ul li:last-child{margin-left:7px;}
.log_pop .login_btn span{font-size:16px;font-weight:600;letter-spacing: .8px;color:#fff;background-image:none;}
.log_pop .bg_box.type1{background-image:url(images/main/login/log_pop_bg01.jpg);}
.log_pop .bg_box.type2{background-image:url(images/main/login/log_pop_bg02.jpg);}
.log_pop .bg_box p{font-size:24px;line-height: 1.4;font-weight:300;color:#fff;padding-top:30px;}
.log_pop .bg_box p span{font-weight:600;}


.log_pop_wrap .login_input_w{overflow:hidden;clear:both;}
.log_pop_wrap .login_input_w .input_w{padding-top:24px;padding-bottom:40px;}
.log_pop_wrap .login_input_w input + input{margin-top:0}
.log_pop_wrap .login_input_w input{position: relative;width:100%;height:60px;margin:0 auto;padding-left:45px;padding-right: 35px;background:#f9f9f9 no-repeat 20px 50%;line-height:60px;z-index:12;border-top:0;border-right:0;border-bottom:1px solid #e8e8e8;border-left:0;font-weight:500;font-size:16px;color:#111;}
.log_pop_wrap .login_input_w input::placeholder{font-weight:500;font-size:16px;color:#999;}
.log_pop_wrap .login_input_w input.id_input{}
.log_pop_wrap .login_input_w input[type="password"]{}
.log_pop_wrap .login_input_w .text_id{position:relative;}
.log_pop_wrap .login_input_w .text_pw{position:relative;margin-top:10px;}
.log_pop_wrap .login_input_w .text_id:before{position:absolute;top:20px;left:9px;width:16px;height:18px;display: inline-block;vertical-align: middle;content: "";background:url('/common/1user/common/css/images/main/login/login_id_ic.png') no-repeat 0% 0%;z-index:13;}
.log_pop_wrap .login_input_w .text_pw:before{position:absolute;top:20px;left:9px;width:16px;height:18px;display: inline-block;vertical-align: middle;content: "";background:url('/common/1user/common/css/images/main/login/login_pw_ic.png') no-repeat 0% 0%;z-index:13;}
.log_pop_wrap .login_input_w .log_btn2{position:relative; width:100%;height:60px;margin:0 auto;line-height:60px;background:#a57e46;z-index:10;text-align:center;}
.log_pop_wrap .login_input_w .log_btn2 span{font-weight:500;font-size:17px;color:#fff;}

.log_pop_wrap .log_service_wrap{display:flex;align-items:center;justify-content:space-between;padding-top:20px;}
.log_pop_wrap .log_service_wrap a{display:inline-block;font-weight:400;font-size:14px;color:#555;border-bottom:1px solid #555;padding-bottom:2px;}
.log_pop_wrap .log_service_wrap a.idpw_find{color:#999;border-color:#999;}
.login_w{background: #fff;border-top:0;height:100% !important;min-height: auto;padding-bottom:0;}
.login_w p,
.login_w a,
.login_w span,
.login_w strong{letter-spacing:-.8px;}
.login_h_w{height:80px;background:#c61f25}
.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-top:8px;}
.login_w .login_h h1 a{width:191px;height:62px; margin:0 auto;display: block;background:url(images/main/login/logo_.png) no-repeat 0 center;text-indent: -9999em;}
.login_con_{position:relative;z-index:1;padding-bottom:0;margin:0 auto 85px;max-width:1280px;}
.login_wrap_ .login_box_ > ul{margin-top:0}
.login_w .login_top{display:flex;align-items:center;justify-content:space-between;padding-top: 30px;}
.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_con_ .login_logo{transition:all ease .5s;}
.login_w .login_con_ .login_logo img{vertical-align:middle;}
.login_w .login_con_ .login_logo span{position:relative;font-weight:600;font-size:16px;color:#222;vertical-align:middle;padding-left:15px;letter-spacing:-.45px;}
.login_w .login_con_ .login_logo span:before{content:'';display:inline-block;width:1px;height:14px;background:#808080;margin-right:15px;vertical-align:middle;}
.login_w .login_top_box{display:flex;align-items:center;}
.login_w .login_top_box p{font-weight:300;font-size:14px;color:#555;padding-right:10px;}
.login_w .login_top_box  > ul{display:flex;align-items:center;}
.login_w .login_top_box  > ul li a{border:1px solid #8e8e8e;width:108px;padding:3px 0;text-align:center;}
.login_w .login_top_box  > ul li a span{font-weight:400;font-size:14px;color:#005dd9;}

.login_wrap_{padding-top:80px;position:relative;margin-bottom:140px;}
.login_wrap_ .text_w{position:absolute;top:130px;left:0;z-index:1;transition:all ease .5s;}
.login_wrap_ .text_w .txt1{font-weight:600;font-size:46px;color:#111;line-height:58px;}
.login_wrap_ .login_box_{position: relative;max-width: 1280px;margin: 0 auto;overflow: hidden;}
.login_wrap_ .login_btn_box .idpw_fd{padding:30px 0 20px 24px;}
.login_wrap_ .login_btn_box .idpw_fd a{display:inline-block;font-weight:400;font-size: 14px;color:#777;}
.login_wrap_ .login_btn_box .idpw_fd a + a:before{content: '';display: inline-block;width: 1px;height: 10px;margin: 0 10px;background: #ccc;}
.login_wrap_ .login_btn_box .log_btn{display: block;position:relative;width:404px;margin-top:95px;}
.login_wrap_ .login_btn_box .log_btn + .log_btn{margin-top:4px;}
.login_wrap_ .login_btn_box .log_btn span{display: block;position:relative;z-index:10;margin:0;padding:33px 40px 28px;color:#fff;background:#203997 no-repeat 90% 50%;background-image:url('images/main/login/login_btn_arrow.png');font-weight:500;font-size:23px;color:#fff;}
.login_wrap_ .login_btn_box .log_btn.etc_log span{background-color:#000;padding-top:25px;padding-bottom:24px;}
.login_wrap_ .login_box_ .login_visual{display:flex;align-items:center;justify-content:flex-end;}
.login_wrap_ .login_box_ .visual_content{display:flex;flex-wrap:wrap;width:100%;max-width:1044px;}
.login_wrap_ .login_box_ .visual_box{width:100%;height:535px;background-repeat:no-repeat;background-size:100% auto;transition: height ease .5s;}
.login_wrap_ .login_box_ .visual_box.bg01{background-image:url('images/main/login/login_main_visual01.jpg');}
.login_wrap_ .login_box_ .visual_box.bg02{background-image:url('images/main/login/login_main_visual02.jpg');}
.login_wrap_ .login_box_ .visual_box.bg03{background-image:url('images/main/login/login_main_visual03.jpg');}
.login_wrap_ .login_box_ .visual_box.bg04{background-image:url('images/main/login/login_main_visual04.jpg');}
.login_wrap_ .login_box_ .visual_box.bg05{background-image:url('images/main/login/login_main_visual05.jpg');}
.login_wrap_ .login_box_ .visual_box.bg06{background-image:url('images/main/login/login_main_visual06.jpg');}
.login_wrap_ .login_box_ .visual_box.bg07{background-image:url('images/main/login/login_main_visual07.jpg');}
.visual_content ul{display:flex;justify-content:flex-end;width:100%;margin:0 0 20px auto}
.visual_content ul li{position:relative;text-align:center}
.visual_content ul li a{font-weight:500;font-size:15px;color:#383838;}
.visual_content ul li:nth-child(2){padding:0 38px 0 42px;}
.login_gray_bg{position:absolute;top:507px;left:0;z-index:0;width:calc(100% - 1280px);min-width:951px;height:303px;background:#f9f9f9;}
.login_tab_w{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;margin-bottom:150px;}
.login_tab_w div.tab_cont{display:block;position:relative;width:calc(100% - 428px)}
.login_tab_w .login_l_tab{position:relative;}
.login_tab_w .login_l_tab .tab_title h2{font-weight:600;font-size:34px;color:#000;}
.login_tab_w .login_l_tab .tab_li{padding-top:44px;}
.login_tab_w .login_l_tab .tab_li li + li{padding-top:14px;}
.login_tab_w .login_l_tab .tab_li li a{width:304px;padding:15px 0;padding-left:38px;border:2px solid #e1e1e1;font-weight:500;font-size:22px;color:#989898;background-position:-65px -95px;transition:all ease .5s;}
.login_tab_w .login_l_tab .tab_li li.is-active a{background:#005dd9 url('images/main/login/login_circle_bg.png') no-repeat -53px -89px;border-color:#005dd9;color:#fff;box-shadow:0 3px 10px 2px rgba(0,0,0,0.25)}

.login_tab_w .login_l_tab .more_btn_wrap{position:absolute;bottom:-120px;}
.login_tab_w .login_l_tab .more_btn_wrap:after{content:'';display:block;position:absolute;top:-10px;left:84px;z-index:-1;width:43px;height:41px;border-radius:100%;background:#ffc240;}
.login_tab_w .login_l_tab .more_btn_wrap > a{position:relative;transition:all ease .5s;}
.login_tab_w .login_l_tab .more_btn_wrap > a span:first-child{font-weight:600;font-size:16px;color:#000;}
.login_tab_w .login_l_tab .more_btn_wrap > a span:last-child{position:relative;padding-left:60px;height:12px;background:url('images/main/login/login_more_arrow.png') no-repeat 100% 50%;}

.login_tab_w div.tab_cont .tab_cont_list{display:none;}
.login_tab_w div.tab_cont .tab_cont_list.is-active{display:block;}
.login_tab_w .tab_cont_list ul{border-top:2px solid #000;}
.login_tab_w .tab_cont_list ul li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:28px 20px;}
.login_tab_w .tab_cont_list ul li + li{border-top:1px solid #e1e1e1;}
.login_tab_w .tab_cont_list ul li:last-child{border-bottom:1px solid #e1e1e1;}
.login_tab_w .tab_cont_list ul li span{font-weight:600;font-size:14px;color:#000;text-align:center;letter-spacing:0;}
.login_tab_w .tab_cont_list ul li > span:first-child{color:#999;width:80px;}
.login_tab_w .tab_cont_list ul li > span:last-child{color:#111;width:70px;}
.login_tab_w .tab_cont_list ul li > span.d_date_off{color:#c4c4c4;}
.login_tab_w .tab_cont_list ul li > a{width:calc(100% - 240px);}
.login_tab_w .tab_cont_list ul li > a:hover span{text-decoration:underline;}
.login_tab_w .tab_cont_list ul li > a span{display:inline-block;width:100%;font-weight:500;font-size:16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:17px;text-align:left;}
.login_tab_w .tab_cont_list ul li.NO_RESULT{display:block;height:auto;padding:140px 0 20px !important;background:url(/common/1user/common/css/portfolio/images/ai_recomm_nodata.png) no-repeat 50% 40px;}
.login_tab_w div.tab_cont:after{content:'';display:block;position:absolute;top:-120px;right:0;z-index:-1;width:101px;height:120px;background:url(images/main/login/login_symbol_character_ic.gif) no-repeat;}
.word_bubble_wrap{position:absolute;top:-120px;right:110px;}
.word_bubble {position: relative;background: #fff;border-radius: 20px;border:2px solid #4c4c4c;width:auto;padding:10px 25px;font-weight:500;font-size:16px;color:#333;letter-spacing:-1px;}
.word_bubble:before{content: '';position: absolute;z-index: -1;bottom: 0px;right: 2px;width: 0;height: 0;border-style: solid;border-width: 0px 0px 35px 16px;border-color: #4c4c4c transparent;margin-left: 0;margin-bottom: -14px;transform: rotate(130deg);}
.word_bubble:after{content: '';position: absolute;z-index: 0;bottom: 5px;right: 7px;width: 0;height: 0;border-style: solid;border-width: 0px 0px 13px 4px;border-color: #fff transparent;margin-left: 0;margin-bottom: -14px;transform: rotate(140deg);}

.login_bottom_wrap{display:flex;flex-wrap:wrap;align-items:center;margin-top:100px;}
.login_bottom_wrap .swiper_wrap{flex:0 0 50%;overflow:hidden;}
.login_bottom_wrap .swiper_wrap .faqSwiper{position:relative;}
.login_bottom_wrap .swiper_wrap .swiper-slide ul li{padding:50px 50px 0;min-height:234px;background:#202020;text-align:left;}
.login_bottom_wrap .swiper_wrap .swiper-slide ul li a{font-weight:600;font-size:22px;color:#fff;}
.login_bottom_wrap .swiper_wrap .swiper-slide ul li p{padding-top:20px;font-weight:400;font-size:15px;color:#999;line-height:1.4em;}
.login_bottom_wrap .swiper_wrap .swipe_controller{position:absolute;bottom:68px;left:50px;}
.login_bottom_wrap .swiper_wrap .swiper-pagination{display:flex;width:auto;}
.login_bottom_wrap .swiper_wrap .swiper-pagination-bullet{width:12px;height:12px;border-radius:100%;background:transparent;border:2px solid #fff;opacity:1;}
.login_bottom_wrap .swiper_wrap .swiper-pagination-bullet + .swiper-pagination-bullet{margin-left:9px;}
.login_bottom_wrap .swiper_wrap .swiper-pagination-bullet-active{background:#fff;}
.login_bottom_wrap .swiper_wrap .swiper-notification{display:none;}
.login_bottom_wrap .banner_wrap{flex:0 0 50%;overflow:hidden;}
.login_bottom_wrap .banner_wrap .banSwiper{position:relative;}
.login_bottom_wrap .banner_wrap div.swiper-slide{padding:40px 50px 0;min-height:234px;background:#f1f1f1 url(images/main/login/login_notice_img01.png) no-repeat 190px 19px;}
.login_bottom_wrap .banner_wrap div.swiper-slide p{font-weight:600;font-size:22px;color:#000;line-height:1.6em;text-align:left;}
.login_bottom_wrap .banner_wrap div.swiper-slide a{display:block;margin-top:60px;text-align:left;}
.login_bottom_wrap .banner_wrap div.swiper-slide a span{font-weight:500;font-size:15px;color:#666;border-bottom:1px solid #666;padding-bottom:2px;}
.login_bottom_wrap .banner_wrap .swipe_controller{position:absolute;bottom:68px;left:50px;}
.login_bottom_wrap .banner_wrap .swiper-pagination{display:flex;width:auto;}
.login_bottom_wrap .banner_wrap .swiper-pagination-bullet{width:12px;height:12px;border-radius:100%;background:transparent;border:2px solid #111;opacity:1;}
.login_bottom_wrap .banner_wrap .swiper-pagination-bullet + .swiper-pagination-bullet{margin-left:9px;}
.login_bottom_wrap .banner_wrap .swiper-pagination-bullet-active{background:#111;}
.login_bottom_wrap .banner_wrap .swiper-notification{display:none;}
.login_w .btn_top{display:none;position:fixed;bottom:10px;right:170px;width:58px;height:58px;opacity:1 !important;background:rgba(255,255,255, 0.8);padding:15px 0;border:0;}
.login_w .btn_top.on{display:block;}
.login_w .btn_top span{padding-top:20px;background:url(images/main/login/login_go_top_ic.png) no-repeat 50% 0;font-weight:600;font-size:15px;color:#000;line-height:1;text-align:center;}
/* @keyframes rotate_image{
	100% {
    	transform: rotate(360deg);
    }
} */
/* .login_wrap_ .login_box_ > ul.tab_cont{display: block;padding-top: 22px;height: 260px;}
.login_wrap_ .login_box_ > ul > li{height:325px;text-align:center;} */

/* .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: 80px;left: 50%;margin-left: -442px;letter-spacing: -.5px;text-align:left;z-index: 10;}
.login_wrap_ .login_box_ .text_w .txt1{font-size:17px; font-weight: 600;color:#181102;padding-bottom:14px;}
.login_wrap_ .login_box_ .text_w .txt2{font-size:30px; font-weight:900;color:#222222;padding-bottom:32px;}
.login_wrap_ .login_box_ .text_w .txt3{font-size:16px;line-height:1.4em;color:#533b0b;}
.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;}
.login_wrap_ .login_box_ ul{}
.login_wrap_ .login_box_ ul li.li1 .log_btn1,
.login_wrap_ .login_box_ ul li.li2 .log_btn2{position:relative; width:360px;height:60px;margin:0 auto;border-radius:50px;line-height:60px;color:#fff;background:#c61f25;z-index:10;}
.login_wrap_ .login_box_ ul li.li2 .log_btn2{width:96px;height:90px;border-radius:0;line-height:90px;margin-top: 10px;    display: inline-block;float:right;}
.login_wrap_ .login_box_ ul li.li1 .idpw_fd{padding:0;text-align: center;padding: 28px 0;}
.login_wrap_ .login_box_ ul li.li1 .idpw_fd a{display:inline-block; font-size: 14px;color:#777777;}
.login_wrap_ .login_box_ ul li.li1 .idpw_fd a + a:before{content: '';display: inline-block;width: 1px;height: 12px;margin: 0 20px;background: #ccc;}

.login_wrap_ .login_box_ ul li.li1 .log_btn1 span,
.login_wrap_ .login_box_ ul li.li2 .log_btn2 span{font-size:18px}
.login_wrap_ .login_box_ ul li.li1{border-bottom:1px solid #dddddd;padding-bottom: 30px;}
.login_wrap_ .login_box_ ul li.li1 .text01{color:#fff}
.login_wrap_ .login_box_ ul li h3{font-size:26px;font-weight:600;color:#222222;line-height: 1.2em;}
.login_wrap_ .login_box_ ul li.li2 h3{line-height: 1.4em;}
.login_wrap_ .login_box_ ul li.li1 .text02{padding: 15px 0 30px;font-weight:300;font-size:14px;color:#555555}
.login_wrap_ .login_box_ ul li.li1 .log_btn1{background:#c61f25}
.login_wrap_ .login_box_ ul li.li2 {padding-top: 45px;}
.login_wrap_ .login_box_ ul li.li2 .login_input_w{padding: 0 33px;overflow:hidden;clear:both;}
.login_wrap_ .login_box_ ul li.li2 .input_w{float: left;width: calc(100% - 96px);padding-top:10px;}
.login_wrap_ .login_box_ ul li.li2 input + input{margin-top:0}
.login_wrap_ .login_box_ ul li.li2 input{width:100%; margin:0 auto;padding-left:55px;padding-right: 48px;background:#F6F6F6 no-repeat 20px 50%;position: relative;z-index:12;}
.login_wrap_ .login_box_ ul li.li2 input::placeholder{font-size:13px}
.login_wrap_ .login_box_ ul li.li2 input.id_input{}
.login_wrap_ .login_box_ ul li.li2 input[type="password"]{}
.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;}
.login_wrap_ .login_box_ ul li.li2 .text_id{position:relative;margin: 0 10px 0 0;}
.login_wrap_ .login_box_ ul li.li2 .text_pw{position:relative;margin: 0 10px 0 0;margin-top:10px;}
.login_wrap_ .login_box_ ul li.li2 .text_id:before{position:absolute;top:16px;left:22px;width:13px;height:13px;display: inline-block;vertical-align: middle;content: "";background:url('/common/1user/common/css/images/main/login/login_id_ic.png') no-repeat 0% 0%;z-index:13;}
.login_wrap_ .login_box_ ul li.li2 .text_pw:before{position:absolute;top:16px;left:22px;width:13px;height:14px;display: inline-block;vertical-align: middle;content: "";background:url('/common/1user/common/css/images/main/login/login_pw_ic.png') no-repeat 0% 0%;z-index:13;}
.login_wrap_ .login_box_ ul li .radio .ico{background: url(images/main/login/new_radio01.png) no-repeat 0 50%;width: 18px;top:4px;}
.login_wrap_ .login_box_ ul li .radio input:checked + .ico{background: url(images/main/login/new_radio01_on.png) no-repeat 0 50%;}
.login_wrap_ .login_box_ ul li .radio .txt{height: 47px; line-height: 47px;}

.login_wrap_ .sns_login{margin-top:30px;padding:30px 0;border-top:1px solid #ddd;text-align:center}
.login_wrap_ .sns_login .sns_list{display:flex;align-items:center;justify-content:center;}
.login_wrap_ .sns_login .sns_list li{padding:0 10px;cursor:pointer}
.login_wrap_ .sns_login .sns_list a img{display:none}
.login_wrap_ .sns_login .sns_list a{display:block;width:55px;height:55px;border-radius:50%;background:no-repeat 50% 50%}
.login_wrap_ .sns_login .sns_list a#naverIdLogin_loginButton{background-image:url(./images/common/sns_login_naver_ic.png)}
.login_wrap_ .sns_login .sns_list a#kakao-login-btn{background-image:url(./images/common/sns_login_kakao_ic.png)} */

.login_wrap_ .login_box_ .login_tab_w{width:calc(100% - 476px);padding: 30px 40px; background: #fff;}
.login_wrap_ .login_box_ .tab_cont > li{display:none;}
.login_wrap_ .login_box_ .tab_cont > li.is-active{display:block}
.login_wrap_ .login_box_ .tab_li{overflow:hidden}
.login_wrap_ .login_box_ .tab_li li {float: left;width: 33.333%;}
.login_wrap_ .login_box_ .tab_li li a {display: block;font-size: 15px;color: #999;text-align: center; height: 50px;line-height: 50px;background: #fafafa;border: 1px solid #e6e6e6;border-bottom-color: #2e3192;}
.login_wrap_ .login_box_ .tab_li li.is-active a{font-size: 16px;color: #0c2e86;font-weight: 600;background: #fff;border-color: #0c2e86;border-bottom-color: #fff;}
.login_wrap_ .login_box_ ul li.li1 .log_btn1{position:relative;width: 338px;height:52px;margin:0 auto;text-align: center;border-radius:50px;line-height:52px;color:#fff;background:#183a96;z-index:10;display: block;}
.login_wrap_ .login_box_ ul li .log_btn2{width:338px;height:52px;color:#fff;display: block;border-radius: 30px;line-height:52px;text-align: center;margin:0 auto;}
.login_wrap_ .login_box_ ul li.li2 .log_btn2{background:#1d2664;}
.login_wrap_ .login_box_ ul li.li3 .log_btn2{background:#555555;}
.login_wrap_ .login_box_ ul li.li1 .idpw_fd{padding:0;text-align: center;padding-top:20px;}
.login_wrap_ .login_box_ ul li.li1 .idpw_fd a{display:inline-block;font-weight:300;font-size: 14px;color:#777;}
.login_wrap_ .login_box_ ul li.li1 .idpw_fd a + a:before{content: '';display: inline-block;width: 1px;height: 10px;margin: 0 10px;background: #ccc;}
.login_wrap_ .login_box_ ul li.li1 .log_btn1 span,
.login_wrap_ .login_box_ ul li .log_btn2 span{font-size:18px}
.login_wrap_ .login_box_ ul li.li1 .log_btn1 span{background:url(images/main/login/lock.png) 0 50% no-repeat; padding-left: 28px;}
.login_wrap_ .login_box_ ul li h3{font-size:26px;font-weight:600;color:#333333;text-align: center;letter-spacing: -.8px;line-height: 1.2em;}
.login_wrap_ .login_box_ ul li.li1 .text01{font-size:26px;font-weight:300;letter-spacing: -.8px;text-align: center;padding-top: 7px;color:#333}
.login_wrap_ .login_box_ ul li.li1 .text02{padding:0 0 16px;font-size:14px;font-weight:300;letter-spacing: -.5px;text-align: center;color:#999999}
.login_wrap_ .login_box_ ul li.li2 h3{line-height: 1.4em;}
.login_wrap_ .login_box_ .tab_cont li {padding:40px 0 30px 0;}
.login_wrap_ .login_box_ ul li .login_input_w > div{padding: 0 60px 20px;}
.login_wrap_ .login_box_ ul li .login_input_w{overflow:hidden;clear:both;}
.login_wrap_ .login_box_ ul li input{width:100%;font-size: 13px;margin:0 auto;padding-left:55px;padding-right: 48px;background:#f6f6f6 no-repeat 20px 50%;position: relative;z-index:12;}
.login_wrap_ .login_box_ ul li input::placeholder{font-size:13px}
.login_wrap_ .login_box_ .tab_cont{display:block;height:271px;}
.login_wrap_ .login_box_ ul li .login_input_w input{height:42px;line-height:42px;border:1px solid #e4e4e4}
.login_wrap_ .login_box_ ul li .text_id{position:relative;;}
.login_wrap_ .login_box_ ul li .text_pw{position:relative;margin-top:10px;}
.login_wrap_ .login_box_ ul li .text_id:before{position:absolute;top:14px;left:22px;width:13px;height:13px;display: inline-block;vertical-align: middle;content: "";background:url('/common/1user/common/css/images/main/login/login_id_ic.png') no-repeat 0% 0%;z-index:13;}
.login_wrap_ .login_box_ ul li .text_pw:before{position:absolute;top:13px;left:22px;width:13px;height:14px;display: inline-block;vertical-align: middle;content: "";background:url('/common/1user/common/css/images/main/login/login_pw_ic.png') no-repeat 0% 0%;z-index:13;}
.login_wrap_ .login_box_ ul li .login_input_w + p{font-size: 14px;line-height: 1.3;text-align: center;letter-spacing: -.5px;color: #999;padding-top: 15px;}
.login_wrap_ .login_box_ ul li .login_input_w + p span{font-weight:500;}



/* .login_wrap_ .login_box_ .program_box{padding: 30px 0px 25px;border-top: 1px solid #ddd;}
.login_wrap_ .login_box_ .program_box .text01{font-size:16px;font-weight:500;letter-spacing:-0.8px;color:#333;}
.login_wrap_ .login_box_ .program_box ul{border:none;overflow-y: auto;height: 185px;margin-top: 20px;padding: 0;padding-right: 20px;}
.login_wrap_ .login_box_ .program_box ul li{height: 25px;padding-top: 0;overflow:hidden;clear:both;}
.login_wrap_ .login_box_ .program_box ul li.NO_RESULT{letter-spacing: -.4px;height: auto;margin-left: 20px;}
.login_wrap_ .login_box_ .program_box ul li + li{margin-top:12px;}
.login_wrap_ .login_box_ .program_box ul li p{width: calc(100% - 110px);display: inline-block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;float:left;font-size:14px;letter-spacing: -.5px;line-height: 1.8;color: #777777;}
.login_wrap_ .login_box_ .program_box ul li p > span{font-weight:600;color:#0c2e86;font-size:14px;padding-right:10px;}
.login_wrap_ .login_box_ .program_box ul li p > span.d_date_off{color:#999;}
.login_wrap_ .login_box_ .program_box ul li a{float:right;font-weight:500;font-size:13px;color:#fff;border:1px solid #183a96;width: 70px;height: 25px;display: block; text-align: center; line-height: 23px;}
.login_wrap_ .login_box_ .program_box ul li a.on{color:#183a96}
.login_wrap_ .login_box_ .program_box ul li a.off{background:#c4c4c4;border-color:#c4c4c4;color:#fff;}
.login_wrap_ .login_box_ .program_box ul li a.on:hover{}
.login_wrap_ .login_box_ .program_box ul li a.off:hover{} */

.login_wrap_ .scroll_wrap_::-webkit-scrollbar{width:6px;}
.login_wrap_ .scroll_wrap_::-webkit-scrollbar-thumb{background:#d9e3f5;width:6px;border-radius:4px;}
.login_wrap_ .scroll_wrap_::-webkit-scrollbar-track{background:#eaf0fa;background-clip: content-box;border-left: 2px solid transparent;border-right: 2px solid transparent;}
.login_w .login_footer{padding:35px 0;background:#151515;}
.login_footer .footer_wrap.style01{max-width:1280px;margin:0 auto;background: url(/common/1user/common/css/images/main/login/login_footer_logo.png) no-repeat 100% 64px;}
.login_footer .footer_wrap.style01,
.login_footer .footer_wrap.style01 .footer02,
.login_footer .footer_wrap.style01 .footer03{padding:0}
.login_footer .footer_wrap.style01 .footer02{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;}
.login_footer .footer_wrap.style01 .footer02 ul{flex:0 0 50%;}
.login_footer .footer_wrap.style01 .footer02 .footer_left{float:none;padding-left:0;}
.login_footer .footer_wrap.style01 .footer02 .footer_left li{padding-right:0;}
.login_footer .footer_wrap.style01 .footer02 .footer_left li + li{padding-left:35px;}
.login_footer .footer_wrap.style01 .footer02 .footer_left li + li a{color:#fff;opacity:.3;}
.login_footer .footer_wrap.style01 .footer02 .footer_left li:before{display:none;position:relative;top:-2px;width:2px;height:2px;background:#F0F0F0}
.login_footer .footer_wrap.style01 .footer02 .footer02_right{display:flex;justify-content:flex-end;}
.login_footer .footer_wrap.style01 .footer02 .footer02_right li a{font-weight:500;font-size:14px;color:#fff;opacity:.64;letter-spacing:0.1px;}
.login_footer .footer_wrap.style01 .footer02 .footer02_right li:nth-child(2){padding:0 32px 0 38px;}
.footer_wrap.style01 .footer03.login_style .address{padding-top:44px;}
.login_footer .footer_wrap.style01 .footer03 .address ul li{line-height:25px;}
.login_footer .footer_wrap.style01 .footer03 .address ul li span{font-weight:400;font-size:14px;color:#fffefe;opacity:0.6;}
.login_footer .footer_wrap.style01 .footer03 .copy{font-weight:500;font-size:14px;color:#fff;opacity:0.6;padding-top:5px;}
.login_footer .footer_wrap.style01 .footer03 .address li ul li:before{display:none;}
.mobile{display:none !important}



/* 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;}

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


/* calendar */
.calendar_js{padding-top:50px;}
#calendar {max-width: 1100px; margin: 0 auto;}

/* 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:225px;height:44px;background: url('images/error/logo_.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%;height:751px;}
.comm_error .error_visual > div .main_cont{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;max-width:1080px;height:558px;}
.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 .left_main:after{display:block;position:absolute;bottom:0;left:-45px;background:url('images/error/star_inu_opacity_bg_left.png') no-repeat;width:700px;height:253px;background-size:100% auto;content:'';} */
.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:after{display:block;position:absolute;bottom:0;left:-585px;background:url('images/error/star_inu_opacity_bg_right.png') no-repeat;width:700px;height:253px;background-size:100% auto;content:'';} */
.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{background:url('images/error/logo_sub.png') left center no-repeat;font-weight:300;font-size:18px;color:#666;}
.comm_error .error_visual > div .main_cont .right_main .right_top .top_second{font-size:42px;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:40px;}
.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:#0059c9;font-weight:600;}
.comm_error .error_visual > div .main_cont .right_main .right_btn{padding-top:100px;}
.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:#203997 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;}




@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;}
	.login_gray_bg{width:100%;min-width:100%;}
	.login_logo{padding-left:40px;}
	.login_w .login_h{padding-left:20px;}
	.login_wrap_ .text_w{left:40px;}
	.login_tab_w{padding:10px 30px;}
	.login_w .btn_top{right:10px;}

}



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

	.login_w .login_h{padding-left:0;text-align: left;}
	.login_w .login_top_box{display:none;}
	.login_wrap_ .login_box_ > ul{padding:0 20px;}
	.login_wrap_ .login_box_ ul li{padding:0;}
	.login_wrap_ .login_box_ ul li:first-child{display:none;}
	.login_wrap_ .login_box_ ul li:last-child{padding-right:25px;}
	.login_wrap_ .login_box_ ul li + li{padding-left:30px;}
	.login_wrap_ .login_box_{margin:0 10px;}
	.login_w .login_footer{padding:25px 10px 30px 10px;}

	.log_pop_wrap{height:100%;}
	.log_pop .login{display:block;width:100%;padding: 20px;}
	.log_pop .bg_box{display:none;}
	.log_pop .top_txt{font-size: 17px;}
	.log_pop .log_pop_close{background: url(images/main/login/login_pop_close_m.png) no-repeat center center;background-size: 23px auto;width: 23px;height: 24px;top: 30px;right: 26px;}
	.log_pop .tab_type1{margin-top: 26px;}
	.log_pop input{font-size: 14px;}
	.log_pop .login_btn span{font-size: 15px;}


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

	.login_wrap_ .login_box_{margin:0 10px;}
	.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}

	/* cuk */
	.mobile{display:block !important}
	.login_gray_bg{top:366px;height:388px;}
	.login_w .login_h_w{height:50px;background:#c61f25}
	.login_w .login_h h1{padding-top:0;}
	.login_w .login_h h1 a{height:50px; background:url(images/main/login/logo_.png) no-repeat center center; background-size:auto 40px ;}
	.login_con_{padding-bottom:0;}
	.login_w .login_top{display:block;height: 320px;padding-top: 62px;transition:all 0.5s ease;}
	.login_w .login_top{height:auto;padding:20px 0 10px;}
	.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-top:30px;padding-bottom:0;margin-bottom:70px;}
	.login_wrap_ .login_box_:before{display: none;}
	.login_wrap_ .login_box_{max-width:100%;height: auto;margin:0 auto;padding-right:0;padding-bottom:30px;}
	.login_wrap_ .text_w{top:60px;}
	.login_wrap_ .login_box_ .visual_content{justify-content:flex-end;max-width:658px;}
	.login_wrap_ .login_box_ .visual_box{height:535px;transition:height ease .5s;}

	.login_wrap_ .login_box_ .visual_box.bg01{background-image:url('images/main/login/login_main_visual01_m.jpg');}
	.login_wrap_ .login_box_ .visual_box.bg02{background-image:url('images/main/login/login_main_visual02_m.jpg');}
	.login_wrap_ .login_box_ .visual_box.bg03{background-image:url('images/main/login/login_main_visual03_m.jpg');}
	.login_wrap_ .login_box_ .visual_box.bg04{background-image:url('images/main/login/login_main_visual04_m.jpg');}
	.login_wrap_ .login_box_ .visual_box.bg05{background-image:url('images/main/login/login_main_visual05_m.jpg');}
	.login_wrap_ .login_box_ .visual_box.bg06{background-image:url('images/main/login/login_main_visual06_m.jpg');}
	.login_wrap_ .login_box_ .visual_box.bg07{background-image:url('images/main/login/login_main_visual07_m.jpg');}
	.login_tab_w{padding:0 20px;}
	.login_tab_w .login_l_tab{width:100%;}
	.login_tab_w .login_l_tab .more_btn_wrap{top:30px;right:40px;bottom:auto;}
	.login_tab_w .login_l_tab .tab_title h2{font-size:25px;line-height:35px;}
	.login_tab_w div.tab_cont{width:100%;}
	.word_bubble_wrap{display:none;}
	.login_tab_w div.tab_cont:after{display:none;}
	.login_tab_w .login_l_tab .tab_li{display:flex;align-items:center;justify-content:center;padding:22px 0;}
	.login_tab_w .login_l_tab .tab_li li{width:100%;padding:0;}
	.login_tab_w .login_l_tab .tab_li li + li{padding-top:0;}
	.login_tab_w .login_l_tab .tab_li li a{width:100%;}

	.login_bottom_wrap{margin-top:65px;padding:0 25px;}
	.login_bottom_wrap .swiper_wrap,
	.login_bottom_wrap .banner_wrap{flex:auto;width:100%;}
	.login_bottom_wrap .swiper_wrap .swiper-slide ul li{min-height:295px;padding-top:80px;}
	.login_bottom_wrap .banner_wrap div.swiper-slide{background:#f1f1f1 url(images/main/login/login_notice_img02.png) no-repeat 100% 10px;min-height:295px;padding-top:80px;}
	.login_bottom_wrap .swiper_wrap .swiper-slide ul li a,
	.login_bottom_wrap .banner_wrap div.swiper-slide p{font-size:30px;}
	.login_bottom_wrap .banner_wrap div.swiper-slide a{margin-top:20px;}
	.login_bottom_wrap .swiper_wrap .swiper-slide ul li p{font-size:22px;padding-top:30px;}

	.login_bottom_wrap .swiper_wrap .swipe_controller{left:auto;right:70px;bottom:108px;}

	.login_wrap_ .login_box_ > ul{padding:0}
	.login_wrap_ .login_box_ .tab_li li{width:33.33%;height:auto;float:left;padding:0;}
	.login_wrap_ .login_box_ .tab_li li a{display:block;width:100%;color:#484848}
	.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){}
	.login_wrap_ .login_box_ .tab_cont li{display:none}
	.login_wrap_ .login_box_ .tab_cont li.is-active{}

	.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{width:100%;height:auto;padding:0}
	.login_wrap_ .login_box_ .text_w{display:none;}
	.login_wrap_ .login_box_ ul li .text01{display:none}
	.login_wrap_ .login_box_ ul li.li1 h3{font-size:28px;color:#fff;}
	.login_wrap_ .login_box_ ul li.li1 .text02{font-size:15px;line-height: 22px;color:#fff;padding: 12px 0 22px;word-break: keep-all;}
	.login_wrap_ .login_box_ ul li.li1 .log_btn1{width: calc(100% - 86px);}
	.login_wrap_ .login_box_ ul li.li1 .log_btn1,
	.login_wrap_ .login_box_ ul li.li2 .log_btn2,
	.login_wrap_ .login_box_ ul li.li3 .log_btn2{width:100%;height:42px;line-height:42px;}
	.login_wrap_ .login_box_ ul li.li1 .log_btn1{}
	.login_wrap_ .login_box_ ul li.li1 .log_btn1 span,
	.login_wrap_ .login_box_ ul li.li2 .log_btn2 span,
	.login_wrap_ .login_box_ ul li.li3 .log_btn2 span{font-size:15px;}
	.login_wrap_ .login_box_ ul li.li1 .log_btn1 span{background-size:13px;background: url(images/main/login/lock.png) no-repeat 0 50%;display: inline-block;padding-left: 25px;}
	.login_wrap_ .login_box_ ul li.li1 .idpw_fd a{color:#777;}
	.login_wrap_ .login_box_ ul li.li1 .idpw_fd a + a:before{background:#ccc;}
	.login_wrap_ .login_box_ ul li.li2{position:static;z-index:1;border-top:0;background:#fff;margin-left:0;overflow: hidden;clear: both;}
	/* .login_wrap_ .login_box_ ul li.li2 input{display:block} */
	.login_wrap_ .login_box_ ul li.li2 h3{display:none;}
	.login_wrap_ .login_box_ > ul > li + li{border-top:0}
	.login_wrap_ .login_box_ ul li.li2 .login_input_w{padding:0;}
	.login_wrap_ .login_box_ ul li.li2 .input_w{ width: 100%;float:none;}
	.login_wrap_ .login_box_ ul li .login_input_w > div{padding:0 0 20px 0;}
	.login_wrap_ .login_box_ ul li.li2 .text_pw{margin-top:10px;}
	.login_wrap_ .login_box_ ul li.li2 input{padding-right:20px;}

	.login_wrap_ .login_box_ ul li.li2 .log_btn2,
	.login_wrap_ .login_box_ ul li.li3 .log_btn2{width:100%;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;}
	.link_box{display:none}
	.link_box ul li a{display:block;padding:15px 10px;font-size:14px}
	.link_box ul li a::before{display:block;margin:0 auto 10px}

	.login_w .login_footer{padding:20px 10px}
	.login_footer .footer_wrap.style01{background-position:100% 14px;}
	.login_footer .footer_wrap.style01 .footer02 ul{flex:auto;width:100%;}
	.login_footer .footer_wrap.style01 .footer02 .footer02_right{justify-content:flex-start;padding-top:20px;}
	.login_footer .footer_wrap.style01 .footer03{text-align:left}
	.footer_wrap.style01 .footer03.login_style .address{padding-top:24px;}
	.login_footer .footer_wrap.style01 .footer03 .address ul li span{font-weight:300;}
	.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}
	.login_footer .footer_wrap.style01 .footer03 .address li ul li + li{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;}
	.login_footer .footer_wrap.style01 .footer03 .copy a{display:block;}
	
	/* common_error */
	.comm_error .error_visual > div{height:620px;}
	.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;}

}

@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_w .btn_top{bottom:200px;}
	.login_gray_bg{height:428px;top:303px;}
	.login_wrap_ .login_box_{margin:0 auto;padding-bottom: 0;}
	.login_wrap_ .login_box_::before{width: 100px;height: 142px;}
	.login_wrap_ .login_box_::after{width: 178px;height: 326px;}
	.login_w .login_con_ .login_logo span{font-size:14px;}
	.login_wrap_ .text_w .txt1{font-size:32px;line-height:44px;}
	.login_wrap_ .login_btn_box .idpw_fd{padding:20px 0 10px 15px;}
	.login_wrap_ .login_btn_box .log_btn{width:300px;margin-top:25px;}
	.login_wrap_ .login_btn_box .log_btn span{font-size:16px;}
	.login_wrap_ .login_box_ .visual_content{max-width:450px;}
	.visual_content ul li a{font-size:13px;}
	.login_wrap_ .login_box_ ul li:last-child{padding-right:10px;}
	.login_wrap_ .login_box_ .visual_box{height:420px;transition:height ease .5s;}
	.login_tab_w .login_l_tab .tab_li li a{font-size:18px;padding:10px 0;padding-left:20px;}

	.login_bottom_wrap{margin-top:40px;}
	.login_bottom_wrap .banner_wrap div.swiper-slide{padding:25px 25px;padding-top:50px;background-size:440px auto;background-position:100% 100%;min-height:225px;}
	.login_bottom_wrap .swiper_wrap .swiper-slide ul li a,
	.login_bottom_wrap .banner_wrap div.swiper-slide p{font-size:24px;}
	.login_bottom_wrap .banner_wrap div.swiper-slide a{margin-top:50px;}
	.login_bottom_wrap .swiper_wrap .swiper-slide ul li{padding:25px 25px;padding-top:50px;min-height:225px;}
	.login_bottom_wrap .swiper_wrap .swiper-slide ul li p{font-size:18px;}
	.login_bottom_wrap .swiper_wrap .swipe_controller{bottom:83px;}
	.login_bottom_wrap .banner_wrap .swipe_controller{left:30px;}

	.etc_pop_wrap{padding:80px;width:95%;height:auto;box-shadow:0px 1px 13px 3px rgba(0,0,0,0.36)}
	.etc_pop_wrap .etc_pop > p{font-size:28px;}
	.etc_pop_wrap .etc_pop .etc_check ul li + li{padding-left:24px;}

	.log_pop .info_txt ul li{font-size:13px;}
	.log_pop .log_pop_close{top:20px;right:20px;}
	.log_pop_bg{top:1px;left:1px;}
	
	/* common_error */
	.comm_error .error_visual > div{height:560px;}
	.comm_error .error_visual > div .main_cont .right_main{max-width:70%;}


}


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

	.etc_pop_wrap{padding:60px;}
	.login_gray_bg{top:283px;height:253px;}
	.login_w .btn_top{bottom:360px;}
	.login_wrap_{margin-bottom:40px;}
	.login_wrap_ .text_w .txt1{font-size:23px;line-height:37px;}
	.login_wrap_ .login_btn_box .log_btn{width:220px;}
	.login_wrap_ .login_btn_box .log_btn span{font-size:14px;background-size:26px auto;padding:20px 10px;}
	.login_wrap_ .login_btn_box .log_btn.etc_log span{font-size:14px;padding:20px 10px;}
	.login_wrap_ .login_box_ .visual_content{max-width:320px;}
	.login_wrap_ .login_box_ .visual_box{height:295px;transition:height ease .5s;}
	.login_tab_w .tab_cont_list ul li{padding:15px;}
	.login_tab_w .tab_cont_list ul li span{font-size:13px;}
	.login_tab_w .tab_cont_list ul li > span:first-child{width:auto}
	.login_tab_w .tab_cont_list ul li > span:last-child{width:auto;}
	.login_tab_w .tab_cont_list ul li > a{width:100%;padding:5px 0;}
	.login_tab_w .tab_cont_list ul li > a span{font-size:14px;}
	.login_tab_w .login_l_tab .tab_title h2{font-size:18px;line-height:22px;}
	.login_tab_w .login_l_tab .more_btn_wrap{top:15px;right:20px;}
	.login_tab_w .login_l_tab .more_btn_wrap:after{width:33px;height:31px;top:-5px;}
	.login_bottom_wrap{margin-top:30px;}
	.login_bottom_wrap .banner_wrap div.swiper-slide,
	.login_bottom_wrap .swiper_wrap .swiper-slide ul li{min-height:185px;}
	.login_bottom_wrap .banner_wrap div.swiper-slide{padding-top:30px;background-size:320px auto;}
	.login_bottom_wrap .swiper_wrap .swiper-slide ul li a,
	.login_bottom_wrap .banner_wrap div.swiper-slide p{font-size:20px;}
	.login_bottom_wrap .banner_wrap div.swiper-slide a span{font-size:13px;}
	.login_bottom_wrap .swiper_wrap .swiper-slide ul li p{font-size:13px;}
	.login_bottom_wrap .swiper_wrap .swipe_controller{bottom:55px;}
	.login_footer .footer_wrap.style01 .footer02 .footer_left li + li{padding-left:10px;}
	.login_footer .footer_wrap.style01 .footer02 .footer02_right li:nth-child(2){padding:0 16px 0 18px;}
	.login_footer .footer_wrap.style01 .footer03 .address ul li span{font-size:12px;line-height:1.1em;}
	
	/* common_error */
	.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_second{font-size:30px;}
	.comm_error .error_visual > div .main_cont .right_main .right_cont p{font-size:15px;line-height:1.4;}
	.comm_error .error_copy {padding:18px 20px;}

}
@media only screen and (max-width:420px){
	.etc_pop_wrap{padding:40px;}
	.error_w{padding-top:100px}
	.login_gray_bg{top:250px;height:206px;}
	.login_wrap_{margin-bottom:40px;}
	.login_logo{padding-left:10px;}
	.login_w .login_con_ .login_logo img{width:139px;}
	.login_wrap_ .text_w{left:10px;}
	.login_wrap_ .text_w .txt1{line-height:33px;}
	.login_wrap_ .login_box_ .visual_content{max-width:250px;}
	.login_wrap_ .login_box_ .visual_box{height:295px}
	.login_wrap_ .login_box_::before, .login_wrap_ .login_box_::after{display:none;}
	.login_tab_w .login_l_tab .tab_li li a{font-size:14px;}
	.login_bottom_wrap{margin-top:25px;}

	.login_bottom_wrap .banner_wrap div.swiper-slide,
	.login_bottom_wrap .swiper_wrap .swiper-slide ul li{padding:15px;padding-top:20px;min-height:155px;}
	.login_bottom_wrap .swiper_wrap .swiper-slide ul li a,
	.login_bottom_wrap .banner_wrap div.swiper-slide p{font-size:16px;}
	.login_bottom_wrap .banner_wrap div.swiper-slide{background-size:200px auto;}
	.login_bottom_wrap .swiper_wrap .swiper-slide ul li p{font-size:12px;}
	.login_bottom_wrap .swiper_wrap .swipe_controller{left:30px;bottom:35px;}

	/* .login_w .login_con_ .login_top span{display:block;padding-top:10px;padding-left:0;}
	.login_w .login_con_ .login_top span:before{display:none;} */
	
	/* common_error */
	.comm_error .error_visual > div .main_cont .right_main .right_top .top_first {height:55px;background-size:240px;}
	.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:390px){
	.etc_pop_wrap{padding:20px;}
	.login_gray_bg{top:220px;height:200px;}
	.login_w .login_h h1 a{margin-left:10px;}
	.login_wrap_{margin-bottom:40px;}
	.login_wrap_ .text_w .txt1{font-size:18px;line-height:30px;}
	.login_wrap_ .login_btn_box .idpw_fd a{font-size:12px;}
	.login_wrap_ .login_box_ .visual_content{max-width:220px;}
	.login_wrap_ .login_box_ .visual_box{height:calc(100vh - 617px)}
	.login_bottom_wrap .swiper_wrap .swipe_controller{bottom:35px;}
	.login_footer .footer_wrap.style01{background-position-x:50%;}
	.login_footer .footer_wrap.style01 .footer03 .address{padding:20px 0 0}

}
@media only screen and (max-width:380px){
	/* common_error */
	.comm_error .error_visual > div{height:460px;}

}
@media only screen and (max-width:375px){
	/* .login_wrap_ .login_box_ .visual_box{height:calc(100vh - 935px)} */

}
@media only screen and (max-width:360px){
	/* common_error */
	.comm_error .error_visual > div .main_cont .right_main .right_top .top_second{font-size:24px;}
}