@charset "utf-8";
body,h1,h2,h3,h4,input,button,textarea,pre{font:normal 15px/1 'Pretendard' ,'Noto Sans KR','돋움',Dotum, sans-serif; color:#666666;}
/* 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:37px;line-height:37px;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;top: 11px;}
.ui-datepicker .ui-datepicker-next span{background: url('images/common/datepicker_right.png') no-repeat center center;top: 11px;}
.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-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-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-weight: 400;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;}
.ui-dialog .ui-dialog-buttonpane .di_btn_conf:hover{background:#3671a1 !important;}
/* cke_chrome */
.table_wrap table.t_view tbody td.td_input0 .cke_chrome{border:none !important;}

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

.table_top .btn01{padding:0;}
.list_tab li.on a{color:#417fb1;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 + .table_top{padding-top:20px;}

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


.login_w{background: #fff;border-top:none;/*height:100%;*/}
.login_w *{box-sizing: border-box;}
.login_h_w{width:100%;background: #03305a;}
.login_h_w.admin{background: #308178;}
.login_w .login_h{height:62px;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:15px;}
.login_w .login_h h1 a{display: block;width:171px;height:33px;text-indent:-9999px;background: url('images/com_/logo1.png') no-repeat left top; }


/* login_w */

.login_bg{}
.login_con_{/*max-width:1280px;*/ width:100%;min-height: 834px;/*  min-height:778px; */margin:0 auto;}
.login_w .login_top{height: 320px; text-align: center;color: #FFFFFF;transition:all 0.5s ease;}
.login_con_ .login_top ul li{display:inline-block; vertical-align:text-top;}
.login_w .login_top h2{background:url(portfolio/images/main/login_motion.gif) 50% 50% no-repeat; width:530px;height:166px;/* height: 187px; */display:block;text-indent: -9999em;}
.login_con_ .login_top li span{font-size:32px;font-weight:600;border-left: 1px solid #c9c9c9;margin-top:16px;padding-left:23px;color:#323232;display:block;}
.login_w .login_top .text{font-size: 18px;text-align:center; color:#333333 !important;padding-top: 0;line-height:1.5em;}
.login_w .login_top .text span.br{display:block;}
.login_wrap_{position:relative;max-width:760px;min-height: 513px;margin:auto;padding:0 30px; clear:both;}
/* .login_wrap_:before{background:url(images/com_/login_bg1.png) 0 0 no-repeat;position:absolute;top:158px;left:-200px;width:664px;height:420px; content:''; display:block;z-index:10;} */
.login_wrap_:after{background:url(images/com_/login_bg2.png) 0 0 no-repeat;position:absolute;left:464px;top:225px;width: 502px;height:420px; content:''; display:block;z-index:10;}
.login_con_{background: #cce1f2;}
.login_con_bg{background:url(images/com_/login_bg.png) 50% 100% no-repeat;width: 1269px;height:422px;position: absolute;transform: translateX(-50%);top: 425px;left: 50%;display:block; font-size:0; text-indent:-9999em;z-index: 10;}
.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_ .tab_cont:before{background:url(images/com_/login_bg1.png) 0 0 no-repeat;position:absolute;top:158px;left:-232px;width:664px;height:420px; content:''; display:block;z-index:10;}




.login_w *{transition: all 0.5s ease;}
.login_con_ .login_top{padding-top:0;height: 260px;}
.login_con_ .text span.br{display:inline-block;}
/*
.login_wrap_:after{position: absolute;top: 27px;right: -202px;width: 292px;height: 366px;display: inline-block;display: inline-block;vertical-align: middle;content: "";
 background: url(portfolio/images/login_img02.png) no-repeat 0% 0%;z-index: 1;transition: all 0.5s ease;}
 .login_wrap_:before {position: absolute;top: 93px; left: -171px; width: 179px;height: 301px;display: inline-block;vertical-align: middle;
content: "";background: url(portfolio/images/login_img01.png) no-repeat 0% 0%;z-index: 1;transition: all 0.5s ease;}   */
.login_wrap_ .tab_cont.box01{padding-top:90px;background:#417fb2;color: #fff;}
.login_wrap_ .tab_cont{position: relative;width:100%;/* height: 388px; */height:370px; text-align: center;float: left;display:none;}
.login_wrap_ .tab_cont.box01 .text01{font-size: 26px; font-weight: 700; letter-spacing: -0.5px;}
.login_wrap_ .tab_cont.box01 .text02{font-size: 26px; letter-spacing: -0.5px;padding-top: 10px;}
.login_wrap_ .tab_cont.box01 .text03{font-size: 14px;padding-top: 20px;}
/* .login_wrap_ .tab_cont.box01 .log_btn2{display: inline-block; max-width: 200px;width: 100%;margin: 0 auto;margin-top: 35px;height: 55px; line-height: 55px;
text-align: center;border: 1px solid #fff;border-radius: 30px;} */
/* .login_wrap_ .tab_cont.box01,
.login_wrap_ .tab_cont.box02{display:block;} */
/* .login_wrap_ .tab_cont.box01 .log_btn2 span{display: inline-block; font-size: 18px;padding-left: 28px;color: #fff;background: url(portfolio/images/loing_icon01.png) no-repeat 0% 50%;} */
.login_wrap_ .tab_type1_{position: absolute;top:0;left:0;margin-bottom:0;height:40px;padding:0 30px;z-index: 1;width: 100%;}
.login_wrap_ .tab_type1_ li{display: block;width: 50%;padding-left:0;padding-right:0;float: left;}
.login_wrap_ .tab_type1_ li + li {background: #fff;}
.login_wrap_ .tab_type1_ li a{color:#fff;font-size:18px;display:block;text-align:center;height:60px;line-height:60px;padding: 0; font-weight: 600;}
.login_wrap_ .tab_type1_ li a:before{content:'';display: inline-block;vertical-align: middle; margin-right: 8px;width:10px;height:10px;border-radius:10px;background:#fff;}
.login_wrap_ .tab_type1_ li a.text01{border-radius: 0;background: #417fb2;}
.login_wrap_ .tab_type1_ li a.text02{color: #417fb2;border-bottom: 0;border-radius: 0;}
.login_wrap_ .tab_cont.box01 .tab_cont_box01_w{z-index:1 }
.login_wrap_ .tab_cont.box02 .tab_cont_box02_w{z-index:1 }

.login_wrap_ .login_input_w {position:relative;}


.login_wrap_ .tab_cont.box01 .text_pw,
.login_wrap_ .tab_cont.box02 .text_pw{position: relative;margin-top: 10px;z-index: 10;}
.login_wrap_ .tab_type1_ li a.text02:before{background: #417fb2;}
.login_wrap_ .tab_cont.box01 .text_id:before,
.login_wrap_ .tab_cont.box02 .text_id:before{position: absolute;top: 14px;left: 22px;width: 13px; height: 13px;display: inline-block; vertical-align: middle;
content: "";background: url(portfolio/images/loing_icon02.png) no-repeat 0% 0%; z-index: 1;}
.login_wrap_ .tab_cont.box01 .text_pw:before,
.login_wrap_ .tab_cont.box02 .text_pw:before{position: absolute;top: 14px; left: 22px;width: 13px; height: 14px;display: inline-block;vertical-align: middle;content: "";
background: url(portfolio/images/loing_icon03.png) no-repeat 0% 0%;z-index: 1;}
.login_wrap_ .tab_cont.box01 .text_sch,
.login_wrap_ .tab_cont.box02 .text_sch{width: 100%;text-align: center; /* padding-top: 20px */padding-top:25px;;border-top: 1px solid #dddddd;margin-top:36px;}
.login_wrap_ .tab_cont.box01 .text_sch{border-top: 1px solid #8db2d1;}
.login_wrap_ .tab_cont.box01 .text_sch li,
.login_wrap_ .tab_cont.box02 .text_sch li{display: inline-block;width:25%;}
.login_wrap_ .tab_cont.box01 .text_sch li.txt,
.login_wrap_ .tab_cont.box02 .text_sch li.txt{width:100%; display:block;}
.login_wrap_ .tab_cont.box01 .text_sch li.txt:before{content:'';display:inline-block; width:3px; height:3px;background:#fff; vertical-align:middle; margin-right:5px;border-radius:12px;}
.login_wrap_ .tab_cont.box02 .text_sch li.txt:before{content:'';display:inline-block; width:3px; height:3px;background:#666; vertical-align:middle; margin-right:5px;border-radius:12px;}
.login_wrap_ .tab_cont.box01 .text_sch li.txt span,
.login_wrap_ .tab_cont.box02 .text_sch li.txt span{font-weight:600;line-height: 1.6em;}
.login_wrap_ .tab_cont.box01 .text_sch li a,
.login_wrap_ .tab_cont.box02 .text_sch li a{color:#999999;padding-top: 74px;}
.login_wrap_ .tab_cont.box01 .text_sch li a{color:#d0e1ee;}
.login_wrap_ .tab_cont.box01 .text_sch li.sch1{background:url(portfolio/images/prst_id_srch_icon.png) top center no-repeat;padding-top:74px} 
.login_wrap_ .tab_cont.box01 .text_sch li.sch2{background:url(portfolio/images/prst_pw_srch_icon.png) top center no-repeat;padding-top:74px} 
.login_wrap_ .tab_cont.box01 .text_sch li.sch3{background:url(portfolio/images/prst_hk_srch_icon.png) top center no-repeat;padding-top:74px} 
.login_wrap_ .tab_cont.box01 .text_sch li.sch4{background:url(portfolio/images/prst_menu_srch_icon.png) top center no-repeat;padding-top:74px} 
.login_wrap_ .tab_cont.box02 .text_sch li.sch1{background:url(portfolio/images/id_srch_icon.png) top center no-repeat;padding-top:74px} 
.login_wrap_ .tab_cont.box02 .text_sch li.sch2{background:url(portfolio/images/pw_srch_icon.png) top center no-repeat;padding-top:74px} 
.login_wrap_ .tab_cont.box02 .text_sch li.sch3{background:url(portfolio/images/hk_srch_icon.png) top center no-repeat;padding-top:74px} 
.login_wrap_ .tab_cont.box02 .text_sch li.sch4{background:url(portfolio/images/menu_srch_icon.png) top center no-repeat;padding-top:74px} 
.login_wrap_ .tab_cont.box01 .log_btn2,
.login_wrap_ .tab_cont.box02 .log_btn2{position: relative;z-index: 3;display: inline-block; max-width:130px;width:100%;margin: 0 auto;height:90px;line-height:90px;text-align: center;background:#393939;float: right;}
.login_wrap_ .tab_cont.box01 .log_btn2{background:none; border:2px solid #fff;}
.login_wrap_ .tab_cont.box01 .log_btn2 span,
.login_wrap_ .tab_cont.box02 .log_btn2 span{display: inline-block;color: #fff; font-size: 18px;}

.login_wrap_.tabbox01 .tab_cont.box01,
.login_wrap_.tabbox02 .tab_cont.box02 {display: block;}
.login_wrap_.tabbox01 .tab_cont.box01 .mobile{display:none;}
.login_con{overflow:hidden; clear:both;}
.login_con .login_input_w{float:left;width: calc(100% - 138px);}

.login_wrap_ .tab_cont.box01,
.login_wrap_ .tab_cont.box02{padding:114px 115px 0 115px;background: #fff;display:none;}
.login_wrap_ .tab_cont.box01{background:#417fb2;}
.login_wrap_ .tab_cont.box01 input,
.login_wrap_ .tab_cont.box02 input{width: 100%;padding-left: 56px;background: #f6f6f6;}
.login_wrap_ .tab_cont.box01 input{background:#fff;}
.link_box{width: 100%; background: #f8f8f8; border-top: 1px dashed #cccccc;padding: 37px 0;}
.link_box ul{max-width: 1000px; margin: 0 auto; text-align: center;}
.link_box ul li{display: inline-block;clear: both; overflow: hidden;width: 33.3333%;}
.link_box ul li a{display: inline-block;color: #555555;font-size: 17px;font-weight: 700;padding: 18px 0 18px 65px;}
.link_box ul li a.icon_01{background: url(portfolio/images/icon_01.png) no-repeat 0% 50%;}
.link_box ul li a.icon_02 {background: url(portfolio/images/icon_02.png) no-repeat 0% 50%;}
.link_box ul li a.icon_03 {background: url(portfolio/images/icon_03.png) no-repeat 0% 50%;}
.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 .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 */

/* footer */
.login_w .login_footer{padding:0;}
.footer_left {padding-left:0;background:none;width:auto;background-size:auto;}

/* .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 .btn01{font-size:14px;padding:5px 10px;}
.tab_top_wrap .radio_type2 li{padding-right:24px;}
.tab_top_wrap .radio_type2 li:last-child{padding-right:0;}
.tab_top_wrap .radio_type2 li a{position: relative;font-size:14px;font-weight:700;color:#cecfd1;}
.tab_top_wrap .radio_type2 li a.on,
.tab_top_wrap .radio_type2 li a:hover{font-weight:800;color:#262d3c;z-index: 1;}
.tab_top_wrap .radio_type2 li a.on:before{content:'';border-radius: 12px;background: #b8cbf2;width: 100%; height: 8px;position: absolute;bottom: -5px;left: 0;z-index: -1;}
.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%;}

/* 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 .logo_wrap{text-align:center;background:#fff;height:72px}
.comm_error .logo_wrap a{display:inline-block;cursor:pointer;height:100%;}
.comm_error .logo_wrap a h1{width:171px;height:100%;background: url('images/com_/logo.png') no-repeat center; background-size:100% auto;}
.comm_error .error_visual{background:#fff;max-width:1920px;width:100%;margin:0 auto;}
.comm_error .error_visual > div{position:relative;background:url('images/error/error_visual_img.png') center no-repeat;background-size:cover;width:100%;padding:100px 0 95px}
.comm_error .error_visual > div .main_cont{width:95%;max-width:1080px;height:558px;margin:0 auto}
.comm_error .error_visual > div .main_cont:after{content:'';display:block;clear:both;}
.comm_error .error_visual > div .main_cont .left_main{float:left;position:relative;background:url('images/error/left_main_img.png') center no-repeat;background-size:cover;width:100%;height:100%;max-width:50%;overflow:hidden;}
.comm_error .error_visual > div .main_cont .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{font-size:26px;font-weight:600;color:#094e89;letter-spacing:-1px}
.comm_error .error_visual > div .main_cont .right_main .right_top .top_first span{display:inline-block;vertical-align:middle;font-size:16px;font-weight:400;color:#666;border-left:1px solid #666;padding-left:10px;margin-left:8px;}
.comm_error .error_visual > div .main_cont .right_main .right_top .top_second{font-size:40px;font-weight:400;color:#222;padding-top:20px;letter-spacing:-0.8px}
.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:90px;letter-spacing:-0.8px;word-break: keep-all;}
.comm_error .error_visual > div .main_cont .right_main .right_cont p{font-size:17px;font-weight:400;color:#333;line-height:1.9;}
.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;background:#0059c9}
.comm_error .error_visual > div .main_cont .right_main .right_btn a span{display:inline-block;vertical-align:top;background:url('images/error/lock_ic.png') no-repeat left center;padding-left:36px;font-size:20px;font-weight:600;color:#fff;height:80px;line-height:80px}
.comm_error .error_copy{text-align:center;padding:18px 20px;background:#fff;word-break: keep-all;}
.comm_error .error_copy p{font-size:14px;font-weight:400;color:#444;line-height:1.5}


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

@media only screen and (max-width:1280px){
	.login_w .login_h{padding-left:20px;}
	/* .login_wrap_{background: red;} */
	
	.login_wrap_.tabbox01:after,
	.login_wrap_.tabbox02:after{}
	.login_wrap_.tabbox01:before,
	.login_wrap_.tabbox02:before{}
	
	
	
}
@media only screen and (max-width: 1279px){
.login_w .login_h {
    padding-left: 20px;
}
}

@media only screen and (max-width:1024px){
	.ui-widget.ui-widget-content{width:96% !important;min-width:320px;}
	.search_form{margin-bottom:10px;}
	.login_w {/*padding-bottom: 100px;*/background: #cce1f2;}
	.login_w .login_h_w{border-bottom: none;}
	.login_con_{min-height: 734px;}
	.login_w .login_h h1{padding-top: 19px;}
	.login_w .login_h_w .login_h h1 a{background: url('images/com_/mob/m_logo1.png') no-repeat left top;background-size:142px;width:142px;height:28px;}
	.login_con_ .login_top h2 {width:364px;height: 122px;background-size:381px;}
	.login_wrap_ .tab_cont.box01 .log_btn2{position: absolute;bottom:30px;display:block;text-align:center;max-width:100%;width:80%; left: 50%;transform: translateX(-50%);height: 42px;line-height: 42px;float:none;border-radius: 30px;}
	.login_wrap_ .tab_cont.box02 .log_btn2{position: absolute;bottom:30px;display:block;text-align:center;max-width:100%;width:80%; left: 50%;transform: translateX(-50%);background:#393939;height: 42px;line-height: 42px;float:none;border-radius: 30px;}
	
	
	
	.login_con .login_input_w{float:none;width:100%;}
	.login_wrap_ .tab_cont.box01 .text01,
	.login_wrap_ .tab_cont.box01 .text02{font-size:20px;line-height: 1.5em;}
	.login_wrap_ .tab_cont.box01 .text02{padding-top:0;}
	.login_wrap_ .tab_cont.box01 .text03{padding: 15px 0 20px;line-height: 1.3em;}
	/*.login_con_ {position: absolute;top: 50%;margin-top: -260px; padding-top: 0;min-height: auto;}*/
	.login_con_ .login_top{height: 217px;padding-bottom:30px;}
	.login_con_ .login_top li span{font-size: 22px;padding-left: 0;margin-top: 15px;border-left: none;}
	.login_w .login_top .text{margin:0 50px;}
	.login_wrap_{max-width:100%;padding: 0 0;margin:auto 20px;min-height:554px;clear: both;}
	.login_wrap_ .tab_cont{width: 100%;}
	.login_wrap_ .tab_type1_{left: 0;top: 0;margin-bottom: 0;height: 40px;padding: 0 0;}
	.login_wrap_ .tab_type1_ li {padding-left: 0; padding-right: 0;}
	.login_wrap_ .tab_type1_ li + li{background: #fff;}
	.login_wrap_ .tab_type1_ li a {margin: 0 auto;font-size: 14px;display: block;text-align: center;height: 48px;line-height: 48px;}
	.login_wrap_ .tab_type1_ li a.text01 {border-radius: 0;background: #417fb2}
	.login_wrap_ .tab_type1_ li a.text02 { color: #417fb2;border: 1px solid #d6d6d6;border-bottom: 0;border-radius: 0;}
	.login_wrap_ .tab_type1_ li a.text02:before {background: #417fb2;}
	.login_wrap_ .tab_cont {display:none;width:100%;height:auto;}
	.login_wrap_.tabbox01 .tab_cont.box01,
	.login_wrap_.tabbox02 .tab_cont.box02{position: relative;display:block;padding: 88px 40px 40px 40px;}
	.login_wrap_ .tab_cont.box02 {border: 1px solid #d0d0d0;}
	.login_wrap_ .tab_cont.box01 .log_btn2 span,
	.login_wrap_ .tab_cont.box02 .log_btn2 span{font-size:15px;}
/* 	.login_wrap_.tabbox01 .tab_cont.box01 .pc_w{display:none;}
	.login_wrap_.tabbox01 .tab_cont.box01 .mobile{display:block;} */
	.login_wrap_ .login_box_ > ul{padding:0 20px;}
	.login_wrap_ .login_box_ ul li{width:100%;}
	.login_wrap_ .login_box_ > ul > li + li{border-top: 1px solid #dfe1e9;border-left:none;}
	.login_wrap_ .login_box_ ul li{padding: 40px 0;}
	.login_wrap_ .login_box_ ul li.li1 .text02{padding-top:30px;}
	
	.login_wrap_ .tab_cont.box01 .text_sch{border-top:none;padding-top: 25px;padding-bottom:36px;margin-top:0;text-align:center;}
	.login_wrap_ .tab_cont.box01 .text_sch li{width:auto;}
	.login_wrap_ .tab_cont.box01 .text_sch li.sch1,
	.login_wrap_ .tab_cont.box01 .text_sch li.sch2,
	.login_wrap_ .tab_cont.box01 .text_sch li.sch3,
	.login_wrap_ .tab_cont.box01 .text_sch li.sch4{background:none;padding-top:0;}
	.login_wrap_ .tab_cont.box01 .text_sch li.sch3,
	.login_wrap_ .tab_cont.box01 .text_sch li.sch4{display:none;}
	.login_wrap_ .tab_cont.box01 .text_sch li.sch2:before{content:'';display:inline-block; width:1px; height:12px;background:#cccccc;margin: 0 10px;}
	.login_wrap_ .tab_cont.box01 .text_sch li a{padding-top:0;}
	
	.login_wrap_ .tab_cont.box02 .text_sch{border-top:none;padding-top: 25px;padding-bottom:36px;margin-top:0;text-align:center;}
	.login_wrap_ .tab_cont.box02 .text_sch li{width:auto;}
	.login_wrap_ .tab_cont.box02 .text_sch li.sch1,
	.login_wrap_ .tab_cont.box02 .text_sch li.sch2,
	.login_wrap_ .tab_cont.box02 .text_sch li.sch3,
	.login_wrap_ .tab_cont.box02 .text_sch li.sch4{background:none;padding-top:0;}
	.login_wrap_ .tab_cont.box02 .text_sch li.sch3,
	.login_wrap_ .tab_cont.box02 .text_sch li.sch4{display:none;}
	.login_wrap_ .tab_cont.box02 .text_sch li.sch2:before{content:'';display:inline-block; width:1px; height:12px;background:#cccccc;margin: 0 10px;}
	.login_wrap_ .tab_cont.box02 .text_sch li a{padding-top:0;}
	.login_wrap_ .tab_cont:before{display:none;}
	.login_wrap_:after{content:'';background:url(portfolio/images/mob/m_login_img.png) 100% 100% no-repeat;margin: auto;position:relative;top:auto;bottom:-343px;left: 0;width:100%; height:216px;display:block;background-size: 100%;}
	.login_wrap_ .login_box_{margin:0 10px;}
	.login_wrap_ .tab_cont.box01 .mobile .log_btn2{max-width:100%;width: 80%;height: 42px;line-height: 42px;border:1px solid #fff;border-radius:50px;display:block;float:none;margin:auto;color:#fff;}
	.login_wrap_ .tab_cont.box01 .mobile .log_btn2 span{background: url(images/main/login/lock.png) no-repeat 0 50%;padding-left:30px;font-size:15px !important;}
	.login_slide{margin:10px 10px 0 10px;}
	.login_w .login_footer{padding:25px 10px 30px 10px;}
/* .login_wrap_.tabbox01:after,
.login_wrap_.tabbox02:after{top:auto; bottom: -308px;background: url(images/com_/mob/m_login_bg.png) 48% 100% no-repeat;position:inherit;margin: auto;width: 100%;height: 216px;top:306px;background-size: 100%; z-index: 100;} */

	.link_box{display: none;}
	.footer_wrap.style01 {padding-bottom: 30px;}
	.login_w .login_footer{position: absolute;padding:0;}
	.footer_wrap.style01 .footer02{display: none;}
	.footer_wrap.style01 .footer03 {padding-top: 26px;padding-bottom: 30px;text-align: left;}
	.footer_wrap.style01 .footer03 .left{float:none !important; }
	.footer_wrap.style01 .footer03 .address{padding-bottom:0 !important}
	.footer_wrap.style01 .footer03 .address > li{}
	
	.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}
	.footer_wrap.style01{padding-bottom:0 !important;}
	
	.t_view td .select + .cd{margin-left:0;margin-top: 7px;width:100%;}
	
	/* common_error */
	.comm_error .logo_wrap{height:55px}
	.comm_error .logo_wrap a h1{width:135px}
	.comm_error .error_visual > div .main_cont{width:100%;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{width:90%;max-width:450px;float:none;padding:40px 30px;height:auto;margin:0 auto;text-align:center}
	.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:35px;}
	.comm_error .error_visual > div .main_cont .right_main .right_cont p{font-size:15px}
	.comm_error .error_copy p{font-size:12px}
}

@media only screen and (max-width:760px){
	.cd + input[type=text]{margin-left: 0;}
	.search_form li.last dd.in_select input[type="text"]{width: calc(100% - 86px);}
	.login_wrap_ .tab_cont.box02 .text_sch li.txt:last-child{padding-top:5px;}
	.login_w .login_top .text{font-size: 16px;}
	.login_con_ .login_top{height:210px;}
	
	.comm_error .error_visual > div{padding:40px 0 50px}
	.comm_error .error_visual > div .main_cont .right_main{padding:30px 20px 25px;}
	.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:28px;padding-top:25px}
	.comm_error .error_visual > div .main_cont .right_main .right_cont{padding-top:30px}
	.comm_error .error_visual > div .main_cont .right_main .right_cont p{font-size:15px;line-height:1.6}
	.comm_error .error_visual > div .main_cont .right_main .right_btn a span{font-size:18px;height:65px;line-height:65px}
}


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

}
@media only screen and (max-width:480px){
	.error_w{padding-top:100px}	
	.login_wrap_ .tab_cont.box02 {padding: 60px 20px 0 20px;}
	.login_w .login_top .text{font-size:15px;}
}
@media only screen and (max-width:420px){
	.error_w{padding-top:100px}
	.login_w .login_top .text{padding:0 10px;}
	.login_wrap_{min-height: 500px;margin: auto 10px;}
	.login_wrap_ .tab_type1_ li a.text01{line-height:1;}
	.login_wrap_ .tab_type1_ li a.text01:before{margin-right:0;}
	.login_w .login_top .text{margin:0 10px;}
	.login_w .login_top .text span.br{display:inline-block;}
	.login_wrap_:after{bottom:-310px;}
}
@media only screen and (max-width:380px){
	.login_con_{min-height: 717px;}
	.login_wrap_:after{bottom: -293px;transition: all 0.5s ease;}
	.login_wrap_.tabbox01 .tab_cont.box01, .login_wrap_.tabbox02 .tab_cont.box02{padding: 80px 30px 40px 30px;}
}
@media only screen and (max-width:360px){
	.login_con_ .login_top ul li{display:block;}
	.login_con_ .login_top h2{width:100%; height: 122px;background-size:100% auto;;}
	.login_wrap_ {min-height: 482px;}
	.login_con_{min-height: 699px;}
	.login_wrap_:after{bottom: -275px;}
	
	.comm_error .error_visual > div .main_cont .right_main .right_top .top_first .tit_img{display:block;margin:0 auto 10px}
}