﻿@charset "utf-8";
@import url('../earlyaccess/notosanskr.css');
@import url('http://cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css');
@import url('../css');
@import url('../css-1');
@font-face { font-family: 'GmarketSansLight'; src: url('../gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'GmarketSansMedium'; src: url('../gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'GmarketSansBold'; src: url('../gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight: normal; font-style: normal; }

@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 100; 
  src: url(../ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
      url(../ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
      url(../ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 300; 
  src: url(../ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
      url(../ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
      url(../ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(../ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
        url(../ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
        url(../ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 500; 
  src: url(../ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
        url(../ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
        url(../ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 700; 
  src: url(../ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
        url(../ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
        url(../ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 900; 
  src: url(../ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), 
        url(../ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
        url(../ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); 
 } 
/* --------------------------------------------
 * Reset
/* ------------------------------------------ */
*{margin:0;padding:0;border:0;outline:0;vertical-align:top;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;*behavior:url("boxsizing.htc")}
html{height:100%;overflow-y:scroll;overflow-x:hidden;}
::-moz-selection{background:#005dbc;color:white;text-shadow:none}
::selection{background:#005dbc;color:white;text-shadow:none}

html, body {
	-webkit-font-smoothing: antialiased;
}

body{font-family: 'Noto Sans KR','NanumSquare',dotum,'돋움',gulim,'굴림',Arial,AppleGothic,verdana,sans-serif;font-weight:normal;letter-spacing: -0.075em;font-size:13px;color:#333;}
blockquote, body, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul{margin:0;padding:0;list-style:none}
b, h1, h2, h3, h4, h5, h6, strong{font-weight:normal}
fieldset{border:0}
a{font-style:normal;text-decoration:none;color:#131316;}
caption{font-size:0;height:0;line-height:0;visibility:hidden;width:0}
.checks *, .chk *, .radioWrap *, a, a:hover, button, button:hover{cursor:pointer;-webkit-transition:all 0.1s linear;-moz-transition:all 0.1s linear;-ms-transition:all 0.1s linear;-o-transition:all 0.1s linear;transition:all 0.1s linear}
a:focus{outline:none !important}
button img{vertical-align:middle}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
img, video{border:0;vertical-align:top}
table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;word-break:break-all}
input, select{vertical-align:middle; }
label{cursor:pointer}
.blind, caption, hr, legend{position:absolute;top:-9999px;font-size:0;line-height:0}
.hide_text{position:absolute;display:inline-block;font-size:0;height:0;line-height:0;visibility:hidden;width:0;text-indent:-9999em}
address, em, i{font-style:normal;font-weight:normal}
td, th{vertical-align:middle}
input,select,textarea{font-family:'Noto Sans KR','NanumSquare','Rubik',dotum,'돋움',gulim,'굴림',Arial,AppleGothic,verdana,sans-serif;font-size:13px;position:relative;-webkit-appearance:none;-webkit-border-radius:0;border-radius:0;zoom:1}
button {font-family:'Noto Sans KR','NanumSquare','Rubik',dotum,'돋움',gulim,'굴림',Arial,AppleGothic,verdana,sans-serif;}
embed{display:none}
#wrap:after, #container:after, #footer:after, #header:after, .inner:after, ul:after, dl:after, .clear:after{display:block;clear:both;content:""}
b{font-weight:600;}
.eng{font-family: 'Poppins', sans-serif;}
.font_blue{color:red !important;vertical-align:top;}
.font_red{color:#f37022 !important;vertical-align:top;}
.fgB {font-family:'GmarketSansBold','Noto Sans KR','Lato','Rajdhani',sans-serif;}
.fgM {font-family:'GmarketSansMedium','Noto Sans KR','Lato','Rajdhani',sans-serif;}
.fgL {font-family:'GmarketSansLight','Noto Sans KR','Lato','Rajdhani',sans-serif;}

/* --------------------------------------------
 * box
/* ------------------------------------------ */
.box_st1 {
	border: 1px solid #dfe0e4;
	border-radius:4px;
}
/* --------------------------------------------
/* --------------------------------------------
 * checkbox
/* ------------------------------------------ */
/* checksWrap_st1 */
.checksWrap_st1{position:relative;height:24px;background:transparent;line-height: 24px;padding: 10px 0;}
.checksWrap_st1 .checks{position:relative; float:left;}
.checksWrap_st1 input[type="checkbox"]{position:absolute;top:0;left:0;margin:0;padding:0;z-index:-1;width:14px;height:14px;-webkit-appearance:none}
.checksWrap_st1 label{background:url("../_img/check_off.png") 0 0 no-repeat ;display:inline-block;position:relative;top:0;left:0;height:14px;line-height:14px;font-size:13px;color:#6a6c73;padding:0 0 0 23px;z-index:10}
.checksWrap_st1 label.on{background:url("../_img/check_on.png") 0 0 no-repeat }
.checksWrap_st1 a{display:inline-block;font-size:0.6em;line-height:18px;background:#444;color:#fff;text-align:center;position:absolute;right:0;top:0;border-radius:2px;}
.afreeFormbtn a{top:8px; border-radius:2px;}
/* --------------------------------------------
 * input
/* ------------------------------------------ */
/* inputWrap_st1 */
.inputWrap_st1{position:relative;margin:-1px 0 0 -1px;padding:10px 20px;height:70px;background:#fff;border:1px solid #dfe0e4;font-size:14px;}
.inputWrap_st1 label{display:block;height:20px;line-height:20px;color:#f37022; font-weight:400;}
.inputWrap_st1 input{display:block;width:100%;height:30px;line-height:30px;background:#fff;font-size:14px;}                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           e-height:40px;font-size:15px;color:#131316;background:#f5f5f7;}
.inputWrap_st1 input:focus{position:relative;border-color:#e60000;background:#fff;z-index:10}

.inputWrap_st1 input::-webkit-input-placeholder{color:#777}
.inputWrap_st1 input:-moz-placeholder{color:#777;opacity:1}
.inputWrap_st1 input::-moz-placeholder{color:#777;opacity:1}
.inputWrap_st1 input:-ms-input-placeholder{color:#777}
.inputWrap_st1 input:placeholder-shown{color:#777}

/* --------------------------------------------
 * textarea
/* ------------------------------------------ */
.textareaWrap_st1{}
.textareaWrap_st1 textarea{display:block;width:100%;height:140px;font-size:14px;line-height:20px;background:#fff;border:1px solid #e1e1e1;border-radius:2px;padding:14px 12px 14px 20px;color:#000000;letter-spacing:-0.05em;resize:none}

/* --------------------------------------------
 * select
/* ------------------------------------------ */
/* selectWrap_st1 */
.selectWrap_st1{position:relative;height:70px;border:1px solid #dfe0e4;background:#fff;margin:-1px 0 0 -1px;padding:10px 20px;font-size:14px;}
.selectWrap_st1 .btn_selected{height:30px;line-height:30px;display:block;overflow:hidden;position:relative;font-size:16px;color:#666;white-space:nowrap;background:#fff}
.selectWrap_st1 select{width:100%; font-size:14px; color:#666; background:url("../_img/select_arr.png") no-repeat right center #fff;}
.selectWrap_st1 select option{width:100%;display:block;padding:10px 20px;white-space:nowrap;background:#fff;color:#131316;font-size:13px;letter-spacing:-0.025em}
.selectWrap_st1 select option:focus,
.selectWrap_st1 select option:hover,
.selectWrap_st1 select option.active{background:#fafafa;color:#e60000}
.selectWrap_st1 label{display:block;height:20px;line-height:20px;color:#f37022;}
/* --------------------------------------------
 * radio
/* ------------------------------------------ */
/* radioWrap_st1 */
.radioWrap_st1{height:60px;position:relative}
.radioWrap_st1 input[type="radio"]{position:absolute;top:0;left:0;width:12px;height:12px;-webkit-appearance:none;z-index:1}
.radioWrap_st1 label{display:-webkit-box;display:box;-webkit-box-orient:vertical;box-orient:vertical;-webkit-box-pack:center;box-pack:center;position:relative;top:0;left:0;height:60px;line-height:18px;text-align:center;background:#f5f5f7;border:1px solid #dfe0e4;margin:-1px 0 0 -1px;z-index:10}
.radioWrap_st1 label.on{background:#fff;border-color:#e60000;-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.15);-moz-box-shadow:0 0 5px 0 rgba(0,0,0,0.15);-ms-box-shadow:0 0 5px 0 rgba(0,0,0,0.15);-o-box-shadow:0 0 5px 0 rgba(0,0,0,0.15);box-shadow:0 0 5px 0 rgba(0,0,0,0.15);z-index:11}
.radioWrap_st1 label span{width:47px;height:18px}

/* --------------------------------------------

 * pagination
/* ------------------------------------------ */
.pagination{}
.pagination ul{text-align:center}
.pagination li{display:inline-block}
.pagination li a{width:30px;height:30px;line-height:28px;text-align:center;display:inline-block;font-size:12px;color:#6a6c73;border:1px solid #dfe0e4;background:#fff}
.pagination li a:hover{background:#f5f5f7}
.pagination li.active a{background:#575860;border-color:#575860;color:#fff;cursor:default}
.pagination li a.page_arr{background:url("../_img/mobile/pagination_arr.png") no-repeat;-webkit-background-size:112px 28px;-moz-background-size:112px 28px;-o-background-size:112px 28px;background-size:112px 28px}
.pagination li a.page_arr.page_first{background-position:0 0}
.pagination li a.page_arr.page_prev{background-position:-28px 0;margin-right:10px}
.pagination li a.page_arr.page_next{background-position:-56px 0;margin-left:10px}
.pagination li a.page_arr.page_last{background-position:-84px 0}


/* --------------------------------------------
 * table
/* ------------------------------------------ */
/* table_st1 */
.table_st1 table{border-top:2px solid #555555;border-bottom:1px solid #e1e1e1}
.table_st1 td,
.table_st1 th{text-align:left;border-left:1px solid #f0f0f0}
.table_st1 tr:first-child td:first-child,
.table_st1 tr:first-child th:first-child{border-left:0}
.table_st1 th{font-size:18px;line-height:26px;color:#222;font-weight:400;padding:16px 0 16px 30px}
.table_st1 td{font-size:14px;line-height:26px;color:#555;font-weight:400;border-top:1px solid #f0f0f0;padding:16px 30px 30px;vertical-align:top}
.table_st1 td p{margin-bottom:10px}
.table_st1 td li{position:relative;padding-left:8px}
.table_st1 td li.mark{color:#aaa}
.table_st1 td li:before{content:'';width:4px;height:1px;display:inline-block;background:#777;position:absolute;top:12px;left:0}
.table_st1 .dot{width:6px;height:6px;display:inline-block;background-position:-74px -90px;vertical-align:middle;margin:0 4px}
.table_st1 .table_desc{margin-top:20px;font-size:14px;line-height:26px;color:#777}

/* table_st2 */
.table_st2{}
.table_st2 ul{overflow:hidden}
.table_st2 span{display:table-cell;padding-right:20px;box-sizing:border-box}
.table_st2 span.no{width:16%}
.table_st2 span.tit{width:64%}
.table_st2 span.prs{width:20%}
.table_st2 .thead{display:table;width:100%;border-bottom:2px solid #d9d9d9;color:#878787;font-size:13px;line-height:1.25;letter-spacing:0}
.table_st2 .thead span{position:relative;padding:2px 0 6px}
.table_st2 .thead span:before{content:'';width:1px;height:16px;position:absolute;left:-20px;top:0;background:#d9d9d9}
.table_st2 li>a{position:relative;display:table;table-layout:fixed;width:100%;padding:16px 0;font-size:15px;color:#878787;border-bottom:1px solid #d9d9d9;cursor:default}
.table_st2 li>a span.tit,
.table_st2 span.prs.prs_ing{color:#222}
.table_st2 li>a:hover,
.table_st2 li>a:hover span{color:#33ccff !important;border-color:#33ccff}

/* --------------------------------------------
 * layerPopup
/* ------------------------------------------ */
/* --------------------------------------------
 * layerPopup
/* ------------------------------------------ */
.layerPopup {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	height: 100vh;
	z-index: 9999999999999999999;
	overflow: hidden;
}
.layerPopup.open {
	display: block;
}
.layerPopup .bg_mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	width: 100vw; height: 100vh;
	background: #131316;
	opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	z-index: 999;
}
.layerPopup .layerBody {
	width: 80%; height: 60%;
/* 	width: 100vw; height: 100vh; */
	position: absolute;
	left: 10%; top: 20%;
	background: #fff;
	z-index: 9999;
}
.layerPopup .layerBody.slideInUp {
	-webkit-animation-duration: 0.6s;
	animation-duration: 0.6s;
}
.layerPopup .layerBody .close {
	width: 60px;
	height: 60px;
	line-height: 60px;
	display: inline-block;
	position: absolute;
	right: 0;
	top: 0;
	text-align: center;
	z-index: 100;
	background: url("../_img/icon_close.png") no-repeat center center;
	-webkit-background-size: 18px 18px;
	-moz-background-size: 18px 18px;
	-o-background-size: 18px 18px;
	background-size: 18px 18px;
}
.layerPopup .layerBody .close.dark {
	background: url("../_img/icon_close2.png") no-repeat center center;
	-webkit-background-size: 18px 18px;
	-moz-background-size: 18px 18px;
	-o-background-size: 18px 18px;
	background-size: 18px 18px;
}
.layerPopup .layerBody h2.tit {
	width: 100%;
	color: #2d2d36;
	background: #fff;
	line-height: 60px;
	height: 60px;
	padding-left: 20px;
	font-size: 16px;
	border-bottom: 1px solid #dfe0e4;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10;
}
.layerPopup .layerBody .contPop {
	overflow: hidden;
	overflow-y: auto;
	position: relative;
	height: 100%;
	padding-top: 60px;
	font-family:'Noto Sans KR','NanumSquare', 'Malgun Gothic', 'Dotum', 'Gulim', 'Arial', sans-serif;
}


/* --------------------------------------------
 * file upload
/* ------------------------------------------ */
.filebox {
	position: relative;
}
.filebox input[type="file"] {
	position: absolute;
	width: 100%;
	height: 35px;
	padding: 0;
	margin: 0;
	opacity:0;
	overflow: hidden;
}
.filebox label {
	padding: 10px 0;
    color: #fff;
    width: 30%;
    font-size: inherit;
    line-height: normal;
    text-align: center;
    vertical-align: middle;
    background-color: #005dbc;
    cursor: pointer;
    border: 1px solid #ca0000;
    float: left;
    border-radius: 0 5px 5px 0;
}
/* named upload */
.filebox .upload-name {
	  padding: 10px;
    width: 70%;
    font-size: inherit;
    font-family: inherit;
    line-height: normal;
    vertical-align: middle;
    background-color: #f6f6f6;
    border: 1px solid #ebebeb;
    border-radius: 5px 0 0 5px;
	float:left;
	-webkit-appearance: none; /* 네이티브 외형 감추기 */
	-moz-appearance: none;
	appearance: none;
}

/* --------------------------------------------
 * OwlCarousel2
/* ------------------------------------------ */
.owl-theme .owl-nav{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent}
.owl-theme .owl-nav [class*='owl-']{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}
.owl-theme .owl-nav [class*='owl-']:hover{background:#869791;color:#FFF;text-decoration:none}
.owl-theme .owl-nav .disabled{opacity:0.5;cursor:default}
.owl-theme .owl-dots{display:none; height:8px;margin-top:16px;text-align:center;-webkit-tap-highlight-color:transparent; width:80px; margin:10px auto; overflow:hidden;}
.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline}
.owl-theme .owl-dots .owl-dot span{width:6px;height:6px;margin:0 4px;display:block;-webkit-backface-visibility:visible;transition:opacity 200ms ease;background:#dfe0e4;border-radius:50%}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span{background:#3cd8be}
.rollWrap a.button{width:8px;height:8px;margin:0 0 0 6px;text-indent:-9999em;overflow:hidden;display:inline-block;background:url("../_img/roll_controls.png") no-repeat;-webkit-background-size:46px 8px;-moz-background-size:46px 8px;-o-background-size:46px 8px;background-size:46px 8px}
.rollWrap a.button.play{background-position:0 0}
.rollWrap a.button.stop{background-position:-12px 0}


.slideMenu{background:rgba(255,255,255,0.95);position: fixed; height:100%; z-index: 999; top: 0; left:0;overflow-x: hidden;transition: 0.5s; padding-top: 25%; width: 0;/*padding: 90px 44px;*/}
.slideMenu h2{padding-bottom:40px; text-align:center;}
.slideMenu ul li{
    padding-bottom: 25px;
    font-size: 17px;
    font-weight: 400;
    color: #5e5e5e;
    margin: 0 auto;
    width: 120px;
    text-align: left;
    padding-left: 35px;
    line-height: 23px;
}
.slideMenu ul li a{ display:block;color: #333; font-weight:bold;}
.slideMenu ul li:nth-child(1){background:url(../_img/mo_mainico01.png) no-repeat left top; background-size:22px;}
.slideMenu ul li:nth-child(2){background:url(../_img/mo_mainico02.png) no-repeat left top; background-size:22px;}
.slideMenu ul li:nth-child(3){background:url(../_img/mo_mainico05.png) no-repeat left top; background-size:22px;}
.slideMenu ul li:nth-child(4){background:url(../_img/mo_mainico03.png) no-repeat left top; background-size:22px;}
.slideMenu ul li:nth-child(5){background:url(../_img/mo_mainico04.png) no-repeat left top; background-size:22px;}

.menuTop { width:100%; text-align:center; border-top:1px solid #eee; padding-top:25px;}
.menuTop a {
    display: inline-block;
    text-align: center;
    margin: 0 3px;
    font-size: 14px;
    border: 1px solid #ddd;
    padding: 5px 10px;
}
.menuTop a:nth-of-type(1){color:#fff; background:#333; border:1px solid #333;}
.menuTop a:nth-of-type(2){color:#fff; background:#f37022; border:1px solid #f37022; }
.menuTop a:nth-of-type(3){color:#f37022; background:#fff; border:1px solid #f37022;}
.slideMenu .closebtn {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 36px;
    margin-left: 50px;
    color: #333;
}

/* 1015 추가 */
.tab_navi {
    position: relative;
    width: 100%;
    height: 50px;
    background: #ffffff;
    box-shadow: 0 1px 0 0 rgba(0,0,0,0.05);
	border-bottom:2px solid #eee;
}
.tab_navi ul.col2 li {
    width: 50%; 
	margin-bottom:20px;
}
.tab_navi ul.co10 li {
    width: 33.333%; 
	margin-bottom:20px;
}
.tab_navi ul li {
    float: left;
}

.tab_navi a.on {
    border-bottom: 2px solid #f37022;
    color: #f37022;
	font-weight:500;
}
.tab_navi ul li a {
    display: -webkit-box;
    display: box;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-pack: center;
    box-pack: center;
    width: 100%;
    height: 50px;
    font-size: 14px;
    line-height: 50px;
    text-align: center;
	background:#f0f0f0;
	 border-bottom: 2px solid #ccc;
}

.slideMenu2{background:#fff;position: fixed; height:100%; top:10%;z-index: 99999; top: 0; left:0;overflow-x: hidden;transition: 0.5s;  width: 0;/*padding: 90px 44px;*/}
.slideMenu2 h2{
	padding:3% 0 0px 10px;font-size: 21px;
    line-height: 1.5;
    letter-spacing: -0.05em;
    color: #333;font-weight: normal;

}
.slideMenu2 p{
    font-size: 14px;
    line-height: 1.5;
    color: #999;
	margin:5px 0 10px 10px;
}
.slideMenu2 ul li{padding-bottom:15px; font-size:1.5em; color:#5e5e5e; /*padding-left:45px;*/ margin:0 auto; width: 100%;  text-align: left;    }
.slideMenu2 ul li a{ display:block;}
.slideMenu2 ul li:nth-child(1){background:url(../_img/submmenu_icon01.png) no-repeat;}
.slideMenu2 ul li:nth-child(2){background:url(../_img/submmenu_icon02.png) no-repeat;}
.slideMenu2 ul li:nth-child(3){background:url(../_img/submmenu_icon03.png) no-repeat;}
.slideMenu2 ul li:nth-child(4){background:url(../_img/submmenu_icon04.png) no-repeat;}
.slideMenu2 ul li:nth-child(5){background:url(../_img/submmenu_icon05.png) no-repeat;}
.slideMenu2 ul li:nth-child(6){background:url(../_img/submmenu_icon06.png) no-repeat;}
.slideMenu2 .textarea_tit {font-size:14px; margin-bottom:5px; color:#ed4c4c;}
.slideMenu2 .closebtn {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 36px;
    margin-left: 50px;
}
.slideMenu2 .sc_consult .sc_box .sc_form ul{ padding-top:0;}
.slideMenu2 .sc_consult {top:0;}

.slideMenu2 .sc_consult .sc_box .sc_form button[type="submit"] {    
	width: auto;
    min-width: 210px;
    height: 58px;
    padding-left: 29px;
    padding-right: 29px;
    border-radius: 29px;
	text-align:center; 
	margin:20px auto;
    background-color: #000;
	line-height:25px;
}
.slideMenu2 .sc_consult .sc_box {box-shadow:none;}
.may_popup{margin-top:0px; display:block; position:absolute; z-index:9; top:100px; left:15px; border:1px solid #3a3a3a; max-width:619px; }
.titline {
    position: relative;
    font-weight: 600;
    color: #f37022;
    z-index: 20;
}
/*
.titline::before {
    display: block;
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 0%;
    height: 15px;
    background: #ffcd01;
    opacity: .8;
    z-index: -1;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width:100%;
}
*/

.yellowc {color:#5481ff !important}
.yellow{color:#fcd22b }






/**viewBoard**/

.viewBoard {margin:auto; width:1200px; padding-top:20px; }
.viewBoard .vbTitW {
    padding: 20px 0;
    background: #f1f1f1;
    display: inline-block;
    width: 99%;
    margin-bottom: 20px;
}
.viewBoard .vbTitW .vbTit  {float:left; font-size:17px; text-indent:20px; }
.viewBoard .vbTitW .vbTit strong{font-weight:bold;}
.viewBoard .vbTitW .vbDate {    
	float: right;
    display: inline-block;
    margin-right: 15px;
    color: #666;
}
.viewBoard .vbContW {text-align:center; padding:20px;  }
.viewBoard .vbContW p {line-height:28px; font-size:17px;}
.viewBoard .boardBtnW {display:inline-block; width:100%; text-align:right;}
.viewBoard .boardBtnW a {background:#333; padding:10px 20px; color:#fff; font-size: 16px;}
.nearNaviW {
    width: 100%;
    display: inline-block;
    margin: 20px 0 40px;
    border: 1px solid #ddd;
    border-top: 1px solid #000;
}
.nearNaviW dl {float:left; width:100%; border-bottom:1px solid #ddd;padding:20px; }
.nearNaviW dl:hover{background:#f1f1f1;}
.nearNaviW dl dd{float:right; width:90%; }
.nearNaviW dl dt{float:left; width:10%; color:#999; border-right:1px solid #ddd; text-align:center;}
.nearNaviW dl dt span{display:none;}
.nearNaviW dl dd .nNDate{float:right;}
.nearNaviW dl dd .nNTit {float:left; font-weight:bold; font-size:17px; text-indent:15px;  line-height: 16px;}
.nearNaviW dl dd a{display:block;width:100%;}

/* --------------------------------------------
 * 로그인 / 회원가입
/* ------------------------------------------ */
.loginContent {display:inline-block; width:100%; padding:70px 0;}
.auth_content .agree_box .txt_area h3 {font-size:14px; margin-top:5px; font-weight:500;}
.auth_content h1.tit{ font-size:17px; border-bottom:2px solid #333; color:#333;  font-weight:700;  padding-bottom:15px; margin-bottom:0;}
body.auth #container{width:460px;margin:auto; display:block;background: transparent;}
.login_cont .checks label{color:#333;}

.auth_content {margin:50px auto 20px;width:90%;}
.login_cont .inputWrap_st2,
.findID_cont .inputWrap_st2 {
	border-left:1px solid #e1e1e1;
	border-right:1px solid #e1e1e1;
}
.login_cont .checksWrap_st2 {
	padding: 10px 0 30px;
}
.auth_content .join_box  { border-bottom:none;}
.auth_content .join_box .inputWrap_st2 input{border-left:1px solid #eee; border-right:1px solid #eee;}
.auth_content .agree_box,
.auth_content .join_box {
	margin-bottom: 20px;
}
.auth_content .agree_box .tit {
	color: #333;
	font-size: 16px;
	line-height: 24px;
	padding: 0 0 6px;
	font-weight:500;
}
.auth_content .agree_box .txt_area {
	height: 160px;
	padding: 20px;
	background: #fff;
	    overflow-y: scroll;
	margin-bottom: 1px;
	font-size: 12px;
	line-height: 18px;
	color: #777;
	border:1px solid #eee;
}
.auth_content .agree_box .txt_area pre {
	white-space: pre-wrap;
}
.auth_content .submit_area {
	margin-top:20px;
}
.login_cont .submit_area,
.findID_cont .submit_area {
	margin-bottom: 0;
}
.auth_content .submit_area a,
.auth_content .submit_area button, 
.auth_content .fullbtn button
{
	width: 48%;
	display: block;
	font-size: 15px;
	line-height: 24px;
	padding: 10px 0;
	text-align: center;
	float:left;
	transition:all 0.3s ease;
	font-weight:500;
}

.auth_content .submit_area button, .auth_content .fullbtn button{margin-left:4%; background:#f37022; border:2px solid #f37022; color:#fff;border-radius:30px;}
.auth_content .submit_area a{background:#fff; color:#f37022;border:2px solid #f37022;border-radius:30px;}
.auth_content .btn_area {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid #ddd;
}
.auth_content .fullbtn button {float:right; width:100%;}
.auth_content .btn_area ul {
	margin: 0 -5px;
}
.auth_content .btn_area li {
	width: 33.333333%;
	float: left;
	padding: 0 5px;
}
.auth_content.findID_cont .btn_area li {
	width: 100%;
}
.auth_content .btn_area a,
.auth_content .btn_area button {
	width: 100%;
	display: block;
	color: #333;
	border: 2px solid #aaa;
	font-size: 16px;
	line-height: 26px;
	padding: 15px 0;
	text-align: center;
	font-weight: 500;
}
.auth_content .btn_area a.goJoin {
	background: #fff;
	color: #454545;
}

.findIDSubmit {
	background: #3d4d63;
	margin-top: 10px;
	padding: 20px;
	color: #fff;
}
.findIDSubmit .tit {
	text-align: center;
	font-size: 14px;
	word-break: keep-all;
	line-height: 24px;
	margin-bottom: 12px;
}
.findIDSubmit .userID {
	font-size: 20px;
	letter-spacing: 0;
	line-height: 30px;
	padding: 10px;
	text-align: center;
	background: #515f73;
}
.findIDSubmit .info {
	margin-top: 12px;
}
.findIDSubmit .info p {
	position: relative;
	font-size: 12px;
	line-height: 18px;
	word-break: keep-all;
	padding: 0 10px;
}
.findIDSubmit .info p:before {
	content: '';
	width: 4px; height: 2px;
	display: inline-block;
	background: #9ea6b1;
	position: absolute;
	left: 0; top: 8px;
}

/* inputWrap_st2 */
.inputWrap_st2{position:relative;border-bottom:1px solid #e1e1e1}
.inputWrap_st2 .input_tit{position:absolute;top:15px; left:15px; font-size:14px;white-space:nowrap;color:#666;font-weight:500;z-index:10; border-right:1px solid #ddd; width:95px;}
.inputWrap_st2 .input_tit strong{color:#1665c8}
.inputWrap_st2 input{width:100%;height:50px;font-size:14px !important;color:#333;letter-spacing:0.025em;line-height:46px; background:#f8f8f8;}
.inputWrap_st2 input:focus,
.inputWrap_st2 input:hover{background:#fff;}


.inputWrap_st2.icon input{padding-left:125px}

.inputWrap_st2.icon .input_tit span.redcolor{color:red; margin-left:3px;}
.inputWrap_st2 button{
width: 90px;
    height: 30px;
    display: inline-block;
    text-align: center;
    background: #bbb;
    color: #fff;
    font-size: 12px;
    border-radius: 2em;
    position: absolute;
    top: 50%;
    right: 7px;
    margin-top: -16px;
    z-index: 12;
}
.inputWrap_st2 .error{width:100%;height:40px;background:#3d4d63;color:#fff;font-size:14px;font-weight:600;text-align:center;line-height:40px}

.selectform {
	display: inline-block;
	border: 0;
	width: 100%;
	height: 80px;
	box-shadow: none;
	padding: 32px 85px 6px;
	letter-spacing: -0.025em;
	position: relative;
	border-radius: 4px !important;
	color: #333333;
	-webkit-appearance: none;
	zoom: 1;
	background: url(/_img/icon_arrow1.png) no-repeat #fff 95% center;
	-webkit-background-size: 28px 11px;
	background-size: 28px 11px;
	-webkit-appearance: none;
	-moz-appearance: none;
    -o-appearance: none;
    appearance: none;
	font-size:15px; color:#999;
	border-left:1px solid #eee; border-right:1px solid #eee;
}
select::-ms-expand {display: none;}

.input_type2 {
    display: inline-block;
    border: 0;
    width: 100%;
    height: 50px;
    box-shadow: none;
    padding: 0 15px;
    position: relative;
    border: 1px solid #e9ebf0;
    border-radius: 4px !important;
    background-color: #f2f4f7;
    color: #333333;
    font-size: 15px;
    -webkit-appearance: none;
    zoom: 1;
}

.join{display:inline-block; width:100%; padding:70px 0;}
.join h3{margin:20px 0 10px; font-weight:500; font-size:19px;}
.join_input{font-size:14px; font-weight:400; }
.join_input td{height:40px; border-bottom:1px solid #ebebeb; padding:10px 0px 10px 20px; vertical-align:middle; line-height:24px;}
.join_input.line td{border:1px solid #ebebeb; text-align:center; padding:10px 0px 10px 0px;}
.join_input.line th{border:1px solid #ebebeb;}
.join_input.line1 {margin-top:50px;}
.join_input.line1 td{border:1px solid #ebebeb; text-align:center; padding:10px 0px 10px 0px;  height:30px;}
.join_input.line1 th{border:1px solid #ebebeb; text-align:center; padding:10px 0px 10px 0px; height:40px; }

.join_input tr th{vertical-align:middle;}
.join_input th{ height:60px; background:#f7f7f7; color:#555; font-weight:500; font-size:14px; border-bottom:1px solid #dfdfdf;}

.join_input .join_btn2 {
    background: #969696;
    color: #fff;
    padding: 0px 10px;
    font-size: 14px;
    line-height: 33px;
    margin-left: 7px;
	cursor:pointer;
	display:inline-block;
}

.select-design {
    position: relative;
    display: inline-block;
    background: url(../_img/select_arrow1.png) no-repeat right center #fff;
    background-size: 32px 33px;
    text-align: left;
    cursor: pointer;
    height: 32px;
    padding: 0 0px 0 10px;
    border: 1px solid #e6e6e6;
    border-radius: 0;
    color: #333;
    font-size: 14px;
    width: 80px;
    padding-left: 10px;
    -webkit-appearance: none;
}
.join_input input {border:1px solid #ddd; height:32px; text-indent:10px;}
.join_input input {display:inline-block !important;}
.carTable label  {display:block;}
.join_input #IDEmail1{width:80px;}
.join_input #IDEmail2{width:100px;}
.join_input input[type=text]{width:60%;}
.confirmbtn {padding:5px 15px; background:#2c4d9c; color:#fff; margin-left:5px;  vertical-align: middle;}
.join_input input[type=password]{width:125px}
.join_input .navi{color:#999; display:block; word-break:keep-all;}
.join_input .navi1{color:#999; display:inline-block; font-size:13px;}

.join_input input[type=radio]{height:15px; width:15px; margin-right:5px;}
.join_input .address1{display:inline-block;width:100px;}
.join_input .address2{display:inline-block; width:100% !important;}
.join_input .email1{width:80px !important;}

/*리뷰 wirte*/
.mypageBox01 {padding:70px 0; display:inline-block;}
/*1:1문의*/
.writeTable input{border:1px solid #d7d7d7; padding:15px; width:100%; font-size:14px;}
.writeTable select{height:32px;}
.writeTable textarea{width:100%;height:200px;overflow-y:scroll; border:1px solid #ddd; padding:15px;font-size:14px; margin-top:10px;}
.writeTable input[type="file"]{border:none; width:200px;}
.join_form .checksWrap_st1 a {top:7px; background:#333; color:#fff; padding:0 10px;}
.join_form ul li{}
.join_form > ul {border:1px solid #eee; border-top:none; padding:15px;}
.join_form label{font-size:13px; color:#777;}


.join_form .h3_tit_2{
background: #f7f7f7;
    padding: 10px 15px;
    border: 1px solid #eee;
	font-size:14px; font-weight:500;
}
