@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}


@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}




/* 본고딕  */
@font-face {
font-family: 'Noto Sans';
font-style: normal;
font-weight: 300;
src: local('Noto Sans Regular'), local('NotoSans-Regular'), url('./css/fonts/NotoSans/NotoSans-Regular.eot');
src: url('./css/fonts/NotoSanss/NotoSans-Regular.eot?#iefix') format('embedded-opentype'),
     url('./css/fonts/NotoSanss/NotoSans-Regular.woff2') format('woff2'),
     url('./css/fonts/NotoSanss/NotoSans-Regular.woff') format('woff');
}

@font-face {
font-family: 'Noto Sans';
font-style: normal;
font-weight: 500;
src: local('Noto Sans Medium'), local('NotoSans-Medium'), url('./css/fonts/NotoSanss/NotoSans-Medium.eot');
src: url('./css/fonts/NotoSanss/NotoSans-Medium.eot?#iefix') format('embedded-opentype'),
     url('./css/fonts/NotoSanss/NotoSans-Medium.woff2') format('woff2'),
     url('./css/fonts/NotoSanss/NotoSans-Medium.woff') format('woff');
}

@font-face {
font-family: 'Noto Sans';
font-style: normal;
font-weight: 700;
src: local('Noto Sans Bold'), local('NotoSans-Bold'), url('./css/fonts/NotoSanss/NotoSans-Bold.eot');
src: url('./css/fonts/NotoSanss/NotoSans-Bold.eot?#iefix') format('embedded-opentype'),
     url('./css/fonts/NotoSanss/NotoSans-Bold.woff2') format('woff2'),
     url('./css/fonts/NotoSanss/NotoSans-Bold.woff') format('woff');
}





html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
    list-style: none;
	vertical-align: baseline;
}
a{text-decoration:none;color:inherit;}
button{padding:0;border:none;}

h1, h2,h3,h4,h5 {font-weight:bold !important; }
body {margin:0;padding:0;font-size:0.75em;font-family:'Noto Sans'; background-color:#fff; color:#999}
body {font-family:'Noto Sans'  !important; color:#333 }
label,a,p,span,h1, h2,h3,h4,h5 {font-family:'Noto Sans' !important;  }




textarea, select {font-family:'Noto Sans' !important; font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {color:#000;text-decoration:none}
a:hover, a:focus, a:active {color:#000;text-decoration:none}




/* Common */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,button,table{font-size:14px;}
.s3{font-size:15px}
body.s,.s input,.s textarea,.s select,.s button,.s table{font-family:Helvetica}
body{position:relative;/*background-color:#fbfbfb;*/color:#000}
body.s{-webkit-text-size-adjust:none}
img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
a{color:inherit;text-decoration:none;}
table{border-collapse:collapse}
#ct{clear:both;width:100%}
.ct{background-color:#fff}
.id_svall .ct,.id_svset .ct{background-color:#fff}
.en{letter-spacing:0}

select {
	height: 26px;padding: .4em 0 .2em .40em;border: 1px solid;border-color: #c3c5c9 #c3c5c9 #c3c5c9; 
	background: url(/m/img/sp_v3.png) no-repeat 100% -393px,
		-webkit-gradient(linear,0 0,0 100%,from(white),to(whiteSmoke)); 
	font-size:9pt; color: #545454; vertical-align: middle; 
		-webkit-appearance: none; 
		-webkit-border-radius: 0; 
} 


input[type=radio].css-checkbox {
	display:none;
}

input[type=radio].css-checkbox + label.css-label {
	padding-left:23px;
	height:20px; 
	display:inline-block;
	line-height:20px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:12px;
	vertical-align:middle;
	cursor:pointer;
}

input[type=radio].css-checkbox:checked + label.css-label {
	background-position: 0 -20px;
}



input[type=checkbox].css-checkbox {
	display:none;
}

input[type=checkbox].css-checkbox + label.css-label {
	padding-left:23px;
	height:20px; 
	display:inline-block;
	line-height:20px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:12px;
	vertical-align:middle;
	cursor:pointer;
}

input[type=checkbox].css-checkbox:checked + label.css-label {
	background-position: 0 -20px;
}

label.css-label {
	background-image:url(/m/img/csscheckbox.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* SITE-HEADER CSS */
.site-header {position: fixed; width: 100%; height:99px; background:url('/partner_m/asset/images/new/head_bg.png') repeat-x; z-index:99}
.site-header.gnb-none {margin-bottom: 100px;}
.site-header .header-top{height: 38px;overflow: hidden;}
.site-header .user-menu{float: right; overflow: hidden;}
.site-header .user-menu li{float: left;}
.site-header .user-menu li a{color:#707070;font-size: 12px;line-height: 38px;vertical-align: top;display: inline-block;}
/* 사용자메뉴 색상수정 2018-02-21, SYC 최선영*/
.site-header .user-menu>li>a:hover,
.site-header .user-menu>li>a:active{font-weight: bold;color:#000000;text-decoration: underline;}
.site-header .user-menu li:before{content:'|'; color:#ccc; line-height: 38px; display: inline-block; padding: 0 8px;}
.site-header .user-menu li:first-child:before{content:none;}
.site-header .user-menu li.shareseoul a {text-indent:-1000px; overflow:hidden; width:50px; height:100%; background:url('../images/logo_shareseoul_small.png?v=2') no-repeat center; }
.site-header .navbar-header{height: 3.563em;}
.site-header .site-brand {position:absolute; left:50%; margin-top:10px; margin-left: -80px;display: inline-block;}
.site-header .site-brand img {height: auto;}
.site-header .site-brand small{font-size: 14px; color:#969696;font-weight: normal;vertical-align: bottom; letter-spacing: -0.1em;margin-bottom:13px; margin-left: 3px; display: inline-block;}
.site-header .pull-right {float:right; width: 82%; margin-top: 33px;overflow: hidden;}
.site-header .search-box {width: 24%; overflow: hidden; float:right; text-align: right;}
.site-header .btn-search {width: 20px; height: 25px; padding: 0; margin: 0; border: 0; background:url('../images/btn-search.png') no-repeat center right;text-indent: -9999px;}
.site-header .search-text{width: 80.5%; margin: 0; padding: 0 5px; border: 0; background-color: transparent; height: 20px; font-size: 16px;border-bottom: 2px solid #333; outline: none;}
.site-header .site-navigation {position: relative; width: 70%; height: 70px; overflow: hidden; float:right;}
.site-header .gnb>li{float: left; font-size: 18px; margin-right: 7.5%; text-align: center;}
/*.site-header .gnb>li{width: auto; float: left; font-size: 18px; margin-right: 50px;}*/
.site-header .gnb>li:hover .sub-menu,
.site-header .gnb>li:active .sub-menu{display: block;}
.site-header .gnb>li>a { padding:11px 0;}
.site-header .gnb>li>a:hover,
.site-header .gnb>li>a:active,
.site-header .gnb>li.active>a{border-bottom: 4px solid #00bad3;}
.site-header .gnb .sub-menu{width:980px; overflow: hidden; display: none;}
.site-header .gnb .sub-menu>li{padding-left: 30px;float: left;}
.site-header .gnb .sub-menu>li:first-child{padding-left: 10px;}
.site-header .gnb .sub-menu>li>a{padding: 25px 0;font-size: 14px;font-weight: bold;color: #121212;display: block;white-space: nowrap;}
.site-header .gnb .sub-menu>li>a:hover,
.site-header .gnb .sub-menu>li>a:active{font-weight: bold;color:#00bad3;text-decoration: underline;}
.site-header .full-dropdown {position: absolute; width: 100%; padding: 30px 0; height:160px; display: inline-block; background-color: #fff; top: 108px; border-bottom: 1px solid #ccc;}
.site-header .full-dropdown img {margin-right: 6%;}
.site-header .full-dropdown ul {display: inline-block; vertical-align: top; width: 70%;}
.site-header .full-dropdown ul li {display: inline-block; width: 20.5%; padding-left: 0px; vertical-align: top;}
.site-header .full-dropdown ul li:nth-child(3) {width: 18.5%; padding-left: 3.2%;}
.site-header .full-dropdown ul li:last-child {width: 27%;}
.site-header .full-dropdown ul li p {font-size: 16px; line-height: 180%;}
.site-header .full-dropdown ul li p:hover {text-decoration: underline;}

.mobile-nav .header a {position: absolute; top: 1.51em; left: auto; left: 0.550em; cursor: pointer; text-align: center;}
.mobile-nav .header a:first-child {margin-right: 1.55em;}
.mobile-nav .header a {padding: 0.7em;}
.mobile-nav .header a i img{width: auto; height: 3.235em; display: inline-block;}

#mask {
	position:absolute;
	left:0;
	top:0;
	z-index:9000;
	background-color:#000;
	display:none;
}

/* lnb */
.lnb {position:absolute;top:0;left:0;background:#f4f4f4;width:80%;font-size:0.875rem;font-weight:600;z-index:9999;left:-80%;overflow-y:auto;overflow-x:hidden; display: none;}
.lnb a {text-decoration:none;}
.lnb ul.topmn{position:fixed; width:70%; z-index:11}
.lnb ul.topmn li{display:inline-block; color:#fff; padding:0.950em 0; font-size:0.895rem; text-indent:1.212em;}
.lnb ul.topmn li a {display:block; color:#fff;}
.lnb h1{border-bottom:1px solid rgba(255,255,255,.1);background-color:#eb4889; color:#fff;padding:0.750em 0;font-size:1.000rem;position:fixed;width:80%;text-indent:1.563em;}
.lnb h1 img {float:right;margin-right:0.650em;width:1.250em;}

/* menu */
.lnb-body {margin-top:40px;}
.lnb-body .lnb-search {width: 100%; height: 5.250em; background-color: #fff; display: inline-block; margin-bottom: 0.625em;}
.lnb-body .lnb-search div {width: 90%; display: inline-block; float: right;}
.lnb-body .lnb-search input[type="text"] {width: 83%; font-size: 1.125rem; height: 1.875em; color: #767676; margin: 1.250em 0; border: 0; border-bottom: 3px solid #333; display: inline-block; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 2%;}
.lnb-body .lnb-search button {width: 12%; min-width: auto; height: 40px; border: 0; display: inline; margin-left: -10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: url('../images/btn_search.png') no-repeat center; background-size: 2.500em; vertical-align:top; margin-top: 10px; display: inline-block;}
.lnb-body .lnb-search a {vertical-align: top; display: inline-block; margin: 1.250em 1.250em 1.250em 0;}
.lnb-body .lnb-search a img {width: 90%;}
.subtitle {display: table;width:100%;height:4.375em;background:#fff url('../images/blt_lnb_off.png') no-repeat 95% 50%; vertical-align: middle;}
.subtitle.etc {background:#fff url('../images/blt_lnb_arrow.png') no-repeat 95% 50%; font-size: 1.125rem;}
.subtitle.sub-none {background:#fff;}
.subtitle.sub-none-gray {background:#f4f4f4;}
.subtitle a {display:table-cell;background:#fff url('../images/blt_lnb_on.png') no-repeat 95% 50%;padding-left:23px;width:100%;vertical-align:middle;background-color:#fff;vertical-align:middle;font-size:1.000rem;}
.sub_on a {display:table-cell;background: url('../images/blt_lnb_off.png') no-repeat 10.375em -1.250em;}
.sub {border-bottom:1px solid rgba(255,255,255,.1);border-top:1px solid rgba(255,255,255,.1);padding:10px 0;}
.sub ul{margin:0;padding:19px 0 8px 0; display: inline-block;}
.sub li {padding:10px 0 10px 24px;vertical-align:middle;}
.sub li a {font-size:0.875rem;font-weight:500;color:#333;}

.subtitle_shop {display: table;width:100%;height:4.375em; vertical-align: middle;}
.subtitle_shop a {display:table-cell; padding-left:23px;width:100%;vertical-align:middle;background-color:#232323; color:#f13e8e; vertical-align:middle;font-size:1.000rem;}



/* Visual Area */
.wrap_Vusial {position:relative; height:676px; padding-top:0; overflow:hidden; min-width:1240px;}
.wrap_Vusial .bx-wrapper .bx-pager {text-align:center; color:#666; position:absolute; left:0; right:0; width:100%; height:24px; bottom:50px; z-index:10;}
.wrap_Vusial .bx-wrapper .bx-pager .bx-pager-item, .wrap_Vusial .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block; }
.wrap_Vusial .bx-wrapper .bx-pager .bx-pager-item a {text-indent:-9999px; display:block; width:24px; height:24px; margin:0; background: url('/partner_m/asset/images/new/slide_roll.png') no-repeat;background-position:-72px 0}
.wrap_Vusial .bx-wrapper .bx-pager .bx-pager-item a:hover, .wrap_Vusial .bx-wrapper .bx-pager .bx-pager-item a.active {background: url('/partner_m/asset/images/new/slide_roll.png') no-repeat; background-position:-48px 0 !important;}
	.main_kv_role > li {position:relative;height:676px; text-align:center; background-size:cover auto;  color:#fff;}
	.main01 {background:url("/partner/asset/images/new/visualimg01.jpg") no-repeat center top;}
	.main02 {background:url("/partner/asset/images/new/visualimg02.jpg") no-repeat center top;}
	.main03 {background:url("/partner/asset/images/new/visualimg03.jpg") no-repeat center top;}
	.main04 {background:url("/partner/asset/images/new/visualimg04.jpg") no-repeat center top;}
	.main02 br {display:none;}

/******************** MOBILE ********************/
@media all and (max-width:1024px){
    .wrap_Vusial {position:relative; height:120.25vw; padding-top:0; overflow:hidden; min-width:100%;}
	.main_kv_role > li {height:200.25vw; background-size:auto 156.25vw;}
}
@media screen and (max-width:736px){
/* Visual Area */
.wrap_Vusial {height:137.25vw; min-width:0; padding-top:0; margin-bottom:0;}
.wrap_Vusial .bx-wrapper .bx-pager {top:125.65625vw; left:0; right:0; height:4.6875vw; bottom:79.0625vw;}
.wrap_Vusial .bx-wrapper .bx-pager .bx-pager-item, .wrap_Vusial .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block; *zoom: 1; *display: inline;}
.wrap_Vusial .bx-wrapper .bx-pager .bx-pager-item a {text-indent: -9999px; width:4.6875vw ; height:4.6875vw; margin: 0 0.625vw; background: url('/partner_m/asset/images/new/slide_roll.png') no-repeat center !important; background-size:18.75vw 4.6875vw !important; background-position:-14.0625vw 0 !important;}
.wrap_Vusial .bx-wrapper .bx-controls .bx-pager .bx-pager-item a:hover, .wrap_Vusial .bx-wrapper .bx-pager .bx-pager-item a.active {background: url('/partner_m/asset/images/new/slide_roll.png') no-repeat center !important; background-position:-9.375vw 0 !important; background-size:18.75vw 4.6875vw !important;}
	.main_kv_role > li {height:200.25vw; background-size:auto 137.25vw;}
	.main01 {background:url("/partner_m/asset/images/new/visualimg01.jpg") no-repeat center top;}
	.main02 {background:url("/partner_m/asset/images/new/visualimg02.jpg") no-repeat center top;}
	.main03 {background:url("/partner_m/asset/images/new/visualimg03.jpg") no-repeat center top;}
	.main04 {background:url("/partner_m/asset/images/new/visualimg04.jpg") no-repeat center top;}
}



/* 메인 : 오늘의 포스팅알바 */
#posting {max-width:100%; padding:0; overflow:hidden;}
#posting h2 {font-size:6.24vw; font-weight:600; font-weight:800; padding-left:30px; color:#4a4949; margin:10vw 0 5vw 0;}
#posting span {color:#ff0066;}
#posting .pwc {display:block; width:100%; min-height:100%;}
#posting .thum{display:block; max-width:100%; min-height:100%; padding:10px; border:1px solid #ffdaeb; text-align:center; vertical-align:middle; background-color:#fff; -moz-border-radius: 21px; /*모질라*/ -webkit-border-radius: 21px; /*웹킷*/ /*IE9+,FF4+,chrome,Safari5,+opera*/ border-top-left-radius: 21px; border-top-right-radius: 21px;}
#posting .thum img {display:block; width:100%; height:auto;}
#posting .subject{display:block; max-width:100%; min-height:100%; padding:10px; border-top:1px solid #ff69ae; border-left:1px solid #ffdaeb; border-right:1px solid #ffdaeb; border-bottom:1px solid #ffdaeb; background-color:#ffecf5; -moz-border-radius: 21px; /*모질라*/ -webkit-border-radius: 21px; /*웹킷*/ /*IE9+,FF4+,chrome,Safari5,+opera*/ border-bottom-left-radius: 21px; border-bottom-right-radius: 21px;}
#posting .subject ul {display:block; width:100%; min-height:100%; margin:1vw 0 0 1vw;}
#posting .subject ul li.group {display:block; font-size:4.24vw; color:#5f5f5f;}
#posting .subject ul li.title {display:block; font-size:2.24vw; margin:2vw 0 2vw; color:#232323;}
#posting .subject ul li.percent {float:left; width:65%; display:block; font-size:1.56vw; line-height:22px; color:#5f5f5f;}
#posting .subject ul li.ico {float:right; width:30%; display:block; margin-right:1vw; text-align:right;}
#posting .subject ul li.ico img {display:inline-block; width:25%; height:auto; padding:0 0.1vw;}
#posting .subject ul li.approval {clear:both; display:block; font-size:1.56vw; margin:4vw 0 2vw; color:#232323;}
#posting .subject ul li.people {display:inline-block; font-size:13px; padding:5px 0 0; margin-right:2vw; color:#232323; font-family:'NanumGothic';}
#posting .subject ul li.people:last-child {margin-right:0;}
#posting .subject ul li {clear:both; display:block; font-size:14px; padding:5px 0 0; color:#232323; font-family:'NanumGothic';}
.fLogoList{display:none;}
.fLogoList  .slick-arrow{position:absolute;width:15vw;height:15vw;background-repeat:no-repeat;text-indent:-9999px;top:50%;margin-top:-200px; background:transparent; z-index:10}
.fLogoList  .slick-arrow.slick-prev{left:-60px;background-image:url('/partner_m/asset/images/new/footer_logo_prev.png'); background-size:100%;}
.fLogoList  .slick-arrow.slick-next{right:-60px;background-image:url('/partner_m/asset/images/new/footer_logo_next.png'); background-size:100%;}

@media screen and (max-width:1100px){
#posting .subject ul li.title {display:block; font-size:6.24vw; margin:2vw 0 2vw; color:#232323;}
#posting .subject ul li.percent {float:left; width:55%; display:block; font-size:3.56vw; line-height:22px; color:#5f5f5f;}
#posting .subject ul li.ico img {display:inline-block; width:35%; height:auto; padding:0 0.5vw;}
#posting .subject ul li.approval {clear:both; display:block; font-size:3.56vw; margin:3vw 0 0; color:#232323;}


	.inner{width:100%; padding:0;box-sizing:border-box;}
	.fLogoList{padding:0 30px;position:relative;display:none;}
	.fLogoList  .slick-arrow{position:absolute;width:25vw;height:25vw;background-repeat:no-repeat;text-indent:-9999px;top:50%;margin-top:-80px; background:transparent; z-index:10}
	.fLogoList  .slick-arrow.slick-prev{left:-60px;background-image:url('/partner_m/asset/images/new/footer_logo_prev.png'); background-size:100%;}
	.fLogoList  .slick-arrow.slick-next{right:-60px;background-image:url('/partner_m/asset/images/new/footer_logo_next.png'); background-size:100%;}
	.fLogoList.fLogo_slick{display:block;}

}	

/* Slider */
.slick-slider{position: relative;    display: block;    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list{position: relative;    display: block;    overflow: hidden;    margin: 0;    padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;    cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track{position: relative;    top: 0;    left: 0;    display: block;    margin-left: auto;    margin-right: auto;}
.slick-track:before,.slick-track:after{display: table;    content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none;    float: left;    height: 100%;    min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;    height: auto;    border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}

.sub_title{line-height:36px;}
/* 서브 : 공통 */
#sub_wrap {max-width:100%; padding:0 10px; overflow:hidden;}
#sub_wrap .sub_title {width:100%; margin:10px 0 0px 0; /*overflow:hidden;*/}
#sub_wrap .sub_title h1 {display:block;width:calc(100% + 30px);font-size:36px;font-weight: bold;color: #222;letter-spacing:-0.1em;margin: 10px  0 10px -15px;;border-bottom: solid 1px #222;padding-bottom: 10px;text-align: center;}
#sub_wrap .contents {width:100%; margin:0; overflow:hidden;}
#sub_wrap .contents img {display:block; width:100%; height:auto;}

/* 공통 : 게시판 */
table.p0 { border-collapse: collapse; width: 100%; border-top: 2px double #f13e8e; border-right-style: hidden; *border-right: 1px solid #fff; }
table.p0 tr {  } /* colgroup 으로 td 스타일제어하려면 tr에 정의  */
table.p0 th, table.p0 td {  padding: 5px 12px; }
table.p0 thead th { background: #f4f4f4; color: #666; font-family: 'Noto Sans', sans-serif;  font-weight: 800; text-align: left; vertical-align: middle; }
table.p0 tbody th { background: #f4f4f4; color: #666; font-family: 'Noto Sans', sans-serif;  font-weight: 800; text-align: left; vertical-align: middle; }
table.p0 tbody td { background: #fff; color: #666; font-family: 'Noto Sans', sans-serif; font-weight: normal; text-align: left; vertical-align: middle; }

table.p0 .to{ border-bottom:1px #999999 solid; border-top: 1px #999999 solid;height:30px; background-color:#f1f1f1; text-align:center;}

/* 공통 : 게시판 */
table.t0 { border-collapse: collapse; width: 100%; border-top: 2px double #f13e8e; border-right-style: hidden; *border-right: 1px solid #fff; }
table.t0 tr {  } /* colgroup 으로 td 스타일제어하려면 tr에 정의  */
table.t0 th, table.t0 td { border: 1px solid #c8c8c8; border-width: 0 1px 1px 0; padding: 16px 12px; }
table.t0 thead th { background: #f4f4f4; color: #666; font-family: 'Noto Sans', sans-serif; font-size:18px; font-weight: 800; text-align: left; vertical-align: middle; }
table.t0 tbody th { background: #f4f4f4; color: #666; font-family: 'Noto Sans', sans-serif; font-size:18px; font-weight: 800; text-align: left; vertical-align: middle; }
table.t0 tbody td { background: #fff; color: #666; font-family: 'Noto Sans', sans-serif; font-size:18px; font-weight: normal; text-align: left; vertical-align: middle; }
/*table.t0 tbody td.subject { word-break:break-all !important; }*/
table.t0 tbody td a {color:#333; text-decoration:none;}
table.t0 tfoot td ul li {float:left; width:50%;}
table.t0 tfoot td ul li img {display:inline-block; width:30%; height:auto;}

table.t0 tbody td input {min-width:100%; border:1px solid #ccc; padding:10px 0; font-size:18px; }
table.t0 tbody td input.dont_input {width:auto; border:1px solid #ccc; padding:0; font-size:18px; bordeR:1px solid #000}
table.t0 tbody td select {min-width:100%; border:1px solid #ccc; padding:10px 0; font-size:18px; }
table.t0 tbody td textarea {min-width:100%; border:1px solid #ccc; padding:10px 0; font-size:18px; }


/* 공통 : 게시판 */
table.t1 { border-collapse: collapse; width: 100%; border-top: 2px double #f13e8e; border-right-style: hidden; *border-right: 1px solid #fff; }
table.t1 tr {  } /* colgroup 으로 td 스타일제어하려면 tr에 정의  */
table.t1 th, table.t1 td { border: 1px solid #c8c8c8; border-width: 0 1px 1px 0; padding: 16px 0px; }
table.t1 tbody th { background: #454545; color: #fff; font-family: 'Noto Sans', sans-serif; font-size:18px; font-weight: 800; text-align: left; vertical-align: middle; }
table.t1 tbody td { background: #fff; color: #666; font-family: 'Noto Sans', sans-serif; font-size:18px; font-weight: normal; text-align: left; vertical-align: middle; }
/*table.t1 tbody td.subject { word-break:break-all !important; }*/
table.t1 tbody td a {color:#333; text-decoration:none;}
table.t1 tbody td input {min-width:100%; border:1px solid #ccc; padding:10px 0; font-size:18px; }
table.t1 tbody td input.dont_input {width:auto; border:1px solid #ccc; padding:0; font-size:18px; bordeR:1px solid #000}
table.t1 tbody td select {min-width:100%; border:1px solid #ccc; padding:10px 0; font-size:18px; }
table.t1 tbody td textarea {min-width:100%; border:1px solid #ccc; padding:10px 0; font-size:18px; }

/* 공통 : 게시판 */
table.t2 { border-collapse: collapse; width: 100%; /*border-top: 2px double #f13e8e;*/ border-right-style: hidden; *border-right: 1px solid #fff; }
table.t2 tr {  } /* colgroup 으로 td 스타일제어하려면 tr에 정의  */
table.t2 th, table.t2 td { /*border: 1px solid #c8c8c8;*/border-width: 0 1px 1px 0; padding: 5px 0; }
/*table.t2 tbody th { background: #454545; color: #fff; font-family: 'Noto Sans', sans-serif; font-size:18px; font-weight: 800; text-align: left; vertical-align: middle; }*/
table.t2 tbody th {background: #fff;color: #454545;font-family: 'Noto Sans', sans-serif;font-size: 18px;font-weight: 800;text-align: left;vertical-align: middle;padding: 20px 0 0 0;}
table.t2 tbody td { background: #fff; color: #666; font-family: 'Noto Sans', sans-serif; font-size:18px; font-weight: normal; text-align: left; vertical-align: middle; }
/*table.t2 tbody td.subject { word-break:break-all !important; }*/
table.t2 tbody td a {color:#333; text-decoration:none;}
table.t2 tbody td input {width:92%; border:1px solid #ccc; padding:10px 0; font-size:18px; }
table.t2 tbody td input.dont_input {width:auto; border:1px solid #ccc; padding:0; font-size:18px; bordeR:1px solid #000}
table.t2 tbody td select { border:1px solid #ccc; padding:8px 0; font-size:18px; }
table.t2 tbody td textarea {min-width:100%; border:1px solid #ccc; padding:10px 0; font-size:18px; }






/* 공통 : 게시판 */
table.tnone { border-collapse: collapse; width: 100%; border:none;}
table.tnone tr {  } /* colgroup 으로 td 스타일제어하려면 tr에 정의  */
table.tnone th, table.tnone td {border:none; padding: 0; }
table.tnone tbody th { background: #f4f4f4; color: #666; font-family: 'Noto Sans', sans-serif; font-size:18px; font-weight: 800; text-align: left; vertical-align: middle; }
table.tnone tbody td { background: #fff; color: #666; font-family: 'Noto Sans', sans-serif; font-size:18px; font-weight: normal; text-align: left; vertical-align: middle; }
table.tnone tbody td a {color:#333; text-decoration:none;}


table.tnone tbody td input {min-width:100%; border:1px solid #ccc; padding:10px 0; font-size:18px; }
table.tnone tbody td input.dont_input {width:auto; border:1px solid #ccc; padding:0; font-size:18px; bordeR:1px solid #000}
table.tnone tbody td select {min-width:100%; border:1px solid #ccc; padding:10px 0; font-size:18px; }
table.tnone tbody td textarea {min-width:100%; border:1px solid #ccc; padding:10px 0; font-size:18px; }

table.mt5 { border-collapse: collapse; width: 100%;  border-right-style: hidden; *border-right: 1px solid #fff;}
table.mt5 tr { display: flex;flex-direction: column; } /* colgroup 으로 td 스타일제어하려면 tr에 정의  */
table.mt5 th, table.mt5 td {  border-width: 0 1px 1px 0; padding: 5px 0 ; width:100%;box-sizing:border-box;}
table.mt5 tbody th { background: #fff; color: #454545; font-family: 'Noto Sans', sans-serif; font-size:18px; font-weight: 800; text-align: left; vertical-align: middle;padding: 20px 10px 0 10px; }
table.mt5 tbody td { background: #fff; color: #666; font-family: 'Noto Sans', sans-serif; font-size:18px; font-weight: normal; text-align: left; vertical-align: middle;padding:5px 10px 0 10px;}
table.mt5 tbody td input:not([type=checkbox],[type=radio]) {width:100%; border:2px solid #ccc; padding:10px 5px; font-size:18px; border-radius:4px; box-sizing: border-box;}
table.mt5 tbody td select {min-width:20%; height:auto; border:2px solid #ccc; padding:10px 5px; font-size:18px; margin-right:10px;border-radius:4px; font-weight:800; box-sizing: border-box;-webkit-appearance: auto;background-image: none;}
table.mt5 tbody tr:last-child td{padding-bottom:20px;}


.button {max-width:100%; margin:3px 0; text-align:center; color:#fff;}
.button a {display:block; padding:15px 0; font-size:18px; font-weight:bold; color:#fff;}

.btn_blackbg {background-color:#f13e8e;color:#fff !important;}
.btn_whitebg {background-color:#333;color:#fff;border:1px solid #102e3b;}

/* 서브 : 갤러리게시판 */
#gallery {width:100%; margin:auto; overflow:hidden;}
#gallery span {color:#ff0066;}
#gallery .pwc {float:left; width:50%; margin-bottom:20px; overflow:hidden;}
#gallery .thum{display:block; max-width:100%; height:150px; margin:0 5px; padding:5vw; border:1px solid #eee; border-bottom:none; text-align:center; vertical-align:middle; background-color:#fff;}
#gallery .subject{display:block; max-width:100%; margin:0 5px; padding:1vw 0; background-color:#eee; overflow:hidden;}
#gallery .subject ul {display:block; max-width:100%; margin:10px 10px 0 10px; overflow:hidden;}
#gallery .subject ul li.group {display:block; font-size:12px; color:#5f5f5f; font-family:'NanumGothic';}
#gallery .subject ul li.title {display:block; font-size:20px; margin:0 0 10px; color:#232323; text-align:center;}
#gallery .subject ul li.percent {display:block; font-size:14px; line-height:22px; color:#5f5f5f; letter-spacing:-0.1vw; text-align:center;}
#gallery .subject ul li.ico {max-width:100%; display:block; margin:1vw 0; text-align:center;}
#gallery .subject ul li.ico img {display:inline-block; padding:0 5px; width:30%;}
#gallery .subject ul li.approval {clear:both; display:block; font-size:16px; margin:0; color:#232323; text-align:center;}

/* 서브 :초보자가이즈 */
h1 {margin-top: 0;}
/* highlight colors */
::-moz-selection {background-color: #333;  color: white;}
::selection {background-color: #333;  color: white;}
/* wrapper */
.wrapper {max-width: 100%;}
.wrapper img {display: block; width: 100%; height:auto;}
/* tabs */
.tabs {border: 1px solid #222;}
.tabs:after {content: "";  display: table;  clear: both;}
.tabs input[type=radio] {display: none;}
.tabs label {display: block;  max-width: 100%;  padding: 5vw 0;  border: 1px solid #83888d;  border-right: none;  background-color: #60676d;  text-align: center;  font-weight: 700;  color: #111920;  cursor: pointer;  -webkit-transition: background-color 150ms ease-in-out;  transition: background-color 150ms ease-in-out;}
.tabs label:hover {background-color: #5a993e;}
.tabs [id^="tab"]:checked + label {border-bottom-color: #252a2e;  background: #5a993e;  color: #fff;}
.tab-content {display: none;  max-width: 100%;  padding: 0;}
#tab1:checked ~ #tab-content1,
#tab2:checked ~ #tab-content2,
#tab3:checked ~ #tab-content3,
#tab4:checked ~ #tab-content4,
#tab5:checked ~ #tab-content5,
#tab6:checked ~ #tab-content6 {display: block;}
.other-content {color: white;}
@media only screen and (max-width: 768px) {
.tabs label {font-size: 18px;}
}
@media only screen and (max-width: 645px) {
  .tabs label {float: none; max-width: 100%;}
}
@media only screen and (max-width: 480px) {
 .tab-content {font-size: 5vw;}
}

/* 서브 : 서비스소개 */
.content_wrap {padding: 10px; color: #666; line-height: 1.4rem}
.content_wrap img {width: 100%}
.content_wrap h3 {display: inline-block; padding: 10px 20px; margin-top: 20px; background: #000; color: #fff; font-weight: 600; font-size: 1.1rem; border-radius: 10px}
.content_wrap p {padding-top: 10px; font-size: .9rem}
.content_wrap ul, .content_wrap ol {padding: 10px 10px 10px 15px; font-size: .9rem}
.content_wrap li img{padding: 10px 0}
.content_wrap ul li:before{content:""; display: inline-block; margin-right: 5px; width: 6px; height: 6px; background: #1b5c9e; border-radius: 50%}
.content_wrap ul li {padding: 0 0 10px 2px;text-indent: -10px;}
.content_wrap ol li {padding-bottom: 10px; list-style-type: decimal; list-style-position : inside}

/* 서브 : 영업점모집 */
.content_wrap .recruit li {list-style: none}
.content_wrap .recruit li:before {content:""; display: none}
.content_wrap .recruit li strong {display: inline-block; padding: 5px 20px; background: #1b5c9e; color: #fff; border-radius: 5px}
.content_wrap .recruit li ul li:before, .content_wrap .recruit li dl dt:before {content:""; display: inline-block; margin-right: 5px; width: 5px; height: 5px; background: #999; border-radius: 50%}
.content_wrap .recruit li dl, .content_wrap .recruit li dl dd {padding-left: 5px}
.content_wrap .recruit li dl dt {padding: 10px 0 5px 0; color: #444; font-weight: 500}
.content_wrap .recruit .total {padding-bottom: 20px; color: red; font-size: 1.2rem; font-weight: 600}
.content_wrap .recruit .total:before {content:""; display: none}

.content_wrap .basic_tbl {width: 100%; border-collapse:collapse;border-spacing:0; border-top: 2px solid #000;  border: 1px solid #ccc}
.content_wrap .basic_tbl tr th {padding: 5px; width:20%; background: #f3f8fd; border-bottom: 1px solid #ccc}
.content_wrap .basic_tbl tr td {padding: 5px; width: 80%;  border-left: 1px solid #ccc; border-bottom: 1px solid #ccc}

/* 서브 : 회사소개 */
.content_wrap .com_info .accent {color: #000; font-size: 1.5rem}
.content_wrap .com_info i {display: block; padding: 10px 0; color: #0066cc; font-size: 1rem; font-style: normal}
.content_wrap .com_info img {padding: 20px 0; width: 90%}
.content_wrap .com_info .txt_rgt {padding: 10px}
.content_wrap .com_info span {display: block; padding-top:10px; height: 460px; background: url('http://dcconseller.kr/files/editor/2003/20200305225824_wnmcpxvj.png') no-repeat bottom; background-size: contain;  color: #f60}

/* 공통 : 로그인 */
.login{position:relative;width:100%;margin:50px 0;}
.login h2{width:100%; font-size:42px; font-weight:800; margin:0; padding:0; text-align:center;}
.login p{width:100%; font-size:16px; font-weight:800; margin:0 0 20px 0; padding:0; color:#a1a1a1; letter-spacing:-0.1em; text-align:center;}
.login_wrap{position:relative;width:700px;margin:0 auto; padding:40px 0 0 0; background-color:#fff; border:5px solid #f1f1f1;}
.login_wrap:after{content:"";display:block;clear:both;width:0px;height:0px}
.login_wrap > div {/*min-height:300px;*/position:relative;padding:0 62px 30px;box-sizing:border-box;}
.login_wrap > div dl{min-height:46px;border:1px solid #dadada;margin-bottom:8px;position:relative;}
.login_wrap > div dl dt{width:130px;position:absolute;left:0;top:0;height:48px;}
.login_wrap > div dl dt label{min-height:46px;line-height:44px;margin-left:30px;color:#102e3b;font-size:18px;display:inline-block;box-sizing:border-box;position:relative;width:120px;}
.login_wrap > div:first-child dl dd{margin-left:140px;padding:5px 10px 5px 20px;}
.login_wrap > div:first-child dl dd input{border:0;width:100%; height:35px; background:#f8f8f8;}
.login_wrap .mem_btn{display:block; margin-top:20px;text-align:center;overflow:hidden;}
.login_wrap .mem_btn a {display:inline-block;font-size:22px;color:#fff;min-width:282px;height:50px;line-height:50px; text-decoration:none;}
.login_wrap .mem_btn a.btn_mem-login {float:left;background:#225dad;}
.login_wrap .mem_btn a.btn_mint  {float:right;background:#3ec5f1;}
div.btn_mem-login {float:left; height:50px; background:#f13e8e;}

.login_wrap .idpw_btn{display:block; margin-top:5px;text-align:center;overflow:hidden;}
.login_wrap .idpw_btn a {display:inline-block;font-size:22px;color:#fff;min-width:282px;height:50px;line-height:50px; text-decoration:none;}
.login_wrap .idpw_btn a.btn_id {float:left;background:#454545;}
.login_wrap .idpw_btn a.btn_pw  {float:right;background:#454545;}

.login_wrap .mem_che{display:inline-block; margin-top:10px; padding:0; overflow:hidden;}


.find_info {font-size: 14px; line-height: 14px;margin-top:10px;text-align: center;color: #8e8e8e;}
.find_info a { text-decoration:none; color:#545454;}
.find_info > span {color: #dedede;margin:0 5px;}
/* 공통모바일 : 로그인 */
@media screen and (max-width: 1023px) {
	.login_wrap {width:auto;}
	.login_wrap > div:first-child{max-width:none; /*padding:0 20px 20px;*/ padding:5px 10px;}
	.login_wrap > div:first-child:before {top:20px;background-size:70px auto;}
	.login_wrap > div:first-child dl dt {width:60px;}
	.login_wrap > div:first-child dl dt label {font-size:12px;margin-left:0px;padding-left:10px;width:auto;}
	.login_wrap > div:first-child dl dd {margin-left:60px;padding-left:10px;}
	.login_wrap .mem_btn .btn_mem-login {display:block;margin-bottom:10px;float:none;min-width: 100%;height:46px;line-height:44px;font-size:14px;}
	.login_wrap .mem_btn a.btn_mint {display:block; min-width: 100%;height: 46px;line-height: 44px;font-size: 14px;}

    .login_wrap .idpw_btn a.btn_id {display:inline-block; min-width: 50%;height: 46px;line-height: 44px;font-size: 14px; }
	.login_wrap .idpw_btn a.btn_pw {display:inline-block; min-width: 50%;height: 46px;line-height: 44px;font-size: 14px;}

	.login_wrap > div dl dt label .smsInfoText{left:-1px;right:0;min-width:280px;width:auto;height:auto;top:90px;}
	.login_wrap > div:first-child dl dd input#certifyCode{width:50% !important;}

	.login_wrap > div dl dt label .smsInfo > img{display:none;}
	div.btn_mem-login {display:block; min-height:50px; background:#f13e8e; text-align:center;}
}
/* 공통모바일 : 회원가입 */
.btn_join{padding: 30px 0; text-align: center}
.btn_join input[type="submit"]{padding: 10px 30px; background: #06f; color: #fff; font-size: 1.2rem; border: 0}

/* 공통 : FOOT */
#foot {position:relative; top: -4px; max-width:100%; margin:0; padding:0px 0; background-color:#363636; overflow:hidden;}
#foot .btn {width:100%; margin:0 auto; overflow:hidden; background:#474747; text-align:center;}
#foot .btn ul li {/* float:left; min-width:50%; */padding:0vw 0; display:inline-block;}
#foot .btn ul li span {display:block; max-width:100%; margin:0 .7vw; padding:15px 0; color:#fff; font-size:13px; border:0px solid #606060; text-align:center;}
#foot .btn ul li span.brown {display:block; max-width:100%; margin:0 2vw; padding:15px 0; color:#ec7320; font-size:13px; border:0px solid #606060; text-align:center;}
#foot p {position:relative; max-width:50%; margin:10vw auto 5vw auto; text-align:center; overflow:hidden;}
#foot p.copyright {position:relative; max-width:100%; margin:18px auto 2vw auto; text-align:center; font-size:13px; line-height:1.6; color:#fff; overflow:hidden; padding-bottom:30px;}
#foot p.copyright.on {margin-bottom: 130px;}

#footer {position:relative; width:100%; height:200px; margin:0; background-color:#363636;}
#footer .footWrap {width:1240px; margin:auto; overflow:hidden;}
#footer .logo {float:left; width:150px; margin-top:30px; text-align:center;}
#footer .fmn {float:left; margin-top:30px;}
#footer .fmn ul {margin:0 0 10px 0; padding:0;}
#footer .fmn ul li {display:inline-block; margin-right:15px;}
#footer .fmn ul li a {color:#dcdcdc;}
#footer .fmn ul li a:hover {color:#fff;}
#footer .copyright {display:block; margin-top:10px; color:#a4a4a4;}

/* 서비스소개 */
.mobile_service ul{list-style: none}
.mobile_service ul li{display: block}
.mobile_service ul li img{display: block; width: 100%}
.mobile_service ul .btn_go{position: relative; height: 0px; text-align: center}
.mobile_service ul .btn_go a{display: inline-block; position: relative; bottom: 60px; padding: 10px 50px; background:#000; color: #fff; border-radius: 30px}



input[type='button'].input_style1 {
	box-shadow:inset 0px 1px 0px 0px #97c4fe;
	background:linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%);
	background-color:#3d94f6;
	border-radius:6px;
	border:1px solid #337fed;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:13px;
	font-weight:bold;
	padding:4px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #1570cd;
	margin-left:5px; 
}

input[type='button'].input_style1:hover {
	background:linear-gradient(to bottom, #1e62d0 5%, #3d94f6 100%);
	background-color:#1e62d0;
}
.board_title {position: relative;
    width: 100%;
    height: 73px;
}

#gnb.fixed {width:99%}





.horiz{padding-left:20px;color:#333333;letter-spacing:-1pt;border-bottom: 1px solid #DDDDDD ; padding-right:10px;background-color:#f4f4f4;text-align:left;font-size: 14px;height: 40px;    line-height: 40px; font-family: 'notokr-m',sans-serif;  }
.verti{padding-left:20px;color:#333333;border-bottom: 1px solid #DDDDDD ; text-align:left; vertical-align:middle; background-color:#ffffff;text-align:left;font-size: 14px;height: 40px;    line-height: 40px; font-family: 'notokr-m',sans-serif;}
.verti span{padding-left:7px;color:#66a2c8;height:20px; line-height:20px;}

td.verti  {padding-top:10px; padding-bottom:10px;}
td.verti  select {;line-height: 16px;}
/* submit 버튼 */
.button {
	height:20px; border:none; background:url('/admin/img/btn_sprites.gif') no-repeat;
	text-indent:-9000px; overflow:hidden; cursor:pointer; vertical-align:top;
}
.btn_area {padding-top:15px; padding-bottom:20px; height:33px; text-align:center;}
.btn_area .btn_form_submit {width:72px; height:28px; background-position:0 0;}
.btn_area .btn_form_list {width:72px; height:28px; background-position:-76px 0;}
.btn_area .btn_form_delete {width:72px; height:28px; background-position:-152px 0;}
.btn_area .btn_form_leave {width:72px; height:28px; background-position:-229px 0;}
.btn_area .btn_form_reqs {width:72px; height:28px; background-position:-306px 0;}




/* INPUT */
input {
	padding:2px 0px 0 0px; 
}

.input_join{	
    font-size:9pt;
	font-family:"돋움";
	border:1px solid #cfcfcf; 
	background-color:#ffffff; 
	color:#565656;
	height:22px;
	letter-spacing: -0.2pt;
	padding:4px 5px 0 3px; 
}

.input_ot76{	
    font-size:9pt;
	font-family:tahoma;
	border:1px solid #cfcfcf; 
	background-color:#F5F5F5; 
	color:#565656;
	height:22px;
	letter-spacing: -0.2pt;
	padding-left:3px
}
.input_ot{	
    font-size:9pt;
	font-family:tahoma;
	border:1px solid #cfcfcf; 
	background-color:#F5F5F5; 
	color:#565656;
	height:20px;
	letter-spacing: -0.2pt;
	padding-left:3px
}
.input_ot2{	
    font-size:9pt;
	font-family:tahoma;
	border:1px solid #cfcfcf; 
	background-color:#ffffff; 
	color:#565656;
	height:19px;
	letter-spacing: -0.2pt;
	padding-left:3px
}
.input_ot3{	
    font-size:9pt;
	font-family:"돋움";
	border:1px solid #cfcfcf; 
	background-color:#ffffff; 
	color:#565656;
	height:21px;
	letter-spacing: -0.2pt;
	padding:4px 5px 0 3px; 
}
.input_ot4{	
    font-size:9pt;
	font-family:"돋움";
	border:1px solid #cfcfcf; 
	background-color:#ffffff; 
	color:#565656;
	height:20px;
	letter-spacing: -0.2pt;
	padding:4px 5px 0 3px; 
}
.onInput3 { 
    font-size:9pt;
	font-family:"돋움";
	border:1px solid #F0563E; 
	background-color:#ffffff; 
	color:#565656;
	height:21px;
	letter-spacing: -0.2pt;
	padding:4px 5px 0 3px;
}
.offInput3 { 
    font-size:9pt;
	font-family:"돋움";
	border:1px solid #cfcfcf; 
	background-color:#ffffff; 
	color:#565656;
	height:21px;
	letter-spacing: -0.2pt;
	padding:4px 5px 0 3px;
}

.offInput4{
    font-size:9pt;
	font-family:tahoma;
	border:1px solid #cfcfcf; 
	background-color:ffffff; 
	color:#565656;
	letter-spacing: -0.2pt;
	padding-left:3px
}

.input_ot_{
    font-size:9pt;
	font-family:tahoma;
	border:1px solid #cfcfcf; 
	background-color:#F5F5F5; 
	color:#565656;
	letter-spacing: -0.2pt;
	padding-left:3px
}

.inp{
	width:70px; 
	height:24px;
	line-height:24px;
	color:#5d9ed1; 
	font-weight:bold;
	text-align:center;
	border:1px solid #b7b7b7; 
}

.ed{	
    font-size:9pt;
	font-family:"돋움";
	border:1px solid #cfcfcf; 
	background-color:#ffffff; 
	color:#565656;
	height:22px;
	line-height:22px;
	padding:0 0 0 3px; 
}

/* - 검색어 */
.flick-view{overflow:hidden;z-index:90;position:relative;width:100%}
.flick-container{clear:both}
.flick-panel{float:left;position:absolute;z-index:1;width:100%;height:100%}
#rkwd_flick{height:384px}
#rkwd_flick .flick-panel{background-color:#323641}
.u_rkw{position:relative;height:36px;z-index:10;border-top:1px solid #8f949a;background-color:#fbfbfb}
.u_rkw_h,.u_rkw_h2{position:absolute;top:0;left:8px;font-weight:normal;font-size:14px;font-family:Helvetica;line-height:36px;color:#70767d;letter-spacing:-1px}
.u_rkw_ha{display:inline-block}
.u_rkw_h2{font-size:14px;color:#000}

.u_rkw_rol{height:35px;margin:0 38px 0 74px;padding-bottom:1px;line-height:36px}
.u_rkw_t{display:block;margin-right:45px;font-size:11px;font-family:Helvetica;line-height:36px;color:#999;text-align:right}
.u_rkw_a{display:block;position:relative}
.u_date{display:block;height:34px;margin-left:9px;font-size:12px;color:#61646a;line-height:2.8em}

.u_rkw_rkn{display:inline-block;width:14px;height:14px;margin-left:7px;margin-right:2px;padding-right:2px;border-radius:1px;background:#e70000;font-weight:bold;font-size:9px;font-family:Tahoma,Verdana-Bold,Helvetica;line-height:15px;color:#fff;letter-spacing:-1px;text-align:center;vertical-align:1px;-webkit-box-shadow:inset -1px -1px 0 #dfdfdf,inset -1px -1px 0 #dfdfdf}

.a .u_rkw_rkn{border-radius:0;line-height:16px}
.u_rkw_rkn2{text-indent:-1px}
.u_rkw_rk .u_rkw_rkn{margin:0 3px 0 9px;background:#0ea308;vertical-align:1px;-webkit-box-shadow:0 0 1px #242730}
.u_rkw_kw{display:block;overflow:hidden;margin-right:43px;white-space:nowrap;text-overflow:ellipsis}
.u_rkw_n{display:block;position:absolute;top:1px;right:10px;width:31px;font-size:11px;font-family:Helvetica;color:#999;text-align:right}
.u_rkw_n .u_rkw_ico{position:absolute;top:12px;left:0;vertical-align:0}
.u_rkw_sm .u_rkw_ico{top:15px} 
.u_rkw_nw{font-weight:bold;color:#ed1b23;text-align:left}
.u_rkw_rol .u_rkw_ico{margin-top:1px}
.u_rkw_tg{display:block;position:absolute;top:0;right:0;width:40px;height:36px;border:0;border-left:1px solid #cacaca;background:#fbfbfb;-webkit-border-radius:0}
.u_rkw_tgfd{border-left-color:#909090;background:#f1f1f1;background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#cfd1d3),color-stop(100%,#e4e5e6));box-shadow:inset 1px 1px 2px rgba(0,0,0,.2)}
.u_rkw_tg .u_rkw_ico{position:relative;top:3px}
.s2 .u_rkw_tg .u_rkw_ico{left:-2px}
.u_rkw_rc{margin-bottom:-1px;border-bottom:1px solid #282a34;background:#323641}
.u_rkw_tab{display:table;clear:both;width:100%;border-bottom:1px solid #323641;background:#494d60;font-size:13px;text-align:center}
.a .u_rkw_tab{border-bottom:0}
.u_rkw_tabl{display:table-cell;width:33%;border-top:1px solid #232631;border-bottom:1px solid #151922;vertical-align:top}
.u_rkw_tabl:first-child{width:34%}
.u_rkw_taba{display:block;overflow:hidden;height:24px;margin-right:-1px;padding-top:7px;border-right:1px solid #232631;border-left:1px solid #232631;color:#e9ecf4;-webkit-box-shadow:inset 1px 1px 0 #4f5366,inset -1px -1px 0 #4f5366}
.u_rkw_tabl:first-child .u_rkw_taba{border-left:0}
.u_rkw_tabl:last-child .u_rkw_taba{margin-right:0;border-right:0}
.u_rkw_tablon{border-bottom:0;background:#323641;background:-webkit-gradient(linear,0 0,0 100%,from(#2e323e),to(#323641));-webkit-box-shadow:none}
.u_rkw_tablon .u_rkw_taba{position:relative;height:25px;margin-top:-1px;border:1px solid #151922;border-bottom:0;color:#20f10e;-webkit-box-shadow:inset 1px 1px 0 #292c37,inset -1px 0 0 #292c37}
.u_rkw_rk{margin:-1px 0;line-height:34px}
.u_rkw_rk::after{display:block;clear:both;content:''}
.u_rkw_rk .u_rkw_a,.u_rkw_rk .u_rkw_n{color:#fff}
.u_rkw_rk .u_rkw_a{border-top:1px solid #2b2e39;box-shadow:inset 0 1px 0 #363a46}
.u_rkw_rkl:first-child .u_rkw_a{border-top:0;box-shadow:none}
.u_rkw_rk .u_rkw_nw{color:#ed1b23}
.u_rkw_pg{padding:7px 0;border-top:1px solid #282a34;background:-webkit-gradient(linear,0 0,0 100%,from(#3b3e4b),to(#383b47));font-family:Helvetica;text-align:center;-webkit-box-shadow:inset 0 1px 0 #3e4151,inset 0 -1px 0 #3c3f4e}
.u_rkw_pgnt{position:absolute;left:10px;bottom:7px;line-height:20px}
.u_rkw_pgbtn{width:42px;height:23px;border:1px solid #232832;background:#3c3f50;background:-webkit-gradient(linear,0 0,0 100%,from(#454a59),to(#3c3f50));-webkit-border-radius:0;-webkit-box-shadow:inset 0 0 1px rgba(106,111,126,.9)}
.u_rkw_pgbtn .u_rkw_ico{position:relative;top:2px}
.s .u_rkw_pgbtn .u_rkw_ico{top:0}
.u_rkw_pgn{display:inline-block;width:69px;vertical-align:0}
.s .u_rkw_pgn{vertical-align:2px}
.u_rkw_pgn2{font-size:14px;color:#ccc;vertical-align:-2px}
.s .u_rkw_pgn2{vertical-align:0}
.u_rkw_fk{display:inline-block;overflow:hidden;width:6px;height:6px;margin:0 1px;background:#9ca4b2;color:transparent;vertical-align:middle;-webkit-border-radius:4px;-webkit-box-shadow:0 0 1px #101115,0 0 1px #101115}
.u_rkw_fkon{width:8px;height:8px;background:#43c918;-webkit-border-radius:5px;-webkit-box-shadow:0 0 1px #101115,0 0 1px #101115,inset 0 0 2px #79f14c,inset 0 0 2px #79f14c}
.u_rkw_pgnon{color:#23d114}
.u_rkw_clse{position:absolute;right:10px;bottom:11px;color:#e6e7e8}
.u_rkw_clse .u_rkw_ico{position:relative;top:4px;margin-right:4px;font-size:1px;vertical-align:text-top}
.a .u_rkw_clse .u_rkw_ico{top:2px}
.u_rkw_ht{display:block;position:relative;overflow:hidden;height:33px;border-bottom:solid 1px #2b2e39;-webkit-box-shadow:0 1px #363a46}
.u_rkw_ht_ic1{float:left;margin:7px 0 0 8px}
.u_rkw_ht_ic2{position:absolute;top:50%;right:12px;margin-top:-6px}
.u_rkw_ht_txt{float:left;margin:0 0 0 6px;font-size:13px;line-height:2.6em;color:#909193}
.u_rkw_ht_txt .tlc{color:#249fff}




/* */
.adm_pageing {position:relative; width:50%; margin:20px auto 0 auto; overflow:hidden;}
#board_btn {position:fixed; left:0; bottom:0; width:100%; margin-left:108px;}
#board_btn ul {display:table; width:910px; border-spacing:0; background:#333; border-top:2px solid #ccc; margin:0 auto; padding:0;}
#board_btn ul li {display:table-cell; margin:0; text-align:center; padding:2px 10px; font-size:12px; font-weight:bold; border:1px solid #777; border-width: 0 1px 0 0;}



.form_style table td.verti.PC_left { text-align: left}


@media only screen and (max-width: 640px) {
	.horiz {
    display: block;
	width: 94%;
	    padding: 0 10px!important;
    line-height: 40px;
    text-align: left;
	float: left;
	font-size: 13px;
	}


	.verti {
	    display: block;
		width: 94%;
		    padding: 12px 10px!important;
	    height: auto;
	    text-align: left;
		float: left;
		font-size: 12px;
	}	
	.verti>table {width: 100%;}

	select {width: 100%;}
	.m_btns_arrow {text-align: left;}
	.etc_txt {width: 318px;    padding-top: 10px;   display: block;}
	.path > tr {width: 100%;}

.form_style table td.verti.PC_left { text-align: center}
}




















.h3 { font-size: 24px;  line-height:30px;   }
.h4 { font-size:16px; line-height:20px; }

.w68p {width:60%}
.mo480  {display:none}
.img_btns {margin-top:5px; margin-left:10px;  }
.overflow_x {overflow-x:auto}
.btn_group {width:100%}
.btn_group.w200 {width:200px}
.btn_group li {float:left; padding:0 5px}
.paging_wrap {margin:20px;}
.pdT5 {padding-top:5px;}
.mgT2 {margin-top:2px }
.mgT3 {margin-top:3px }
.mgT4 {margin-top:4px }
.mgT5 {margin-top:5px }
.mgT10 {margin-top:10px }
.mgT20 {margin-top:20px; }
.TC {text-align:center}

.lable_style  {	font-family:'Noto Sans'; font-size:16px;}
.DaumPostcode_a, .DaumPostcode_a:link, .DaumPostcode_a:visited {text-decoration:none; font-size: 16px;  padding:8px 10px ; 
border-radius:20px ;
 color: #fff;
  background-color: #303030;
  background-image: -webkit-gradient(linear, 0 100%, 0 0, from(rgb(48,48,48)), to(rgb(95,95,95)));
  background-image: -webkit-linear-gradient(bottom, rgb(48,48,48) 0%, rgb(95,95,95) 100%);
  background-image: -moz-linear-gradient(bottom, rgb(48,48,48) 0%, rgb(95,95,95) 100%);
  background-image: -o-linear-gradient(bottom, rgb(48,48,48) 0%, rgb(95,95,95) 100%);
  background-image: linear-gradient(bottom, rgb(48,48,48) 0%, rgb(95,95,95) 100%);
  }

.DaumPostcode_a:hover {background:#000; color:#fff;  }


/*
.btn_area120 {margin:0 auto; max-width:120px; text-align:center;  margin-top:30px; }
.btn_area120 li {float:left; padding:0 10px;  text-align:center;}
.btn_area300 {margin:0 auto; max-width:280px; text-align:center;  margin-top:30px; }
.btn_area300 li {float:left; padding:0 10px;  text-align:center;}
*/
.btn_area120 { display: flex; text-align:center;  align-content : center;     justify-content: center;  margin-top:30px;  }
.btn_area300 {  display: flex; text-align:center;  align-content : center;      justify-content: center; margin-top:30px; }

.btn_area120 > div { padding:0 5px}
.btn_area300 > div { padding:0 5px}

.form_style input[type="email" ] ,
.form_style input[type="button" ] ,
.form_style input[type="search" ] ,
.form_style input[type="submit" ] ,
.form_style input[type="tel" ] ,
.form_style input[type="file" ] ,
.form_style input[type="text" ] ,
.form_style input[type="password" ] {  height:40px;   border:1px solid #ccc; border-radius:20px ;   padding:  8px 10px  !important; font-family:'Noto Sans'  !important;   font-size:15px;}

.form_style input[type="button" ]  { padding-right:40px !important;    padding-left:40px  !important; font-size:18px;  }
.form_style input[type="submit" ]  { padding-right:40px !important;    padding-left:40px  !important; font-size:18px;  }


.form_style select { font-family:'Noto Sans'  !important; 
    height: 40px;  
	border-radius:20px ;
    padding:  8px 10px   !important;
    background: url(/m/img/sp_v3.png) no-repeat 100% -386px, -webkit-gradient(linear,0 0,0 100%,from(white),to(whiteSmoke));
    font-size: 14px;}

.form_style .select_pm {width: 30%;  max-width:120px;  height:40px;  font-family:'Noto Sans'  !important;  font-size:15px; }
.form_style .tel_input {width: 30%;  max-width:120px;    }
.form_style .date_input {width: 30%;  max-width:120px;    }

.form_style input[type="file" ] {font-size:14px; }

#msg_mb_id {display:block}

.form_style  .ed.w130 {width:130px;}
.form_style  .ed.w200 {width:200px;}
.form_style  .ed.w300 {width:300px;}

.form_style  .ed.w130_100p {width:130px;}
.form_style  .ed.w200_100p {width:200px;}
.form_style  .ed.w300_100p {width:300px;}


.form_style select.w30p {width:36% ; max-width:130px}
.form_style .w100p {width:100%; max-width:98%}
.form_style .select_pm.w100p {width:100%; max-width:98%}
.form_style table th {min-width:100px; max-width:120px;text-align:center}
.form_style .bank_company_wrap .select_pm  {width: 100%;  max-width:200px;  height:40px;  font-family:'Noto Sans'  !important;  font-size:15px; }


@media  screen and (max-width: 480px) {
.form_style  .ed.w130_100p {width:95%;}
.form_style  .ed.w200_100p {width:95%;}
.form_style  .ed.w300_100p {width:95%;}
.form_style .bank_company_wrap .select_pm  {width: 100%;  max-width:95%;   }
}


.form_style input.btn_gray {    
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #c9c9c9 5%, #a1a1a1 100%);
	background-color:#c9c9c9;
	border:1px solid #dcdcdc;
	color:#ffffff;
}


.form_style input.btn_blue { 
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	background-color:#007dc1;
	border:1px solid #124d77;
	color:#ffffff;
 }

.form_style input.btn_red {  	
	box-shadow:inset 0px 1px 0px 0px #cf866c;
	background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
	background-color:#d0451b;
	border:1px solid #942911;
	color:#ffffff;
}




.btn_a {text-decoration:none; font-size: 16px;  padding:8px 10px ; border-radius:20px ;}

.btn_a.btn_gray2, .btn_a.btn_gray2:link, .btn_a.btn_gray2:visited {
 color: #fff;
  background-color: #303030;
  background-image: -webkit-gradient(linear, 0 100%, 0 0, from(rgb(48,48,48)), to(rgb(95,95,95)));
  background-image: -webkit-linear-gradient(bottom, rgb(48,48,48) 0%, rgb(95,95,95) 100%);
  background-image: -moz-linear-gradient(bottom, rgb(48,48,48) 0%, rgb(95,95,95) 100%);
  background-image: -o-linear-gradient(bottom, rgb(48,48,48) 0%, rgb(95,95,95) 100%);
  background-image: linear-gradient(bottom, rgb(48,48,48) 0%, rgb(95,95,95) 100%);
  }
.btn_a.btn_gray2:hover {background:#000; color:#fff;  }

.btn_a.btn_gray, .btn_a.btn_gray:link, .btn_a.btn_gray:visited, .btn_a.btn_gray:hover  {
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #c9c9c9 5%, #a1a1a1 100%);
	background-color:#c9c9c9;
	border:1px solid #dcdcdc;
	color:#ffffff;
}

.btn_a.btn_blue, .btn_a.btn_blue:link, .btn_a.btn_blue:visited , .btn_a.btn_blue:hover {
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	background-color:#007dc1;
	border:1px solid #124d77;
	color:#ffffff;
 }

.btn_a.btn_red, .btn_a.btn_red:link, .btn_a.btn_red:visited, .btn_a.btn_red:hover {
	box-shadow:inset 0px 1px 0px 0px #cf866c;
	background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
	background-color:#d0451b;
	border:1px solid #942911;
	color:#ffffff;
}



.form_style  table  td{ font-family:'Noto Sans'  !important; }
.form_style  table th.font_q {text-align:center}
.form_style  table td.font_q {text-align:center}
.form_style  table.tb_style1 th {text-align:center; font-weight:bold}
.tb_style1 th {text-align:center; font-weight:bold}




.input_btn, .input_btn:link, .input_btn:visited {
	text-decoration:none; height:40px;  
	border-radius:20px ;   
	padding:  8px 10px  !important; font-family:'Noto Sans'  !important;  
	font-size:18px; padding-right: 40px !important;
    padding-left: 40px !important;
}

.input_btn.btn_blue3, .input_btn.btn_blue3:link, .input_btn.btn_blue3:visited{
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	background-color:#007dc1;
	border:1px solid #124d77;
	color:#ffffff;
 }

.input_btn.btn_red3, .input_btn.btn_red3:link, .input_btn.btn_red3:visited{
	box-shadow:inset 0px 1px 0px 0px #cf866c;
	background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
	background-color:#d0451b;
	border:1px solid #942911;
	color:#ffffff;
}

   
button {
	text-decoration:none; height:40px;  
	border-radius:20px ;   
	padding:  8px 10px  !important; font-family:'Noto Sans'  !important;  
	font-size:18px; padding-right: 40px !important;
    padding-left: 40px !important;
}

button.btn_blue3,button.btn_blue3:link, button.btn_blue3:visited{
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	background-color:#007dc1;
	border:1px solid #124d77;
	color:#ffffff;
 }

button.btn_red3, button.btn_red3:link, button.btn_red3:visited{
	box-shadow:inset 0px 1px 0px 0px #cf866c;
	background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
	background-color:#d0451b;
	border:1px solid #942911;
	color:#ffffff;
}

        


input[type="radio"].opt_type {
    min-width: auto;
    border: 1px solid #ccc;
    padding: 0px 10px;
	margin:0; 
}
label.input_label {
    display: inline-block;
    color: #f2f2f2;
    font-size: 18px;
    color: #333;
    line-height: 20px;
}
input[type="radio"].opt_type  + label {
    display: inline-block;
    color: #f2f2f2;
    font-size: 18px;
    color: #333;
    line-height: 20px;
    padding-right:  10px;
}

.input_btn{  width: auto;  text-align: center;}

.input_btn.btn_blue3{
    background-color: rgb( 51, 102, 204 );
    color: #fff;
    border: 1px solid rgb( 44, 91, 104 );
}

.input_btn.btn_red3{
background-color: rgb( 207, 56, 91 );
    color: #fff;
    border: 1px solid rgb( 187, 40, 74 );
}


.input_btn.btn_blue4{
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	background-color:#007dc1;
	border:1px solid #124d77;
	color:#ffffff;
}






.form_style .select_pm.w100p {width: 100% ;max-width:99%}



@media  screen and (min-width: 641px) {
	.form_style select {	text-align:center; }
}


@media only screen and (max-width: 640px) {
	.form_style  .ed.w130 {width:42%;}
	.form_style select {   font-size: 1.0em; text-align:left;}
	.form_style select.w30p {width:33%; text-align:left important; }
	.mo480  {display:block}
	.info_span {display:block; width:100%;  margin:10px 0}
}


@media only screen and (max-width: 480px) {
	.form_style table th {min-width:60px}
	.form_style table th.font_q {min-width:60px}
	.w68p {width:60%}
	.form_style table th.horiz {min-width:100%}
	.form_style input[type="button" ]  { padding-right:20px !important;    padding-left:20px  !important; font-size:16px;  }

}


 .form_style .path input[type="button" ] {line-height:16px; font-size:16px; border:1px solid #ddd ;  padding-right:20px !important;    padding-left:20px  !important;  }
 .form_style .path input[type="button" ] {line-height:16px; font-size:16px; border:1px solid #ddd;  padding-right:20px !important;    padding-left:20px  !important;  }




.res_tbl_wrap {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    width: 100%;
    max-width: 1200px;
    border-top: 2px solid #4873B9;
}
.res_tbl_wrap table {
    display: table;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}
.res_tbl_wrap table thead tr th {
    border-bottom: 1px solid #121212;
}
.res_tbl_wrap table thead tr th,
.res_tbl_wrap table tbody tr td {
    text-align: left;
    padding:10px;
    font-size: 15px;
    line-height: 160%;
}
.res_tbl_wrap table tbody tr td {
    border-bottom: 1px solid #efefef;
}

/* desktop only */
@media screen and (min-width: 1200px) {
    .res_tbl_wrap table thead tr th,
    .res_tbl_wrap table tbody tr td {
        padding: 12px 20px;
        font-size: 16px;
        line-height: 22px;
    }
}






@media screen and (max-width: 680px) {
	table.tWrt th h1 { font-size:20px; }


    .res_tbl_wrap table col {
        width: 100% !important;
    }
    .res_tbl_wrap table thead {
        display: none;
    }
    .res_tbl_wrap table tbody tr {
        border-bottom: 1px solid #efefef;
    }
    .res_tbl_wrap table tbody tr td {
        width: 100%;
        display: flex;
        margin-bottom: 2px;
        padding: 5px;
        border-bottom: none;
        font-size: 14px;
        line-height: 18px;
    }
    .res_tbl_wrap table tbody tr td:first-child, 
    .res_tbl_wrap table tbody tr th:first-child {
        padding-top: 16px;
    }
    .res_tbl_wrap table tbody tr td:last-child, 
    .res_tbl_wrap table tbody tr th:last-child {
        padding-bottom: 15px;
    }
    .res_tbl_wrap table tbody tr td:before {
        display: inline-block;
        margin-right: 12px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100px;
        flex: 0 0 100px;
        font-weight: 700;
        content: attr(data-label);
    }
}





.SearchForm {
  width: 96%;
  margin:0 auto; 
  position: relative;
  display: flex;
}

.searchTerm {
  width: 100%;
  border: 3px solid #4AC1E8;
  border-right: none;
  padding: 5px;
  height: 45px;
  border-radius: 20px 0 0 20px;
  outline: none;
  color: #9DBFAF;
}

.searchTerm:focus{
  color: #00B4CC;
}

.searchButton {
  width: 40px;
  height: 45px;
  border: 1px solid #4AC1E8;
  background: #4AC1E8;
  text-align: center;
  color: #fff;
  border-radius: 0 20px 20px 0;
  cursor: pointer;
  font-size: 20px;
}

.btn_join input[type="submit"]{padding: 10px 30px; 
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	background-color:#007dc1;
	border:1px solid #124d77;
	color:#ffffff;
 }



  	.hoverTable{width:100%;border-collapse:collapse;}
	.hoverTable td{padding:12px; border:#ddd 1px solid;}
	.hoverTable tr{font-size:12px ;color:#000000; } 
	.path { width: 100%;  border-collapse: collapse; border-spacing: 0; }
 	.path th,.path td { margin: 0;  vertical-align: middle; border: 1px solid #ddd; padding:10px 5px ; text-align:center}
	.path th {  text-align:center; color:#000; background:#eee  } 



@media  screen and (max-width: 640px) {
.form_style table th.horiz {min-width:100px; max-width:100%;text-align:center}
.form_style  .ed.w130 {width:120px;}
.form_style .select_pm {width: 30%;  max-width:90px;  }
.form_style .tel_input {width: 30%;  max-width:90px;    }
.form_style .date_input {width: 30%;  max-width:90px;    }
}


@media  screen and (max-width: 480px) {
.form_style .date_input {width: 30%;  max-width:80px;    }
.form_style .tel_input {width: 30%;  max-width:70px;    }
}


@media  screen and (max-width: 400px) {
.form_style .date_input {width: 30%;  max-width:60px;    }
.form_style .tel_input {width: 30%;  max-width:60px;    }
}

/* PUB-ADD: PC?먯꽌 紐⑤컮???붾㈃ 媛€?대뜲 ?뺣젹 (2025-01-17) */
@media (min-width: 769px) {
    html {
        background: #e0e0e0 !important;
    }
    body {
        max-width: 480px !important;
        margin: 0 auto !important;
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.15) !important;
        background: #ffffff !important;
        position: relative !important;
        min-height: 100vh !important;
        overflow-x: hidden !important;
    }
    .board_title_head {
        max-width: 480px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
    }
    .topBtn {
        right: calc(50% - 240px + 10px) !important;
    }
    .footbanner {
        max-width: 480px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
    }
    #qumanu {
        max-width: 480px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        width: 100% !important;
    }
    .index_menu_box {
        max-width: 480px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
    }
    .npop, .npop_img {
        max-width: 480px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
    }
    
    /* 濡쒓렇???섏씠吏€ ?ㅻ쾭?뚮줈??諛⑹? */
    .login_wrap {
        overflow-x: hidden !important;
        box-sizing: border-box !important;
    }
    .login_wrap p.hofont.tar {
        padding: 10px !important;
        box-sizing: border-box !important;
    }
    .login_wrap .ui-list-a {
        box-sizing: border-box !important;
    }
}

/* PUB-ADD: PC?먯꽌 紐⑤뱺 ?붿냼 ?ㅻ쾭?뚮줈??諛⑹? (2025-01-17) */
@media (min-width: 769px) {
    /* ?꾩껜 ?ㅻ쾭?뚮줈??諛⑹? */
    body * {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    /* ?낅젰 ?꾨뱶 */
    input[type=text],
    input[type=password],
    input[type=email],
    input[type=tel],
    input[type=submit],
    textarea,
    select {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    /* ?뚯씠釉?*/
    table {
        max-width: 100% !important;
        table-layout: fixed !important;
        word-wrap: break-word !important;
    }
    
    /* 濡쒓렇???섏씠吏€ */
    .login_wrap,
    .login_wrap * {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    /* 踰꾪듉 */
    .ui-list-a,
    .ui-p-btn-t {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    /* ?대?吏€ */
    img {
        max-width: 100% !important;
        height: auto !important;
    }
    
    /* 而⑦뀒?대꼫 */
    #sub_wrap,
    .sub_title,
    .cont,
    div {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
}

/* PUB-ADD: ?쇱꽑 硫붾돱 踰꾪듉 ?ш린 ?섏젙 (2025-01-17) */
@media (min-width: 769px) {
    /* ?곷떒 ?ㅻ뜑??硫붾돱 踰꾪듉 ?대?吏€ ?ш린 怨좎젙 */
    .board_title_head img,
    .board_title_head a img {
        max-width: 71px !important;
        width: 70% !important;
        height: auto !important;
    }
    
    /* ?쇱꽑 硫붾돱 ?꾩씠肄?*/
    .board_title_head td:first-child img { max-width: 71px !important; width: 70% !important; height: auto !important; }
}