@charset "utf-8";
@font-face {
	font-family: 'SDNeo';
	src: url('../../font/SDIBKGothicNeobTTF-bLt.eot');
	src: url('../../font/SDIBKGothicNeobTTF-bLt.eot?#iefix')
		format('embedded-opentype'),
		url('../../font/SDIBKGothicNeobTTF-bLt.woff') format('woff'),
		url('../../font/SDIBKGothicNeobTTF-bLt.woff2') format('woff2'),
		url('../../font/SDGothicNeobTTF-bLt.ttf') format('truetype'),
		url('../../font/SDIBKGothicNeobTTF-bLt.svg#SDNeo') format('svg');
	font-style: normal;
	font-weight: 100;
}
/*light*/
@font-face {
	font-family: 'SDNeo';
	src: url('../../font/SDIBKGothicNeobTTF-cRg.eot');
	src: url('../../font/SDIBKGothicNeobTTF-cRg.eot?#iefix')
		format('embedded-opentype'),
		url('../../font/SDIBKGothicNeobTTF-cRg.woff') format('woff'),
		url('../../font/SDIBKGothicNeobTTF-cRg.woff2') format('woff2'),
		url('../../font/SDGothicNeobTTF-cRg.ttf') format('truetype'),
		url('../../font/SDIBKGothicNeobTTF-cRg.svg#SDNeo') format('svg');
	font-style: normal;
	font-weight: normal;
}
/*regular*/
@font-face {
	font-family: 'SDNeo';
	src: url('../../font/SDIBKGothicNeobTTF-eSm.eot');
	src: url('../../font/SDIBKGothicNeobTTF-eSm.eot?#iefix')
		format('embedded-opentype'),
		url('../../font/SDIBKGothicNeobTTF-eSm.woff') format('woff'),
		url('../../font/SDIBKGothicNeobTTF-eSm.woff2') format('woff2'),
		url('../../font/SDGothicNeobTTF-eSm.ttf') format('truetype'),
		url('../../font/SDIBKGothicNeobTTF-eSm.svg#SDNeo') format('svg');
	font-style: normal;
	font-weight: bold;
}
/*semiBold*/
body{line-height:1.4;}
body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,textarea,th,ul{margin:0;padding:0}
body,button,input,select,table,textarea{font-size:14px; font-family:SDNeo, sans-serif, serif, Apple SD Gothic Neo; color:#666;letter-spacing:-0.5px;}
fieldset,img{border:0}
ol,ul{list-style:none}
address,em{font-style:normal}
a{color:inherit;text-decoration:none;cursor:pointer}
a:active,a:focus,a:hover{color:inherit;text-decoration:none}
mark{color:inherit;font-weight:700;background:0 0}
iframe{overflow:hidden;margin:0;padding:0;border:0}
hr,legend{display:none}
legend{display:block;position:absolute;left:0;top:-5000px;overflow:hidden}
:root legend{margin-top:-1px;font-size:0;line-height:0}
em,address{font-style:normal}
table{table-layout:fixed; border-spacing:0; width:100%;}
table caption{display:none;overflow:hidden;position:static !important;width:1px;height:1px;margin:-1px;font-size:0;line-height:0}
table th,table td{word-break:break-all;word-wrap:break-word}
button,label{cursor:pointer}
button,input,select,textarea{box-sizing:border-box;vertical-align:middle}
textarea{resize:none}
input[type='checkbox'],input[type='radio']{margin:0}
input[type='text']{height:28px;padding:0 4px;font-size:12px;line-height:26px;border:1px solid #c7c7c7;border-radius:3px;box-sizing:border-box}
input[disabled='disabled'],input[readonly='readonly'],select[disabled='disabled'],button.disabled,button[disabled='disabled'],.iRadio input[type='radio']:disabled+label{cursor:default !important}
input[disabled='disabled'],select[disabled='disabled']{background:#ececec !important}
select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff}

::-webkit-input-placeholder{color:#868e96;line-height:24px;opacity:1}/* Chrome,Opera,Safari,Blink,Edge */
:-moz-placeholder{color:#868e96;line-height:24px;opacity:1} /* Mozilla Firefox 4 to 18 */
::-moz-placeholder{color:#868e96;line-height:24px;opacity:1}/* Mozilla Firefox 19+ */
:-ms-input-placeholder{color:#868e96;line-height:24px;opacity:1}/* Internet Explorer 10-11 */
::-ms-input-placeholder{color:#868e96;line-height:24px;opacity:1}/* Microsoft Edge */
::placeholder{color:#868e96;line-height:24px;opacity:1}/* Most modern browsers support this now. */

input:focus:not(:read-only)::-webkit-input-placeholder{opacity:0}/* Chrome,Opera,Safari,Blink,Edge */
input:focus:not(:read-only):-moz-placeholder{opacity:0}/* Mozilla Firefox 4 to 18 */
input[readonly='readonly']:-ms-input-placeholder{selector-dummy:expression(this.hideFocus=true)}/* Internet Explorer 10-11 */
input:focus:not(:read-only)::placeholder{opacity:0}/* Most modern browsers support this now. */

/* 바로가기 skip */
.skipnavi {position:relative; z-index:10;}
.skipnavi a {position:absolute;top:-30px;left:0;width:128px;border:1px solid #00a9a5;background:#000;text-align:center;outline:0; z-index:10;}
.skipnavi a:active, .skipnavi a:focus{top:0;text-decoration:none;cursor:pointer}
.skipnavi span{display:inline-block;padding:2px 6px 0 0;font-size:11px;line-height:26px;color:#fff;letter-spacing:-1px}

/* 공통 class */
.blind{position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:0px;height:0px;text-indent:-999em}
.ellipsis{display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ellipsis-line2{overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; line-height: 20px; height:40px;} /* 두줄 말줄임 */
.ellipsis-line3{overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap:break-word; line-height: 20px; height:60px;} /* 두줄 말줄임 */
.h_alignC{text-align:center}
.h_alignL{text-align:left}
.h_alignR{text-align:right}
.v_alignC{vertical-align:middle}
.abs_topR{position:absolute;top:0;right:0}
.abs_bottomR{position:absolute;bottom:0;right:0}
.scrollY{overflow-y:scroll;overflow-x:hidden;position:relative;box-sizing:border-box}
.w100 {width:100%;}
.w50 {width:48% !important;}

/** 공통 class **/
.blind{position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:0px;height:0px;left:-10000px;}
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.txt_center {text-align:center !important;}
.txt_left {text-align:left !important;}
.txt_right {text-align:right;}
.bt0 {border-top:0 !important;}

.mb0 {margin-bottom:0 !important;}
.mb10 {margin-bottom:10px !important;}
.mr0 {margin-right:0 !important;}
.mb14 {margin-bottom:14px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.pt24 {padding-top:24px !important;}
.pb0 {padding-bottom:0 !important;}
.fs18 {font-size:18px;}
.rel {position:relative;}

/* 공통 컬러 */
.fc01 {color:#009ada;}
.fc02 {color:#ea5705;}
.fc03 {color:#004c9d;}
.fc04 {color:#111;}
.fc05 {color:#888;}
.bg01 {background-color:#efefef;}
.bg02 {background-color:#fff;}


/********** layout-공통 **********/
/* body,html{height:100%;min-width:768px;min-height:768px} */
#wrap{position:relative;height:100%;background-color:#fff;}
/* [layout]서브 */
#header{z-index:5;position:absolute;right:0;top:0;width:100%;min-height:60px;background-color:#111f2b;color:#fff}
#header_inner{position:relative}
#header .logo{z-index:1;position:absolute;left:0;top:0;background:#000;width:120px;height:60px}
#header .gnb{position:relative;padding-left:120px}
#header .gnb .menu{display:table}
#header .gnb .menu>li{display:table-cell;position:relative;height:60px;vertical-align:middle;box-sizing:border-box}
#header .gnb .menu>li:after{display:inline-block;position:absolute;right:0;top:0;width:1px;height:100%;background:#fff;opacity:.2;content:''}
#header .gnb .menu>li>a{display:block;position:relative;padding:20px 30px;font-size:13px;color:#bac7d8;line-height:20px}
#header .gnb .menu>li.active>a{color:#fff}
#header .gnb .menu>li.active>a:after{display:inline-block;position:absolute;left:0;bottom:0;width:100%;height:3px;background:#00a9a5;content:''}
#container_inner{position:relative;height:100%;padding:80px 0 20px;box-sizing:border-box}
#container_inner:after{content:'';display:block;clear:both}
#content{position:relative;height:100%;}
.spacing01 {padding:0 14px;}
.spacing01.bt {border-top:1px solid #efefef;}
.spacing02 {padding:0;}
.section_main{position:relative;height:100%;padding-top:60px;box-sizing:border-box;}
#footer {padding:19px 0 0; height:105px; border-top:1px solid #efefef; box-sizing:border-box; background-color:#fff;}
#footer .p_info a {color:#333;}
#footer .tel a {color:#009ada;}
#footer .p_info a {color:#333;}
#footer .direct_link {margin-bottom:10px; text-align:center;}
#footer .direct_link li {padding:0 6px 0 10px; display:inline-block; border-left: 1px solid #dfdfdf; line-height:1; vertical-align:middle;}
#footer .direct_link li:first-child {padding-left:0; border-left:0;}
#footer .copy {text-align:center;}

#footer.footer_mini { font-size: 13px; }

.footer_mini__relation_link { text-align: center; overflow: hidden; }
.footer_mini__relation_link li { display:inline-block; border-left: 1px solid #efefef; padding: 0 0 0 10px; margin: 0 0 0 10px; }
.footer_mini__relation_link li:first-child { border-left:0; padding:0; margin:0;}

.footer_mini__relation_link .privacy { }
.footer_mini__relation_link .privacy a { color:#2E84E6;font-weight: 1000;  }
.privacy{ color:#2E84E6 !important;   }

.footer_mini__relation_info { text-align: center; margin:4px 0 0; }
.footer_mini__relation_info li { display:inline-block; border-left: 1px solid #efefef; padding: 0 0 0 10px; margin: 0 0 0 10px;  }
.footer_mini__relation_info li:first-child { border-left:0; padding:0; margin:0; }
.footer_mini__relation_info li.tel { color:#009ada; }

.footer_mini__copyright { text-align: center; margin:3px 0 0; }




/**
    Layout.css
**/

.admin_banner{border-bottom:1px solid #0055a5;}
.admin_banner .close_area{padding:10px;}


.all_menu{position:fixed;top:0;left:-450px;width:100%;height:100%;background:#fff;text-align:left;z-index:10001;}
.all_header{position:relative;height:45px;padding:0 50px;background:#0055a5;text-align:right;}
.all_header a{display:inline-block;font-size:14px;color:#fff;line-height:45px;}
.all_header span{display:inline-block;position:relative;padding:0 0 0 20px;}
.all_header span:first-of-type{padding:0;}
.all_header span:first-of-type:after{display:none;}
.all_header span:after{content:'';position:absolute;top:17px;left:7px;width:1px;height:13px;background:#2a70b3;}
.all_home{position:absolute;top:0;left:0;width:45px;height:45px;background:url('../../images/mob/common/icon_all_menu_home.png') no-repeat 0 0;background-size:45px 45px;}
.all_close{position:absolute;top:0;right:0;width:45px;height:45px;background:url('../../images/mob/common/icon_all_menu_close.png') no-repeat 0 0;background-size:45px 45px;}

.all_menu .main_depth:after{content:'';display:block;clear:both;}
.all_menu .main_depth{padding:20px 0;border-bottom:1px solid #2f87eb;}
.all_menu .main_depth li{float:left;width:25%;}
.all_menu .main_depth li a{display:block;padding:68px 0 0;font-size:12px;text-align:center;color:#0055a5;background-position:center top;background-repeat:no-repeat;background-size:50px auto;}
.all_menu .main_depth li:nth-child(1) a{background-image:url('../../images/mob/common/icon_all_main_1.png');}
.all_menu .main_depth li:nth-child(2) a{background-image:url('../../images/mob/common/icon_all_main_2.png');}
.all_menu .main_depth li:nth-child(3) a{background-image:url('../../images/mob/common/icon_all_main_3.png');}
.all_menu .main_depth li:nth-child(4) a{padding:60px 0 0;background-image:url('../../images/mob/common/icon_all_main_4.png');}

.all_menu .menu_group{overflow: hidden;height: 100%;}
.all_menu .depth1_roll{float:left;width:125px;height: 100%;box-shadow:2px -5px 9px 0px rgba(0,0,0,0.2);}
.all_menu .depth1_roll li{position:relative;display:block;}
.all_menu .depth1_roll li a{display:block;padding:15px;color:#111;font-size:14px;}
.all_menu .depth1_roll .active a{color:#fff;background:#2f87eb;}
.all_menu .depth1_roll .active:after{content:'';position:absolute;top:50%;right:-5px;width:5px;height:10px;margin-top:-5px;background:url('../../images/mob/common/icon_all_1depth_active.png');background-size:5px 10px;}
.all_menu .sub_depth{overflow-y:scroll;float:right;width:calc(100% - 140px);height:440px;box-sizing:border-box;}
.all_menu .sub_depth .depth2{margin-bottom:30px;}
.all_menu .sub_depth .depth2:last-of-type{margin-bottom:0;}
.all_menu .sub_depth .depth2:last-of-type > .tit{margin:0;border:0;}
.all_menu .sub_depth .depth2 > .tit{display:block;margin:0 0 13px;padding:0 0 0 7px;border-bottom:1px solid #2f87eb;font-size:14px;line-height:40px;color:#2f87eb;font-weight:normal;}
.all_menu .sub_depth .depth2 > .tit > a{position:relative;display:block;}
.all_menu .sub_depth .depth2 > .tit > a:after{content:'';position:absolute;top:12px;right:15px;width:7px;height:15px;background:url('../../images/mob/common/icon_all_2depth_link.png');background-size:7px auto;}

.all_menu .sub_depth .depth3:after{content:'';display:block;clear:both;}
.all_menu .sub_depth .depth3 > li{margin-top:25px;}
.all_menu .sub_depth .depth3 > li:first-child, .all_menu .sub_depth .depth3.col2 > li:nth-child(2){margin-top:0;}
.all_menu .sub_depth .depth3.col2 > li{float:left;width:50%;}
.all_menu .sub_depth .depth3 > li a{display:block;padding:0 5px;font-size:13px;color:#4d4d4d;}
.all_menu .sub_depth .depth4{margin:0 0 0 7px;}
.all_menu .sub_depth .depth4 > li{position:relative;margin:20px 0 0;padding:0 0 0 5px;}
.all_menu .sub_depth .depth4 > li:before{content:'';position:absolute;top:5px;left:0;width:3px;height:3px;background:#888;border-radius:100%;}


.header {
    position: relative;
    margin-bottom: -2px;
}

.header__foundation {
    height: 45px;
    text-align: center;
    position: relative;
}

.header__foundation .sitemap {
    position: absolute;
    left: 0;
    top: 0;
    height: 45px;
}

.header__foundation .mypage {
    position: absolute;
    right: 0;
    top: 0;
    height: 45px;
}

.header__foundation img {
    height: 100%;
}

.header__search {
    line-height: 37px;
    margin: 0 15px;
    border-bottom: 4px solid #0055a5;
    position: relative;
}

.header__search .text {
    line-height: 37px;
    vertical-align: top;
    width: 100%;
    height: 37px;
    box-sizing: border-box;
    border: 0;
    padding: 0 50px 0 15px;
}

.header__search .submit{
	position:absolute;
	top:0;
	right:0;
	width:40px;
	height:37px;
	background: url(../../images/mob/common/btn_navigation_zoom.png) no-repeat center center;
    background-size: 40px 37px;
}

.header__search .submit span{
	display:block;
	text-indent:-9999px;
}

.header__navigation {
    margin: 13px 0 0;
    line-height: 40px;
    position: relative;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}

.header__navigation:after {
	display:block;
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
    border-top: 2px solid #7faad2;
	z-index:-1;
}

.header__navigation__menu {
    white-space: nowrap;
    padding: 0 15px;
	overflow-x:auto;
}

.header__navigation__menu > li {
    display: inline-block;
}

.header__navigation__menu > li > a {
    color: #111111;
    font-size: 15px;
    display: block;
    padding: 0 16px;
}

.header__navigation__menu > li.active {
    line-height: 32px;
}

.header__navigation__menu > li.on > a,
.header__navigation__menu > li.active > a {
    color: #0055a5;
    font-weight: bold;
    border-bottom: 4px solid #0055a5;
}

.header__navigation__menu__sub {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 44px;
    background: #e6eef6;
	padding:0 20px;
	overflow-x:auto;
}

.header__navigation__menu > li.on .header__navigation__menu__sub ,
.header__navigation__menu > li.active .header__navigation__menu__sub {
	display:block;
}

.header__navigation__menu__sub > li {
    display: inline-block;
}

.header__navigation__menu__sub > li a {
	padding:0 16px;
	color:#4d4d4d;
}

.header__navigation__menu__sub > li:first-child a {
	padding:0 16px 0 0;
}

.header__navigation__menu__sub > li:last-child a {
	padding:0 0 0 16px;
}

.header__navigation__menu__sub > li.on a {
	color:#0055a5;
	font-weight:bold;
}

.header.sub_page .header__foundation {
    text-align: left;
    margin-top: 3px;
}

.header.sub_page .header__foundation .sitemap {
    left: auto;
    right: 45px;
}

.header.sub_page .header__foundation .logo {
    margin: 0 0 0 15px;
}

.header.sub_page .header__foundation .title {
    color: #0055a5;
    font-size: 14px;
    line-height: 45px;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 8px;
}

.header.sub_page .header__navigation {
    margin: 0;
}

.body_content {
    border-top: 2px solid #7faad2;
    min-height: 200px;
}



.footer#footer {
    padding: 0 0 25px;
    margin: 40px 0 0;
    border: 0;
    height: auto;
}

.footer__frequency_link {
    padding: 0 15px 20px;
    margin: 0 0 20px;
    border-bottom: 1px solid #b5cce1;
}

.footer__frequency_link__wrapper {
    display: table;
    width: 100%;
}

.footer__frequency_link ul {
    display: table-row;
}

.footer__frequency_link ul li {
    display: table-cell;
    text-align: center;
    padding: 0 5px;
    width: 25%;
}

.footer__frequency_link ul li .link {
    font-size: 13px;
    line-height: 26px;
    border: 1px solid #b5b5b5;
    border-radius: 2px;
    display: block;
    background: #fff;
}

.footer__useful_link {
    text-align: center;
}

.footer__useful_link .link {
    font-size: 12px;
    display: inline-block;
    padding: 0 3px;
}

.footer__information {
    font-size: 12px;
    text-align: center;
    margin: 5px 0 0;
}

.footer__information ul li {

    display: inline-block;
    border-left: 1px solid #dfdfdf;
    padding: 0 0 0 9px;
    margin: 0 0 0 6px;
}

.footer__information ul li:first-child {
    border-left: 0;
    padding: 0;
    margin: 0;
}

.footer__information .copyright {
    display: block;
    text-align: center;
    margin: 3px 0 0;
}


/* 폼 */
/* input 기본 */
.input.input_txt01 {height:26px; padding:0 10px; border:1px solid #cfcfcf; color:#666;}
.input.input_txt02 {height:40px; padding:0 19px; border:1px solid #cfcfcf; color:#666; font-size:13px;}

/* input + button */
.input_area {font-size:0;}
.input_area .input_txt01 {border-right:0; vertical-align:top;}
.input_area .input_txt02 {border-right:0; vertical-align:top;}
.input_area.readonly .input_txt01 {background-color:#efefef;}
.input_area.t_space {margin-top:10px;}

/* input 작성폼 */
.sel_box {position:relative; height:52px;  border:1px solid #dfdfdf; width:100%; background-color:#fff; display:inline-block; vertical-align:top; box-sizing:border-box;}

.sel_box.has_btn {padding-right:116px;}
.sel_box label {position:absolute;  top:15px; left:13px; font-weight:bold; font-size:14px; color:#888888; transition:all 0.2s ease-out; cursor:pointer;}
.sel_box label span {color:#f25822; position:absolute; top:-6px; right:-12px;}
.sel_box .btn05 {position:absolute; top:15px; right:18px;}
.sel_box .sel_input {border:0; padding:0 13px; height:50px; font-weight:bold; font-size:14px; color:#333333; width:100%; opacity:0; transition:all 0.2s ease-out; background-color:transparent;}
.sel_box .sel_input:focus {outline:none; }
.sel_box .btn05 {top:11px;}
.sel_box .tooltip_wrap {position:absolute; top:0; right:0;}
.sel_box .tooltip_wrap .tooltip { top:14px; right:13px;}
.sel_box.on {padding-top:21px; height:52px;}
.sel_box.on label { top:7px; left:13px; font-size:12px; color:#888888; font-weight:normal;}
.sel_box.on label span {top:-5px; right:-10px;}
.sel_box.on .sel_input {height:29px; opacity:1;}

.sel_box.readonly {
    background-color:#efefef;
}

.sel_box.readonly label {
    display: none;
    cursor:default;
}

.sel_box.on.readonly label {
    display: block;
}

/*.sel_box.readonly label span {top:-5px; right:-10px;}*/
.sel_box.readonly .sel_input {height: 29px; opacity:1;}
.sel_box.readonly .btn03 {display:none;}
.sel_box .auto_search {display:none; max-height:483px; overflow-y:auto; width:100%; padding:15px 0; border:1px solid #cfcfcf; position:absolute; top:58px; left:-1px; background-color:#fff; z-index:100;}
.sel_box .auto_search p {margin:5px 19px 0;}
.sel_box .auto_search p {margin-top:0;}
.sel_box .sel_file {position:absolute; top:0; left:0; width:100%; height:100%; opacity:0;}

.sel_box.has_btn_num {padding-right: 145px;}
.sel_box.click {padding-right:58px; padding-left:13px; background:#fff url('../../images/mob/common/input_arrow.png') no-repeat; background-size:9px auto; background-position:right 13px center;}
.sel_box .sel_value {height:50px; opacity:0; color:#333333; font-weight:bold;}
.sel_box .career_count {position:absolute; top:13px; right:35px; width:22px; height:22px; border:1px solid #009ada; border-radius:12px; text-align:center; line-height:20px; color:#009ada; font-weight:bold;}
.sel_box.on .sel_value {height:29px; line-height:29px; opacity:1; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}

.sel_box .sel_input_auto {display:block; max-height:483px; overflow-y:auto; min-width:100%; width:auto; border:1px solid #cfcfcf; position:absolute; top:58px; left:-1px; background-color:#fff; z-index:100;}
.sel_box .sel_input_auto ul {padding:15px 0;}
.sel_box .sel_input_auto ul li {margin:5px 19px 0;}
.sel_box .sel_input_auto ul li:first-child {margin-top:0;}
.sel_box .sel_input_auto ul li a {font-size:12px; display:block; color:#888888;}
.sel_box .sel_input_auto ul li a strong {display:block; font-size:14px; color:#111111;}
.sel_box .sel_input_auto ul li a:hover {color:#009ada; text-decoration:underline;}
.sel_box .sel_input_auto .sel_input_box_area {padding:17px 19px; border-top:1px solid #efefef; background:#f8f8f8; font-size:12px; color:#888888;}
.sel_box .sel_input_auto .sel_input_box_area a {text-decoration:underline; color:#009ada;}

.sel_error {position:absolute; top:52px; left:17px; padding:16px; width:auto; color:#f25822; border:1px solid #f8ab90; border-radius:6px; background-color:#fef6f4; font-size:13px; z-index:2; display:none;}
.sel_txt {position:absolute; top:52px; left:17px; padding:16px; width:80%; color:#009ada; border:1px solid #98d2f5; border-radius:6px; background-color:#f8fdff; font-size:13px; z-index:2; display:none;}
.sel_error img ,
.sel_txt img {position:absolute; top:-9px; left:23px; width:13px; height:9px;}
.sel_box .tooltip {position:absolute; top:20px; right:19px; text-indent:-9999px;}
.sel_box .time_count {position:absolute; top:15px; right:115px; font-size:14px; color:#f25822;}

.sel_box .sel_input {padding:0 16px;}
.sel_box .sel_input.btnl {padding-right:115px;}

/* sel_box select type */
.sel_box.select {background:url('../../images/mob/common/select_arrow.png') right 0 no-repeat; background-size:36px auto; padding-right:36px; padding-left:13px; cursor:pointer;}
.sel_box.select.active {background-position:right -46px;}

.sel_box.type2.select {font-size:13px;height:16px;background:url('../../images/mob/common/select02.png') right 6px no-repeat;  padding-right:21px;background-size:12px auto;border:0}
.sel_box.type3.select {font-size:13px;height:40px;background:url('../../images/mob/common/select02.png') 94% 50% no-repeat;  padding-right:21px;background-size:12px auto;border:1px solid #cfcfcf}

.sel_box > select {position:absolute; top:0; left:0; width:100%; height:100%; opacity:0;}
.sel_box.select.disable {cursor:auto; opacity:0.7;}
.sel_box.select.disable > select {display:none;}

/* sel_box radio type */
.sel_box.radio{padding:0 13px 0 54px;text-align:right;}
.sel_box.radio label{top:0;color:#888;font-weight:normal;line-height:50px;}

/* sel_box check type */
.sel_box.check {padding-right:29px;}
.sel_box.check .form_label {margin:0 !important; position:absolute; left:auto; right:13px !important; top:17px;}
.sel_box.check .form_label.single {margin:0 !important; position:absolute; left:auto; right:13px !important; top:17px; padding-left:18px !important;}

/* sel_textarea type */
.sel_textarea {min-height:104px; padding:30px 13px 0; width:100%; border:1px solid #dfdfdf; background-color:#fff; box-sizing:border-box; position:relative;}
.sel_textarea.height {min-height:156px;}
.sel_textarea label {left:13px; top:7px; color:#888888; font-weight:normal; position:absolute; font-size:12px;}
.sel_textarea label span {top:-5px; position:absolute; right:-10px; color:#f25822;}
.sel_textarea textarea {border:0; padding:0; display:block; padding:0 0 13px; width:100%; outline:none; height:29px;}

/* sel_box search */
.sel_box .search_btn {width:17px; height:17px; position:absolute; right:43px; top:16px; background:url('../../images/mob/common/icon_search.png') 0 0 no-repeat; background-size:100%;}

/* sel_box text_hold */
.sel_box.text_position {padding:0 40px;}
.sel_box.text_position .sel_txt_position {position:absolute; color:#888888; right:13px; top:15px;}
.sel_box.text_position input {text-align:right;}

input[type=radio].radio01 {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;}
input[type=radio].radio01 + label.form_label {margin:0 20px 0 0; padding-left:23px; min-height:16px; line-height:16px; display:inline-block; vertical-align:middle; cursor:pointer; background:url('../../images/mob/common/radio01.png') no-repeat 0 0; background-size:auto 16px;}
input[type=radio].radio01:checked + label.form_label {background:url('../../images/mob/common/radio01_chk.png') no-repeat 0 0; background-size:auto 16px;}
input[type=radio].radio01.chked + label.form_label {background:url('../../images/mob/common/radio01_chk.png') no-repeat 0 0; background-size:auto 16px;}

/* 체크박스 */
input[type=checkbox].check01 {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;}
input[type=checkbox].check01 + label.form_label {margin:0 20px 0 0; padding-left:23px; min-height:18px; line-height:18px; display:inline-block; vertical-align:middle; cursor:pointer; background:url('../../images/mob/common/check01.png') no-repeat 0 0; background-size:auto 18px;}
input[type=checkbox].check01:checked + label.form_label {background:url('../../images/mob/common/check01_chk.png') no-repeat 0 0; background-size:auto 18px;}
input[type=checkbox].check01.chked + label.form_label {background:url('../../images/mob/common/check01_chk.png') no-repeat 0 0; background-size:auto 18px;}

/* 오른쪽 체크박스 */
input[type=checkbox].check02 {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;}
input[type=checkbox].check02 + label.form_label {margin:0 0 0 0; padding-right:23px; min-height:18px; line-height:16px; display:inline-block; vertical-align:middle; cursor:pointer; background:url('../../images/mob/common/check01.png') no-repeat; background-position:right 0; background-size:auto 18px;}
input[type=checkbox].check02:checked + label.form_label {background:url('../../images/mob/common/check01_chk.png') no-repeat; background-size:auto 18px; background-position:right 0 top 0;}
input[type=checkbox].check02.chked + label.form_label {background:url('../../images/mob/common/check01_chk.png') no-repeat; background-size:auto 18px;  background-position:right 0 top 0;}

input[type=checkbox].check03 {position: absolute;z-index: -1000;left: -1000px;overflow: hidden;clip: rect(0 0 0 0);height: 1px;width: 1px;margin: -1px;padding: 0;border: 0;}
input[type=checkbox].check03 + label.form_label{padding:16px 0 0 16px;width:0;height:0;display:inline-block;overflow:hidden;vertical-align: middle;cursor: pointer;background: url(../../images/mob/common/icon_heart.png) no-repeat 0 0;background-size:100%}
input[type=checkbox].check03:checked + label.form_label{background: url(../../images/mob/common/icon_heart.png) no-repeat bottom left;color:#009ada;background-size:100%}


/* textarea */
.textarea {width:100%;padding:10px;box-sizing:border-box;border:1px solid #cfcfcf;}

/* search form */
.search_wrap dt {display:none;}
.input_area{position:relative;padding:0 84px 0 0;}
.input_area .input_txt02{width:100%;height:52px;border-radius:0;line-height:52px;}
.input_area .btn{position:absolute;top:0;right:0;width:84px;height:52px;border: 0;background:#009ada;color:#fff;line-height:52px;}
.input_area .btn span{display:inline-block;padding:0 0 0 19px;background:url('../../images/mob/common/icon_search_btn.png') left 20px no-repeat; background-size:13px 14px;}

.search_wrap.type2 {padding:15px 20px;background:#fafafa;}
.search_wrap.type2 .input_area {position:relative;padding:0 50px 0 0;}
.search_wrap.type2 .input_area .input_txt02{width:100%;height:40px;padding:0 15px;border-radius:0;line-height:40px;}
.search_wrap.type2 .input_area .btn{position:absolute;top:0;right:0;width:50px;height:40px;border: 0;background:#fff;color:#fff;line-height:40px;border:1px solid #cfcfcf;border-radius:0;border-left:0;}
.search_wrap.type2 .input_area .btn span {position:relative;display:block;width:100%;padding-top:40px;height:0;overflow:hidden;}
.search_wrap.type2 .input_area .btn span:before {content:"";display:block;position:absolute;top:10px;left:15px;width:17px;height:17px;border-radius:50%;border:2px solid #009ada;box-sizing:border-box;}
.search_wrap.type2 .input_area .btn span:after {content:"";display:block;width:2px;height:8px;border-radius:2px;background:#009ada;position:absolute;top:23px;right:35px;transform:rotate(-45deg)}

/* 버튼링크 */
.btn {
    position:relative;
    display:inline-block;
    white-space:nowrap;
    box-sizing:border-box;
}

.btn.w100 {
    width: 100%;
}

.btn span {position:relative;}
.btn.op0 {border:0; color:#666; background:transparent;}

.btn.btn01 {
    color:#009ada;
    font-size:16px;
    font-weight:bold;
    line-height:40px;
    padding: 0 14px 0;
    height:42px;
    border:1px solid #009ada;
    background-color:#fff;
    vertical-align:middle;
} /* 하단 큰 버튼*/

.btn.btn01.icon01 {height:45px;}
.btn.btn01.icon01 span:before {content:"";display:inline-block;margin:-5px 10px 0 0;width:8px;height:8px;border-bottom:2px solid #009ada;border-left:2px solid #009ada;border-radius:2px;transform:rotate(-45deg);vertical-align:middle;} /* 하단 큰 버튼*/

.btn.btn01.list {color:#4d4d4d;border-color:#b5b5b5;}

.btn.btn02 {
    color:#fff;
    font-size:16px;
    font-weight:bold;
    line-height:40px;
    padding: 0 14px 0;
    height:42px;
    border:1px solid #009ada;
    background-color:#009ada;
    box-sizing:border-box;
    vertical-align:middle;
} /* 하단 큰 버튼*/
.btn.btn03 {padding:0 30px; height:36px; line-height:34px; border:1px solid #0055a5; background-color:#fff; font-size:15px; color:#0055a5; font-weight:bold; box-sizing:border-box; vertical-align:middle;} /* 레이어 하단 큰 버튼*/
.btn.btn04 {padding:0 30px; height:36px; line-height:34px; border:1px solid #0055a5; background-color:#0055a5; font-size:15px; color:#fff; font-weight:bold; box-sizing:border-box; vertical-align:middle;} /* 레이어 큰 버튼*/
.btn.btn05 {width:76px; height:28px; line-height:26px; text-align: center; color:#fff; font-size:14px;border-radius:3px; border:0; vertical-align:middle; background-color: #697f94;}
.btn.btn06 {padding:0 30px 0 12px; height:28px; line-height:26px; text-align:center; color:#009ada; background:#fff; font-size:13px; border:1px solid #009ada; border-radius:3px; box-sizing:border-box; vertical-align:middle; position:relative;}
.btn.btn06:after {position:absolute; top:8px; right:12px; content:' '; width:5px; height:8px; background:url('../../images/mob/common/ico_arrow01.png') no-repeat 0 0; background-size:5px auto;}
.btn.btn07 {padding:0 30px 0 12px; height:28px; line-height:26px; text-align:center; color:#333; background:#fff; font-size:13px; border:1px solid #dfdfdf; border-radius:3px; box-sizing:border-box; vertical-align:middle; position:relative;}
.btn.btn07:after {position:absolute; top:8px; right:12px; content:' '; width:5px; height:8px; background:url('../../images/mob/common/ico_arrow02.png') no-repeat 0 0; background-size:5px auto;}
.btn08 {height:26px; line-height:24px; text-align: center; color:#fff; font-size:14px; vertical-align:middle; background-color: #697f94; padding:0 14px; border:0;}
.btn09 {padding: 0 12px 0 30px; height: 28px; line-height: 24px; text-align: center; color: #009ada; background: #fff; font-size: 13px; border: 1px solid #009ada; border-radius: 3px; box-sizing: border-box; vertical-align: middle; position: relative;}
.btn09:after {position: absolute; top: 8px; left: 12px;  content: ' ';  width: 10px;  height: 10px;  background: url('../../images/mob/common/icon_add.png') no-repeat 0 0;  background-size:10px auto;}
.btn10 {padding: 0 12px 0 30px; height: 28px; line-height: 26px; text-align: center; color: #666666; background: #fff; font-size: 13px; border: 1px solid #cfcfcf; border-radius: 3px; box-sizing: border-box; vertical-align: middle; position: relative;}
.btn10:after {position: absolute; top: 13px; left: 12px;  content: ' ';  width: 10px;  height: 1px;  background: url('../../images/mob/common/icon_delete03.png') no-repeat 0 0;  background-size:10px auto;}
.btn11 {height:26px; line-height:23px; border-radius:3px; border:1px solid #697f94; color:#697f94; font-size:14px; background:#fff;}
.btn12 {padding:0 18px 0 12px; text-align:center; color:#888888; background:#fff; font-size:13px; border:0; vertical-align:top; position:relative;}
.btn12:after {position:absolute; top:4px; right:0; content:' '; width:6px; height:6px;border-top:1px solid #89a7c2;border-right:1px solid #89a7c2;transform:rotate(45deg)}


.btn13{padding: 0 12px 0 30px;height: 28px;line-height: 26px;text-align: center;color: #fff;background: #0055a5;font-size: 13px;border: 1px solid #0055a5;border-radius: 3px;box-sizing: border-box;vertical-align: middle;position: relative;}
.btn13:after {position: absolute;top: 8px;left: 12px;content: ' ';width: 10px;height: 10px;background: url(../../images/mob/common/icon_add_white.png) no-repeat 0 0;background-size: 10px auto;}

.btn.btn14 {
    color:#697f94;
    font-size:16px;
    font-weight:bold;
    line-height:40px;
    padding: 0 14px 0;
    height:42px;
    border:1px solid #697f94;
    background-color:#fff;
    vertical-align:middle;
} /* 하단 큰 버튼*/


.btn.btn19 {
	min-width: 50px;
	padding: 0 10px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	color: #0057a6;
	background: #ffffff;
	font-size: 12px;
	border: 1px solid #0057a6;
	border-radius: 3px;
	margin-left: 10px;
}

.btn.btn19:hover {
	background-color: #d5e9f1;
}

.btn.btn19.disable:hover {
	background-color: #ffffff;
}

.btn.btn19.icon1:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-right: 7px;
	width: 17px;
	height: 14px;
	background: url(../../../images/web/common/bg_lnb_sub01_over.png) 0 0 no-repeat;
}

.btn.btn20 {
	min-width: 50px;
	padding: 5px 10px;
	line-height: 18px;
	text-align: center;
	color: #ffffff;
	background: #e3214e;
	font-size: 10px;
	border: 1px solid #ffffff;
	border-radius: 50px;
	font-family: NanumGothic;
	margin: 15px 0px 0px 0px;
	font-weight: bold;
}

.btn.btn20:hover {
	background-color: #902020;
}

.btn.btn20.disable:hover {
	background-color: #ffffff;
}

.btn.btn20.icon1:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-right: 7px;
	width: 17px;
	height: 14px;
	background: url(../../../images/web/common/bg_lnb_sub01_over.png) 0 0 no-repeat;
}

.btn.btn21 {
	min-width: 50px;
	padding: 5px 10px;
	line-height: 18px;
	text-align: center;
	color: #ffffff;
	background: #e3214e;
	font-size: 10px;
	border: 1px solid #ffffff;
	border-radius: 50px;
	font-family: NanumGothic;
	margin: 15px 0px 0px 0px;

}

.btn.btn21:hover {
	background-color: #902020;
}

.btn.btn21.disable:hover {
	background-color: #ffffff;
}

.btn.btn21.icon1:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-right: 7px;
	width: 17px;
	height: 14px;
	background: url(../../../images/web/common/bg_lnb_sub01_over.png) 0 0 no-repeat;
}

.btn.btn22 {
	min-width: 50px;
	padding: 10px 15px;
	line-height: 15px;
	text-align: center;
	color: #ffffff;
	background: #2f87eb;
	font-size: 20px;
	border: 1px solid #ffffff;
	border-radius: 50px;
	font-family: NanumGothic;
	margin: 15px 0px 0px 0px;
	font-weight: bold;

}

.btn.btn22:hover {
	background-color: #0979ff;
}

.btn.btn22.disable:hover {
	background-color: #ffffff;
}

.btn.btn22.icon1:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-right: 7px;
	width: 17px;
	height: 14px;
	background: url(../../../images/web/common/bg_lnb_sub01_over.png) 0 0 no-repeat;
}


.btn_refresh {display:inline-block;width:14px;height:0;padding-top:14px;overflow:hidden;background:url('../../images/mob/content/icon_refresh.png') 0 0 no-repeat;background-size:100%;}

.btn.disble {opacity:.4;}
.btn_group.multi {display:-webkit-box; display:-webkit-flex; display:-moz-box; display:flex;} /* 한 영역에 n개의 버튼*/
.btn_group .btn {margin-bottom:15px; width:100%; display:inline-block; text-align:center; box-sizing:border-box;}
.btn_group01 .btn {margin-bottom:15px; display:inline-block; text-align:center; box-sizing:border-box;}
.btn_group.multi .btn{margin-left:15px;-webkit-box-flex:1; -moz-box-flex:1; -webkit-flex:1; flex:1;}
.btn_group01.multi .btn {margin-left:15px;}
.btn_group.multi .btn:first-child,
.btn_group01.multi .btn:first-child {margin-left:0;}
.btn_group01 {text-align:center;}
.btn.key {border:0; background:transparent;}

.image_btn { border:0; }
.image_btn01 {
    display:inline-block;
    width: 16px;
    height: 16px;
    background: url('../../images/mob/common/btn_pencil_01.png') no-repeat center top;
    background-size: 16px;
}
.image_btn01 span { display: block; text-indent: -9999px; }

/* table */
.tb_b_t {border-top:2px solid #0055a5; border-bottom:1px solid #afafaf;}
.tb_b_t.outline {border-left:1px solid #cfcfcf; border-right:1px solid #cfcfcf;}
.tb_b_t.type02 {border-top:2px solid #0055a5;}
.tb_b_t.none {border-top:0;}
.tb_b_t.outline .tbl_horizontal tr td {padding-top:30px; padding-bottom:30px;}
/* table - 가로형 */
.tbl_horizontal tr th {border-left:1px solid #efefef; border-top:1px solid #efefef; background-color:#fafafa; height:45px; font-size:12px; color:#666666; padding:0;}
.tbl_horizontal tr th:first-child {border-left:0;}
.tbl_horizontal tr td {border-left:1px solid #efefef; border-top:1px solid #efefef; text-align:center; padding:13px 20px;  font-size:12px; vertical-align:middle;}
.tbl_horizontal tr td:first-child {border-left:0;}
.tbl_horizontal tr td.bt0{border-top:0;}
.tbl_horizontal thead tr:first-child th {border-top:0;}
.tbl_horizontal thead tr:first-child td {border-top:0;}
.tbl_horizontal.type02 tr th {border-bottom:1px solid #efefef; border-top:0;}
.tbl_horizontal.type02 tr td {border-bottom:1px solid #efefef; border-top:0;}
.tbl_horizontal.noline tr th {border-left:0; border-bottom:1px solid #efefef;}
.tbl_horizontal.noline tr td {border-left:0; border-right:0;}
.tbl_horizontal.noline .secret td {padding:0 !important; height:143px;}
.tbl_horizontal.noline .img {margin-bottom:15px;}
.tbl_horizontal.noline .img img {width:83px; height:83px; border-radius:50%;}
.tbl_horizontal .personal_info {color:#888;}
.tbl_horizontal .personal_info strong {margin-bottom:5px; display:block; font-size:14px; color:#333;}
.tbl_horizontal .resume_tit {margin-bototm:5px; font-size:18px; color:#111; font-weight:bold;}
.tbl_horizontal .rsm_summary p {margin-bottom:5px;}
.tbl_horizontal .rsm_summary p span {position:relative; margin-right:5px; padding-right:10px;}
.tbl_horizontal .rsm_summary p span:after {position:absolute; top:0; right:0; content:' '; height:12px; border-right:1px solid #e0e0e0;}
.tbl_horizontal .rsm_summary p span:last-child:after {border:0;}
.tbl_horizontal .hashtag a {padding-right:8px; color:#888;}
.tbl_horizontal.only_type th {padding:0 20px; text-align:left;}
.tbl_horizontal.only_type td {padding:13px 20px; text-align:left;}
/* table - 세로형 */
.tbl_vertical.mix thead th {border-bottom:1px solid #bbb; font-size:14px; text-align:center; background-color:#fff;}
.tbl_vertical tr th {border-top:1px solid #efefef; background-color:#fafafa; text-align:center; padding:13px 15px; color:#666;  font-size:14px; }
.tbl_vertical tr td {border-top:1px solid #efefef; border-left:1px solid #efefef; padding:13px 15px; color:#666;  font-size:14px; vertical-align:middle;}
.tbl_vertical tr:first-child th {border-top:0;}
.tbl_vertical tr:first-child td {border-top:0;}
.tbl_vertical .td_tit {margin-bottom:5px; font-size:14px; display:block;}
.tbl_vertical .bl_none {border-left:0;}
/* table - open */
.toggle_list {}
.toggle_list .list_tit {border-top:1px solid #efefef; background:url('../../images/mob/common/icon_Q.png') 20px 23px no-repeat; padding:22px 20px 20px 47px; display:block;}
.toggle_list .list_tit p {position:relative;padding-right:30px;font-size:12px; color:#333;  font-weight:bold; }
.toggle_list .list_tit p:after {content:"";display:block;position:absolute;top:0;right:0;width:12px;height:12px;background:url('../../images/mob/common/arrow01.png') right -12px no-repeat;background-size:100%;overflow:hidden;}
.toggle_list .list_tit.active p:after {background:url('../../images/mob/common/arrow01.png') right 4px no-repeat;}
.toggle_list .list_tit:first-child {border-top:0;}
.toggle_list .list_txt {/*border-top:1px solid #efefef;*/ background:#f8fcfe url('../../images/mob/common/icon_A.png') 19px 28px no-repeat; padding:0 20px 0 47px; display:none;}
.toggle_list .list_txt p {font-size:12px; color:#666; padding:27px 0 26px;}
/* table - 컨텐츠 */
.tb_con {padding:14px;}
.tb_con.type02 {padding:15px 19px; border-right:1px solid #cfcfcf; border-left:1px solid #cfcfcf;}
.tb_con .tb_con_tit {font-size:12px; font-weight:bold; color:#666; margin-bottom:25px;}
.tb_con .tb_con_txt {font-size:12px; color:#666;}
.tb_con_toggle p {margin-bottom:10px;}
.tb_con_toggle .hidden_con {display:none;}
/* table -상단 */
.tb_top {margin-bottom:16px; overflow:hidden; text-align:right; font-size:12; color:#888; height:30px; line-height:30px;}
.tb_top.mt {margin-top:30px;}
.tb_top .total {float:right; font-size:14px; color:#666;}
.tb_top .total.left {float:left;}
.tb_top .total span {font-weight:bold;}
.tb_top .histopry {color:#f25822; text-decoration:underline;}
.tb_top .select_wrap {vertical-align:top; margin-left:8px;}
.tb_top .select_wrap .ui-selectmenu-button {vertical-align:top;}
.tb_top .btn18 {vertical-align:top;}
.tb_top .btn18 .excel {vertical-align:top;}
/* table 하단 내용 */
.table_inner {padding:30px 20px; margin:0;}
.table_inner dt {font-weight:bold; margin-top:14px;}
.table_inner dt:first-child {margin-top:0;}
.table_inner dd {padding-top:2px;}


/* 탭 */

.ui-tabs .ui-tabs-panel {padding:0;}

.tabs.ui-tabs {
    font-weight: normal;
    border: 0;
    border-radius: 0;
    background: transparent;
    padding: 0;
}

.tabs .tab,
.tabs > ul,
.tabs.ui-tabs > ul {
    font-weight: normal;
    line-height: normal;
    border-bottom:0;
    border-radius: 0;
    background: transparent;
    padding: 0;
    border: 0;
    display: flex;
    box-sizing: border-box;
}

.tabs .tab:after { clear:both; display:block; content:' '; }

.tabs .tab li,
.tabs > ul li,
.tabs > ul.ui-tabs-nav li {
    font-size:13px;
    text-align:center;
    line-height: 38px;
    border-radius: 0;
    border: 0;
    margin: 0;
    float: none;
    background: transparent;
    flex: 1;
    border-left: 1px solid #cfcfcf;
    border-right: 1px solid #cfcfcf;
    border-top: 1px solid #cfcfcf;
    border-bottom: 2px solid #0055a5;
    margin: 0 0 0 -1px;
}

.tabs .tab li:nth-child(2n),
.tabs > ul li:nth-child(2n),
.tabs > ul.ui-tabs-nav li:nth-child(2n) {

}

.tabs .tab li:first-child,
.tabs > ul li:first-child,
.tabs > ul.ui-tabs-nav li:first-child {

}

.tabs .tab li.ui-tabs-active,
.tabs > ul li.ui-tabs-active,
.tabs > ul.ui-tabs-nav li.ui-tabs-active {
    padding: 0;
    margin: 0 0 0 -1px;
    background: #0055a5;
}

.tabs .tab li a.ui-tabs-anchor,
.tabs > ul li a.ui-tabs-anchor,
.tabs > ul.ui-tabs-nav li a.ui-tabs-anchor {
    float: none;
    display: block;
    padding: 0;
}

.tabs.ui-tabs .tab_area,
.tabs.ui-tabs .tab_cont { padding: 0; }

.tabs .tab.col2 {
    display: block;
    border-top: 1px solid #cfcfcf;
}

.tabs .tab.col2 li {
    flex: none;
    white-space: normal;
    float: left;
    width: 50%;
    box-sizing: border-box;
    border-top: 0;
    border-left: 0;
    border-bottom: 1px solid #cfcfcf;
    border-right: 1px solid #cfcfcf;
    margin: 0;
}

.tabs .tab.col2 li:nth-child(2n) { border-right: 0; }

.tabs .tab.col2 li.ui-tabs-active {
    padding: 0;
    margin: 0;
    background: #0055a5;
    border-right: 1px solid #0055a5;
    border-bottom: 1px solid #0055a5;
}


.tab_cont { display:none; }

.tab01.login .tab_cont {padding:14px 14px 0;}
.tab01.login .tab_cont.normal {padding:0;}

.tab01 .tab li.none_current {background-color:#ffffff !important;}

.no_action_tab:after{content:'';display:block;clear:both;}
.no_action_tab li{float:left;width:50%;height:38px;line-height:38px;border-right: 1px solid #cfcfcf;border-bottom: 1px solid #cfcfcf;box-sizing: border-box;}
.no_action_tab li:nth-child(even){border-right:0;}
.no_action_tab li a{display:block;text-align:center;color:#888;font-size:13px;}
.no_action_tab li.current{background:#0055a5;border-bottom:1px solid #0055a5;}
.no_action_tab li.current a{color:#fff;font-weight:bold;}
/* title */
.con_tit01 {margin-bottom:19px; color:#111111; font-size:19px;} /* h2해당 */
.con_tit02 {margin-bottom:20px; color:#111111; font-size:16px;} /* h3해당 */
.con_tit03 {margin-bottom:15px; color:#0055a5; font-size:14px;} /* h4해당 */
.con_tit04 {margin-bottom:15px; color:#333; font-size:13px;} /* h5해당 */

/* 라벨링 */
.labeling {display:inline-block; margin-right:6px; padding:0 10px;  font-size:10px; height:21px; line-height:18px; border-radius:12px; color:#888; border:1px solid #cfcfcf; background:#fff;box-sizing:border-box; vertical-align:middle;}
.labeling.labeling01{border-color:#009ada; color:#009ada;}
.labeling.labeling02 {border-color:#009a46; color:#009a46;}
.labeling.labeling03 {border-color:#ff6633; color:#ff6633;}
.labeling.labeling04 {border-color:#f7246e; color:#f7246e;}

.txt_list01 {margin-bottom:25px;}
.txt_list01 li {padding:4px 0 4px 10px; background:url('../../images/mob/common/bul_list01.png') no-repeat 0 9px; background-size:3px auto;}
.txt_list01 li:first-child {padding-top:0; background-position:0 6px;}
.txt_list02 {margin-bottom:25px;}
.txt_list02 li {padding:4px 0 4px 10px; background:url('../../images/mob/common/bul_list02.png') no-repeat 0 11px; background-size:4px auto;}
.txt_list02 li:first-child {padding-top:0; background-position:0 8px;}

.txt_list03 {
    margin-bottom:25px;

}
.txt_list03 li {
    font-size: 12px;
    padding:4px 0 4px 10px;
    background:url('../../images/mob/common/bul_list01.png') no-repeat 0 11px;
    background-size:3px auto;
}
.txt_list03 li:first-child {
    padding-top:0;
    background-position:0 8px;
}

.txt_list03 li.message {
    line-height: 18px;
    background: none;
    padding: 0;
}




/* tooltip */
.tooltip_wrap {position:relative; width:100%; z-index:1;}
.tooltip {display:inline-block; width:22px; height:22px; background:url('../../images/mob/common/icon_tooltip.png') 0 0 no-repeat; background-size:100% auto; vertical-align:middle;}
.tooltip_area {display:none; width:100%; position:absolute; top:50px; left:0;}
.tooltip_box {display:block; border:1px solid #697f94; border-radius:5px !important; background:#f8fcfe; padding:15px;}
.tooltip_box:after {content:""; position:absolute; right:17px; top:-8px; width:14px; height:9px; background:url('../../images/mob/common/bg_tooltip.png') 0 0 no-repeat; background-size:100% auto;}
.tooltip_box .txt_list01 {margin-bottom:0; margin-top:0;}

/* number_list */
.number_list {list-style:decimal; margin-top:14px; padding-left:15px;}
.number_list li {padding-top:10px;}

/* 새 창 */
#new_window,
#new_window1 {position:relative;}
#new_window1 #container {margin:0; width:100%;}
#new_window #container {margin:0; width:100%;}
#new_window #content ,
#new_window1 #content {padding-top:47px;}
#new_window .top_tit,
#new_window1 .top_tit {height:47px; border-bottom:1px solid #7faad2; position:fixed; z-index:5; left:0; right:0;  width:100%; background-color:#fff;}
#new_window .top_tit .con_tit01 {margin-bottom:0; font-size:18px; line-height:47px; text-align:center; color:#0055a5;font-weight:normal;}
#new_window1 .top_tit .con_tit01 {margin-bottom:0; text-align:center; font-weight:400; line-height:47px; color:#0055a5;}
#back {position:fixed; top:0; left:14px; z-index:10;}
#back .back a {display:inline-block; padding:17px 0 0 0; width:25px; height:47px; box-sizing:border-box;}
#back .back a:before {content:' '; display:inline-block; width:16px; height:12px; background:url('../../images/mob/common/ico_back.png') no-repeat 0 0; background-size:14px auto;}
#close {position:fixed; top:0; right:0; z-index:10;}
#close .close a {display:inline-block; padding:17px 0 0 0; width:25px; height:47px; box-sizing:border-box;}
#close .close a:before {content:' '; display:inline-block; width:14px; height:14px; background:url('../../images/mob/common/btn_close_layer.png') no-repeat 0 0; background-size:14px auto;}
#dim_layer {background:rgba(0,0,0,.5); position:fixed; top:0; bottom:0; left:0; right:0; z-index:10;}

.layer01{display:none;}
.layer01.ui-dialog{left: 10px !important;right: 10px !important;padding:0;border:0;border-radius: 0;}
.layer01.ui-dialog .ui-dialog-content{padding:0;}
.layer01 .layer_body {padding-bottom:20px;}
.layer01.ui-dialog .ui-dialog-titlebar{padding:0;font-size: 16px;color: #0055a5;font-weight:normal;line-height: 46px;text-align:center;background:none;border:none;border-radius:0;border-bottom: 1px solid #4c88c0;}
.layer01.ui-dialog .ui-dialog-title{width:100%;}
.layer01.ui-dialog .ui-dialog-titlebar-close{right:16px;width:16px; height:16px;margin-top:-8px;border:0;background:none;}
.layer01 .ui-button .ui-icon{border:0; display:inline-block; width:16px; height:16px; background:url('../../images/mob/common/btn_close_layer.png') no-repeat 0 0; background-size:16px auto;}
.layer01 .btn.btn01{border: 1px solid #0055a5;color:#0055a5;}
.layer01 .btn.btn02{background:#0055a5;border: 1px solid #0055a5;}

/* 이전 팝업 창 css
.layer01 {position:absolute; box-sizing:border-box; width:100%; left: 50%; top: 50%; transform: translate(-50%, -50%);  z-index:11;}
.layer01_wrap {background:#fff; margin-left:14px; margin-right:14px; position:relative; border-radius:4px;}
.layer01 .layer_head {border-bottom:2px solid #0055a5; height:50px; box-sizing:border-box;}
.layer01 .layer_head .con_tit01 {padding-left:16px; font-size:16px; color:#111; line-height:46px;}
.layer01 .layer_body {padding-bottom:20px;}
.layer01 .layer_close {position:absolute; top:16px; right:16px;}
.layer01 .btn.close {border:0; display:inline-block; width:16px; height:16px; background:url('../../images/mob/common/btn_close_layer.png') no-repeat 0 0; background-size:16px auto;}
*/

/* 로그인 */
.login_find {margin-bottom:20px; text-align:center;}
.login_find li {padding: 0 10px; display:inline-block; text-align:center; border-left: 1px solid #dfdfdf; line-height:1;}
.login_find li:first-child {padding-left: 0; border-left: 0;}
.login_find li a {color:#888;}
/* 키보드 */
.keybord img {width:100%;}
.keybord .key {margin-bottom:14px; margin-right:20px; padding-right:18px; color:#888; position:relative;}
.keybord .key:after {content:' '; position:absolute; top:3px; right:0; width:12px; height:12px; background:url('../../images/mob/common/ico_key.png') no-repeat 0 0; background-size:auto 32px;}
.keybord .key.on:after {background:url('../../images/mob/common/ico_key.png') no-repeat 0 -20px; background-size:auto 32px;}
.keybord .key_img {margin-bottom:14px; display:none;}

/* sns 로그인 */
.login_sns {padding:20px 0; border-top:1px solid #efefef;}
.login_sns:after {clear:both; display:block; content:' ';}
.login_sns h4 {margin-bottom:14px; text-align:center; color:#111; font-size:14px;}
.login_sns ul {text-align:center;}
.login_sns ul li {width:40px; display:inline-block; vertical-align:top; padding:0 6px;}
.login_sns ul a {width:40px; height:41px; display:inline-block; vertical-align:top;}
.login_sns .naver a {background:url('../../images/mob/common/btn_naver.png') no-repeat 0 0; background-size:auto 40px;}
.login_sns .google a {background:url('../../images/mob/common/btn_google.png') no-repeat 0 0; background-size:auto 40px;}
.login_sns .kakao a {background:url('../../images/mob/common/btn_kakao.png') no-repeat 0 0; background-size:auto 40px;}
.login_sns .facebook a {background:url('../../images/mob/common/btn_facebook.png') no-repeat 0 0; background-size:auto 40px;}

/* 약관 */
.clause_wrap  {padding:22px 0 0 0;}
.clause_wrap .clause {padding:13px; border:1px solid #e5e5e5;}
.clause_wrap .clause li {padding-top:25px;}
.clause_wrap .clause li:first-child {padding-top:0px;}
.clause_wrap .clause .item {font-weight:normal;}

.box01 {padding:13px; border:1px solid #e5e5e5; background-color:#fff;}
.box_list01 {display:table; width:100%; table-layout:fixed;}
.box_list01 li {padding:12px 0;}
.box_list01:after {clear:both; display:block; content:' ';}
.box_list01.w50 li {float:left; width:50%;}

.ui-page-navigator {text-align:center;}

.tb_b_t + .ui-page-navigator { margin-top: 30px; }


/* 페이징 */
.pagination:after {clear:both; display:block; content:' ';}
.pagination>li{display:inline-block;}
.pagination>li>a,
.pagination>li>span{position:relative;float:left;padding:0 10px; font-size:13px; margin-left:-1px;line-height:26px;color:#4c4c4c;text-decoration:none;background-color:#fff;}
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover{z-index:2;color:#f25822;}
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover{z-index:3;color:#f25822;cursor:default; }
.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;}
.pagination .ui-pgn-first,
.pagination .ui-pgn-prev,
.pagination .ui-pgn-next,
.pagination .ui-pgn-last {display:inline-block;overflow:hidden;position:relative;width:26px;height:26px;margin:0px;line-height:26px;text-decoration:none;vertical-align:top;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.pagination .ui-pgn-first {margin-right:2px; background:url('../../images/mob/common/btn_paging_first.gif') 0 0  no-repeat;background-size:100% 100%;}
.pagination .ui-pgn-prev {margin-right:15px; background:url('../../images/mob/common/btn_paging_prev.gif') 0 0  no-repeat;background-size:100% 100%;}
.pagination .ui-pgn-next {margin-left:15px; margin-right:2px; background:url('../../images/mob/common/btn_paging_next.gif') 0 0  no-repeat;background-size:100% 100%;}
.pagination .ui-pgn-last {background:url('../../images/mob/common/btn_paging_last.gif') 0 0  no-repeat;background-size:100% 100%;}
.pagination-lg>li>a,
.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}
.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}
.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}
.pagination-sm>li>a,
.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}
.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}
.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}
.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}
.pager li{display:inline}
.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}
.pager li>a:focus,
.pager li>a:hover{text-decoration:none;background-color:#eee}
.pager .next>a,.pager .next>span{float:right}
.pager .previous>a,.pager .previous>span{float:left}
.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}


/* 팝업 관련 스타일 */
.layer_cont{padding:20px 15px 0;}
.layer_cont .btn_group{margin:20px 0 0;}
.layer_cont .btn_group .btn{margin-bottom:0;}
.layer_input .sel_box{margin:15px 0 0;}
.layer_input .chk_list:after{content:'';display:block;clear:both;}
.layer_input .chk_list li{float:left;width:50%;margin:23px 0 0;padding:0 5px 0 0;box-sizing:border-box;}
.layer_input .chk_list li:nth-child(1),.layer_input .chk_list li:nth-child(2){margin:0;}

.layer_cont [id*="tabs-"]{overflow:auto;max-height:275px;}

.layer_cont .guide p{margin-top:20px;}
.layer_cont .guide p:first-of-type{margin-top:0;}


/* popup */
.layer_body .txt_box {padding:20px 31px;}

.popup_dimmed_style {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #7f7f7f;
    z-index: 100;
}

.popup_dimmed_style.active {
    display: block;
}

.popup_dimmed_style__wrapper {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

/* 달력 */
.ui-datepicker{background:#fff;}
.ui-datepicker .ui-datepicker-header{background:#fff;border:0;}
.ui-datepicker .ui-datepicker-prev span{background:url('../../images/mob/common/icon_diary_prev.png') no-repeat 0 0;}
.ui-datepicker .ui-datepicker-next span{background:url('../../images/mob/common/icon_diary_next.png') no-repeat 0 0;}
.ui-widget-header .ui-state-hover{border:0;background:none;}
.ui-datepicker .ui-datepicker-prev-hover{top:2px;left:2px;}
.ui-datepicker .ui-datepicker-next-hover{top:2px;right:2px;}
.ui-datepicker-title{color:#009ada;}
.ui-datepicker th{color:#009ada;font-weight:normal;}
.ui-datepicker td span, .ui-datepicker td a{text-align:center;}
.ui-datepicker-calendar .ui-state-default{background:#fff;border:0;color:#111;line-height: 23px;}
.ui-datepicker-calendar .ui-state-highlight, .ui-datepicker-calendar .ui-state-active{background:#009ada;border:0;color:#fff;border-radius:100%;}