@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:#fdb414;border:1px solid #fdb414;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_con_ .tab_cont{display:block;width: 50%;/* height: 325px; */height:450px;float: left;padding: 80px 50px 0 50px;}
.tab_cont.box01{background:#981b45;padding-top:0;display:flex;flex-direction:column;justify-content:center;}
.tab_cont.box02{background:#fff;border: 1px solid #ebebeb;}
.login_w{background: #faf9f7;min-height: 100%;border-top:none}
.login_w *{box-sizing: border-box;}
.login_h_w{width:100%;height:60px;background: #981b45;}
.login_w .login_h{height:60px;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: 14px;s}
.login_w .login_h h1 a{display: block;width: 145px;height: 33px;margin: auto;text-indent: -9999px; background: url(images/main/login/login_header_logo.png) no-repeat center center; }


.login_bg{}
.login_w .login_top{background: #fff;text-align: center; padding-top: 106px;padding-bottom: 40px;color: #FFFFFF;transition:all 0.5s ease;}
.login_w .login_top h2{font-size: 36px;font-weight: 500; letter-spacing: -2px;color:#221e1f;padding:0;margin:0;}
.login_w .login_top h2 span{font-size:30px;font-weight:600;color:#7b7b7d;position: relative;padding-top: 19px;display: inline-block;text-align: left;}
.login_w .login_top h2 span:before{content: '';display: inline-block;margin:0 10px;width: 1px;height: 36px;background: #c8c7c5;vertical-align: middle;}
.login_w .login_top h2 span, .login_w .login_top h2 img {vertical-align: middle;}
.login_w .login_top p{font-size: 15px;line-height: 1.3;color:#444444;padding-top:30px;}



.login_wrap_{width:100%;position:relative;overflow: hidden;clear: both;margin-bottom: 66px;}
.login_con_{background: #fff;}

.login_wrap_ .login_box_{position: relative;max-width: 820px;/* height: 325px; */height:450px;margin:0 auto; background: #fff;}
.login_wrap_ .login_box_::before, .login_wrap_ .login_box_::after {content: '';display: block;position: absolute;bottom: -67px; background: no-repeat 50% 50%;}
.login_wrap_ .login_box_::before {top:auto;left: -291px;bottom:-2px;width: 308px;height: 259px; background-image: url(/common/1user/common/css/images/main/login/login_wrap_img01.png);}
.login_wrap_ .login_box_::after {right: -313px;bottom: 0;width: 338px;height: 236px;background-image: url(/common/1user/common/css/images/main/login/login_wrap_img02.png);}


.login_wrap_ .login_box_ > ul {display:block;width:100%;position: absolute;top:0px;clear: both;overflow: hidden;}


.login_wrap_ .login_box_ ul li{width:50%;float:left;transition:all 0.5s ease;}
.login_wrap_ .login_box_ > ul > li {padding-top:30px;padding-left: 20px;text-align: left;}
.login_wrap_ .login_box_ > ul > li:first-child{background:#981b45;}
.login_wrap_ .login_box_ > ul > li:last-child{background:#fff;border-top: 1px solid #ebebeb;border-right: 1px solid #ebebeb;}
.login_wrap_ .login_box_ ul li + li{border-left:1px solid #dfe1e9;}
.login_wrap_ .login_box_ ul li.li1{background:#981b45;}
.login_wrap_ .login_box_ > ul > li > a{font-size: 15px;color:#211e1f;text-align: left;padding-bottom:38px;font-weight:600;}
.login_wrap_ .login_box_ > ul > li a:before {content: '';display: inline-block;position: relative;top: -1px;width: 8px; height: 8px;margin-right: 6px;border-radius: 50%; background: #b7995a;vertical-align: middle;}
.login_wrap_ .login_box_ > ul > li:first-child .text01{color:#fff;}
.login_wrap_ .login_box_ > ul > li:first-child .text01:before{background:#fff;}


.login_wrap_ .login_box_ .text01::before{background: #fff;}
/*.login_wrap_ .login_box_ .text01 {color: #fff;}*/
.login_wrap_ .login_box_ .log_btn1, .login_wrap_ .login_box_ .log_btn2 { width: 200px;height: 55px;margin: 0 auto; border-radius: 50px;line-height: 58px;color: #fff; background: #221e1f;}
.login_wrap_ .login_box_ .log_btn1{display:block;height: 55px;line-height: 55px;border: 1px solid #fff;background: transparent;text-align: center;}
.login_wrap_ .login_box_ .log_btn1:HOVER{opacity: 0.7;}
.login_wrap_ .login_box_ .log_btn1 span{padding-left:30px;color:#fff;font-size: 18px;background: url(images/main/login/lock.png) no-repeat 0 50%; }
.login_wrap_ .login_box_ .tab_cont .text02{padding: 20px 0 37px;letter-spacing: -.8px;color:#c99aa6;font-size:14px;text-align: center;}
.login_wrap_ .login_box_ h3 {font-size: 26px; font-weight: 300;letter-spacing: -.8px;line-height: 1.4;text-align: center;color: #fff;}



.login_wrap_ .login_box_ input{width:100%;height:40px;}
.login_wrap_ .login_box_ input + input{margin-top:10px;}
.login_wrap_ .login_box_ .log_btn2{margin-top:30px;display:block;color:#fff;text-align: center;}
.login_wrap_ .login_box_ .log_btn2 span{color:#fff;font-size: 18px; }
.login_wrap_ .login_box_ .log_btn2:HOVER{opacity: 0.7;}
.login_wrap_ .login_box_ .li2_b{padding-top: 20px;text-align: center;}
.login_wrap_ .login_box_ .li2_b li{font-size:14px;float:none;letter-spacing: -.8px;width:auto; display: inline-block;padding:0;}
.login_wrap_ .login_box_ .li2_b li + li{margin-left:10px;padding-left:10px;}
.login_wrap_ .login_box_ .li2_b li a{color:#999999;}
.login_wrap_ .login_box_ .li2_b li a:HOVER{opacity: 0.7;}
.login_wrap_ .login_box_ input {width: 100%;margin: 0 auto;padding-left: 55px;border:1px solid #e4e4e4;background: #f6f4f0 no-repeat 20px 50%;}
.login_wrap_ .login_box_ .text_id {position: relative; margin: 0 20px;}
.login_wrap_ .login_box_ .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: 1;}
.login_wrap_ .login_box_ .text_pw { position: relative;margin: 0 20px;margin-top: 10px;}
.login_wrap_ .login_box_ .text_pw:before {position: absolute;top: 14px;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: 1;}

.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; }

.link_box {height: 130px;border-top: 1px solid #e5e4e1;background: #fff;}
.link_box ul {display: flex;justify-content: center;align-items: center;max-width: 1280px;height: 100%;margin: 0 auto;}
.link_box ul li {position: relative;flex: 1;text-align: center;}
.link_box ul li + li::before {content: '';display: block;position: absolute; top: 50%;left: 0;width: 1px; height: 12px;margin-top: -6px;background: #d1d0cc;}
.link_box ul li a {font-weight: 500;font-size: 17px; color: #555;}
.link_box ul li a::before {content: '';display: inline-block;width: 50px; height: 50px;margin-right: 15px;border-radius: 50%;background: #ebeaea 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/link_box_ic_1.png);}
.link_box ul li:nth-child(2) a::before {background-image: url(/common/1user/common/css/images/main/login/link_box_ic_2.png);}
.link_box ul li:nth-child(3) a::before {background-image: url(/common/1user/common/css/images/main/login/link_box_ic_3.png);}


.login_footer{background: #faf9f7;width:100%;border-top:none;}



.sns_box{padding-top:30px;}
.sns_box p.text01{text-align:center;}

.sns_login{max-width: 820px;margin: auto;/*padding-bottom: 30px;*/}
.sns_login ul{display:flex;justify-content:center;padding-top:20px;}
.sns_login ul li{padding:0;width:auto !important;}
.sns_login ul li a{width:55px;height:55px;border-radius:50%;display:inline-block;}
.sns_login ul li a#naverIdLogin{background:#1EC700 url(/common/1user/common/css/images/main/login/login_sns_naver.png) no-repeat 50% 50%;}
.sns_login ul li a#kakao-login-btn{background:#FFF300 url(/common/1user/common/css/images/main/login/login_sns_kakao.png) no-repeat 50% 50%;}
.sns_login ul li a.g-signin2{background:#fff url(/common/1user/common/css/images/main/login/login_sns_google.png) no-repeat 50% 50%;border:1px solid #ddd;}

/*로컬*/
.sns_login ul li .nsm7Bb-HzV7m-LgbsSe{width:55px;height:55px;border-radius:50%;display:inline-block;background:#fff url(/common/1user/common/css/images/main/login/login_sns_google.png) no-repeat 50% 50%;border:1px solid #ddd;}
.sns_login ul li .nsm7Bb-HzV7m-LgbsSe *{visibility:hidden;opacity:0;}

/*운영*/
.sns_login ul li .g_id_signin{width:55px;height:55px;border-radius:50%;display:inline-block;background:#fff url(/common/1user/common/css/images/main/login/login_sns_google.png) no-repeat 50% 50%;border:1px solid #ddd;}
.sns_login ul li .g_id_signin iframe{top:4px !important; width:100% !important;height:55px !important;margin:0 !important;opacity:0;}
/* .sns_login ul li .g_id_signin iframe html,
.sns_login ul li .g_id_signin iframe body,
.sns_login ul li .g_id_signin iframe body > #container,
.sns_login ul li .g_id_signin iframe body > #container > div[role="button"]{width:100% !important;height:100% !important;}
.sns_login ul li .g_id_signin iframe body > #container{padding:0 !important;opacity:0;} */

.sns_login ul li + li{margin-left:15px;border-left:0 !important;}
.sns_login ul li img{display:none;}
.abcRioButton{width:55px !important;height:55px !important;opacity:0;}

.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%;}

.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;}
/* 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:160px;height:37px;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:60.6vh;}
.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 .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: #981b45;}
.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:#0059c9;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:#0059c9 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){
}



@media only screen and (max-width:1024px){
	.mobile { display: block !important;}
	.ui-widget.ui-widget-content{width:96% !important;min-width:320px;}
	.search_form_wrap{margin-bottom:10px;}
	.login_con_{padding-bottom:1px;}
	.login_w .login_h,
	.login_h_w{height:50px;}
	.login_w .login_h h1{padding-top:0;}
	.login_w .login_h h1 a{height:50px;}
	.login_w .login_top {height: auto; padding: 40px 0;}
	.login_w .login_top h2 img { max-width: 280px;}
	.login_w .login_top h2 span {display: block;text-align: center;margin: auto;}
	.login_w .login_top h2 span:before{content:none}
	.login_w .login_top p{display:none;}
	.login_wrap_ .login_box_{max-width: 100%;margin: 0 50px;}
	.login_wrap_ .login_box_ > ul{padding:0;}
	.login_wrap_ .tab_cont { display: none;width: 100%;}
	.login_wrap_.tabbox01 .tab_cont.box01{display: flex;}
	.login_wrap_.tabbox02 .tab_cont.box02{display: block;}
	.login_wrap_ .login_box_ .tab_li li:nth-child(1) {background: #981b45;border-bottom: 0;}
	.login_wrap_ .login_box_ .tab_li li:nth-child(2) {border-bottom: 0;}
	.login_wrap_ .login_box_ .tab_li li a { display: block;width: 100%;text-align: center;padding: 12px 0;color: #484848;}
	.login_wrap_ .login_box_ .tab_li li:nth-child(1) a {color: #fff;}
	.login_wrap_ .login_box_ > ul > li {height: auto;padding: 40px 20px;}
	.login_wrap_ .login_box_ .tab_li li {width: 50%; height: auto;padding: 0;}
	.login_wrap_ .login_box_ ul li{width:100%;display:inline-block !important;}
	.login_wrap_ .login_box_ > ul > li + li{border-top: 1px solid #dfe1e9;border-left:none;}
	.login_wrap_ .login_box_ ul li.li1 .text02{padding-top:30px;}
	.login_wrap_ .login_box_ .tab_cont li {display: none;}
	.login_wrap_ .tab_cont.box02{padding: 80px 20px 0 20px;}
	.login_wrap_ .login_box_ .text_id,
	.login_wrap_ .login_box_ .text_pw{margin:0;}
	.login_wrap_ .login_box_ .text_pw{margin-top:10px;}
	.login_wrap_ .login_box_::before{background-size: 100%;left: -54px;width: 145px; height: 122px;}
	.login_wrap_ .login_box_::after{background-size: 100%;right: -72px;width: 177px;height: 122px;}
	.login_slide{margin:10px 10px 0 10px;}
	.login_w .login_footer{padding:25px 10px 30px 10px;}
	.link_box{display:none;}
	.login_footer .footer_wrap.style01{background:none;}
	.login_footer .footer_wrap.style01 .footer03{padding:0;}
	.login_footer .footer_wrap.style01 .footer03 .address{background:url(/common/1user/common/css/images/main/login/login_footer_logo.png) 0% 50% no-repeat;padding-top:0;padding-left: 162px;}
	.login_footer .footer_wrap.style01 .footer03 .address li{text-align: left;padding-left:0;padding-right: 0;}
	.login_footer .footer_wrap.style01 .footer03 .address li:first-child{display:block;padding-left:0;}
	.login_footer .footer_wrap.style01 .footer03 .address li ul li:before{content:none}
	.login_footer .footer_wrap.style01 .footer03 .copy{text-align: left;padding-top: 0;}
	.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}
	
	.comm_error .error_visual > div{height:55vh;}
	.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){
	.login_w .login_top h2 span{font-size:22px;}
	.login_wrap_ .login_box_::before{left: -54px;width: 108px;height: 96px;}
	.login_wrap_ .login_box_::after{right: -72px;width: 136px; height: 96px;}
	.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);}
	.comm_error .error_visual > div{height:50vh;}
	.comm_error .error_visual > div .main_cont .right_main{max-width:70%;}

}
@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:480px){
	.login_wrap_ .login_box_{margin:0 10px;}
.login_wrap_ .login_box_::after,
.login_wrap_ .login_box_::before{display:none;}
.login_w .login_top h2 img{max-width: 230px;}
.sns_login{text-align: center;}
.sns_login ul{display:block;}
.sns_login li{padding-right:0;}
.sns_login li + li{padding-top:10px;}
.abcRioButtonLightBlue{margin: auto;}
}
@media only screen and (max-width:420px){
		.error_w{padding-top:100px}
		.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){

	.comm_error .error_visual > div{height:36vh;}
}
@media only screen and (max-width:360px){
	.comm_error .error_visual > div .main_cont .right_main .right_top .top_first{font-size:17px;}
	.comm_error .error_visual > div .main_cont .right_main .right_top .top_first span{font-size:13px;}
	.comm_error .error_visual > div .main_cont .right_main .right_top .top_second{font-size:24px;}
	
}