@charset "utf-8";

/* @import */
@import url("layout.css");
@import url("font.css");
@import url("/css/font/iconfont/xeicon.css");
@import url("/css/font/iconfont/xeicon.min.css");
@import url("aos.css");


/*************************************************************************************************
 
 *  Reset & basic Css
 
 *************************************************************************************************/
* {/*box-sizing: border-box;*/}
body{font-family:'paper', 'gong-light', "맑은 고딕", dotum, sans-serif; line-height: 1.4; color: #000; font-size: 15px; font-weight: 400; box-sizing: border-box;}
html {width:100%;height:100%;-webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none;-webkit-overflow-scrolling:touch;overflow-y:scroll;}
*,html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;list-style:none; box-sizing: border-box;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
h1,h2,h3,h4,h5,h6,em,address {font-style:normal; font-weight:500;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
table{width:100%;border-collapse:collapse;border-spacing:0;word-break:break-all;border:0;}
table th, table td{vertical-align:middle;}
caption{visibility:hidden;width:0;height:0;font-size:0;line-height:0;zoom:1;}
fieldset{margin:0;padding:0;border:0 none;}
legend{display:none; overflow:hidden; width:0; height:0; font-size:0; visibility:visible; line-height:0;}
select,input, textarea,button {font-family:'paper', 'gong-light', '맑은 고딕', 'Dotum', '돋움', verdana, sans-serif; color: inherit; border:none; vertical-align:middle; outline:none; font-size: 15px;}
label {vertical-align:middle;cursor:pointer;}
input[type=checkbox], input[type=radio], input[type=button] {/*float:left;*/margin-right:5px;vertical-align:middle; outline: none; border: none;}
button {background:none; margin:0; padding:0; border:0 none; cursor:pointer; outline: none; border: none;}
img {border:none; -ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='crop')"; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='crop');}
a {color:#111;}
a:link{text-decoration: none;}
a:hover {text-decoration:none;}

button, [type="button"], [type="reset"], [type="submit"] {padding: 0;border: 0 none;background: none;cursor: pointer;}
[type="button"], [type="reset"], [type="number"], [type="search"], [type="text"], [type="password"], [type="tel"], [type="email"]
{border:1px solid #cccccc; border-radius:5px; padding:10px 15px; color: #959595; background: #fff;}
textarea {border:1px solid #cccccc; border-radius:5px; padding:10px 15px; color: #959595; background: #fff;}
button,input {overflow:visible;}
input::placeholder {color: #ccc; font-style: italic;}
textarea::placeholder {color: #ccc; font-style: italic;}


/*************************************************************************************************
 
 *  Etc Style
 
 *************************************************************************************************/

.blind {visibility:hidden; position:absolute; top:0; left:0; width:0; height:0; font-size:0; line-height:0;}
.irPm {display: block; overflow: hidden; font-size: 0; line-height: 0; text-indent: -9999px;}
.extension{height:100%;}
.extension:after{content:""; display:block; float:none; clear:both;}

.error {color:red;}

.txt_18 {font-size: 18px !important;}
.txt_20 {font-size: 20px !important;}
.txt_22 {font-size: 22px !important;}

/*---------------------------------------------------------------------------------------------------------------------------
 *  text-align
 *--------------------------------------------------------------------------------------------------------------------------*/
.textC{text-align: center;}
.textL{text-align: left;}
.textR{text-align: right;}
.textV{text-align: vertical;}

.align_center {text-align:center !important;}
.align_left {text-align:left !important;}
.align_right {text-align:right !important;}


.align_c {text-align: center !important;}
.align_l {text-align: left !important;}
.align_r {text-align: right !important;}

.hand {cursor:pointer;}
/*---------------------------------------------------------------------------------------------------------------------------
 *  float
 *--------------------------------------------------------------------------------------------------------------------------*/
.fR{float: right !important;}
.fL{float: left !important;}
.fN{float: none !important;}


/*---------------------------------------------------------------------------------------------------------------------------
 *  display
 *--------------------------------------------------------------------------------------------------------------------------*/
.hide{display:none;}
.disNone{display: none !important;}
.disI{display: inline !important;}
.disIB{display: inline-block !important;}
.disB{display: block !important;}
.disF{display: flex !important;}
.al_c {align-items: center;}
.al_fs {align-items:flex-start;}
.al_fe {align-items:flex-end;}


/*---------------------------------------------------------------------------------------------------------------------------
 *  Margin
 *--------------------------------------------------------------------------------------------------------------------------*/
.marAuto {margin:0 auto !important;}

/* margin-top */
.mt0 {margin-top:0 !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt80 {margin-top:80px !important;}
.mt90 {margin-top:90px !important;}
.mt100 {margin-top:100px !important;}

/* margin-left */
.ml0 {margin-left:0 !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml20 {margin-left:20px !important;}
.ml30 {margin-left:30px !important;}
.ml40 {margin-left:40px !important;}
.ml50 {margin-left:50px !important;}
.ml60 {margin-left:60px !important;}
.ml70 {margin-left:70px !important;}
.ml80 {margin-left:80px !important;}
.ml90 {margin-left:90px !important;}
.ml100 {margin-left:100px !important;}

/* margin-right */
.mr0 {margin-right:0 !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr20 {margin-right:20px !important;}
.mr30 {margin-right:30px !important;}
.mr40 {margin-right:40px !important;}
.mr50 {margin-right:50px !important;}
.mr60 {margin-right:60px !important;}
.mr70 {margin-right:70px !important;}
.mr80 {margin-right:80px !important;}
.mr90 {margin-right:90px !important;}
.mr100 {margin-right:100px !important;}

/* margin-bottom */
.mb0 {margin-bottom:0 !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.mb80 {margin-bottom:80px !important;}
.mb90 {margin-bottom:90px !important;}
.mb100 {margin-bottom:100px !important;}


/*---------------------------------------------------------------------------------------------------------------------------
 *  Padding  *
 *--------------------------------------------------------------------------------------------------------------------------*/
/* padding-top */
.pt0 {padding-top:0 !important;}
.pt5 {padding-top:0px !important;}
.pt10 {padding-top:10px !important;}
.pt20 {padding-top:20px !important;}
.pt30 {padding-top:30px !important;}
.pt40 {padding-top:40px !important;}
.pt50 {padding-top:50px !important;}
.pt60 {padding-top:60px !important;}
.pt70 {padding-top:70px !important;}
.pt80 {padding-top:80px !important;}
.pt90 {padding-top:90px !important;}
.pt100 {padding-top:100px !important;}

/* padding-right */
.pr0 {padding-right:0 !important;}
.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr20 {padding-right:20px !important;}
.pr30 {padding-right:30px !important;}
.pr40 {padding-right:40px !important;}
.pr50 {padding-right:50px !important;}
.pr60 {padding-right:60px !important;}
.pr70 {padding-right:70px !important;}
.pr80 {padding-right:80px !important;}
.pr90 {padding-right:90px !important;}
.pr100 {padding-right:100px !important;}

/* padding-bottom */
.pb0 {padding-bottom:0 !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px !important;}
.pb40 {padding-bottom:40px !important;}
.pb50 {padding-bottom:50px !important;}
.pb60 {padding-bottom:60px !important;}
.pb70 {padding-bottom:70px !important;}
.pb80 {padding-bottom:80px !important;}
.pb90 {padding-bottom:90px !important;}
.pb100 {padding-bottom:100px !important;}

/* padding-left */
.pl0 {padding-left:0 !important;}
.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl20 {padding-left:20px !important;}
.pl30 {padding-left:30px !important;}
.pl40 {padding-left:40px !important;}
.pl50 {padding-left:50px !important;}
.pl60 {padding-left:60px !important;}
.pl70 {padding-left:70px !important;}
.pl80 {padding-left:80px !important;}
.pl90 {padding-left:90px !important;}
.pl100 {padding-left:100px !important;}

/*********************** padding(전체) *************************/
.p0 {padding:0 !important;}
.p10 {padding:10px !important;}
.p20 {padding:20px !important;}
.p30 {padding:30px !important;}
.p40 {padding:40px !important;}
.p50 {padding:50px !important;}
.p60 {padding:60px !important;}
.p70 {padding:70px !important;}
.p80 {padding:80px !important;}
.p90 {padding:90px !important;}
.p100 {padding:100px !important;}


.ckb20 {width:20px; height:20px;}


/* skipnav */
.skipnav {position:absolute; width:100%; z-index:100000;}
.skipnav dd a {
	position:absolute;
	display:block;
	left:0;
	top:0;
	width:1px;
	height:1px;
	margin:-10000px 0 0 -10000px;
	padding:0;
	background-color:#033477;
	text-align:center;
	overflow:hidden;
	color:#fff;
	font-weight:bold;
}
.skipnav dd a:hover,.skipnav dd a:active,.skipnav dd a:focus {
	margin:0;
	width:100%;
	height:auto;
	padding: 10px;
}

/* mobile */
#asideArea {
	display:none;
}

/* #header */
#header .gnbBg {
	position:absolute;
	z-index:1001;
	left:0;
	top:90px;
	width:100%;
	background:url(../images/common/bg_menu.png);
	display:none;
	border-top:1px solid rgba(192,192,192,.3);
	border-bottom:1px solid rgba(192,192,192,.3);
	overflow:hidden;
}
.headLogo {
	float:left;
	margin-top:24px;
	height:41px;
	background:#ffc0ff;
}
.headLogo a {
	height:41px;
	display:inline-block;
}
.headLogo a img {
	vertical-align:top;
}
.headGnb {
	float:left;
	position:relative;
	left:10%;
}
.headGnb>ul>li {
	float:left;
	width:123px;
	text-align:center;
	position:relative;
}
.headGnb>ul>li>a {
	line-height:90px;
	display:block;
}
.headSubMenu {
	display:none;
	position:absolute;
	z-index:1010;
	top:90px;
	width:100%;
}
.headSubMenu li {
	text-align:center;
	height:40px;
	line-height:40px;
}

/* 버튼 */
.buttonWrap {position: relative; width: 95%; max-width: 1400px; margin: 30px auto;}
.btn_r {float: right;}
.buttonWrap .btn2 {display: flex; flex-wrap:wrap; justify-content:flex-end;}
.buttonWrap .btn3 {display: flex; flex-wrap:wrap; justify-content:center;}
.buttonWrap a {margin: 0px 3px;}
.btnLD {display:inline-block; font-size:16px; line-height:30px; padding:5px 15px; background:#fff;border:1px solid #bdbdbd;border-radius:5px;vertical-align:middle;white-space:nowrap;cursor:pointer; text-align:center;max-width:500px;box-shadow: 1px 2px 3px 0px #d4d3d3;}
.btnLD.mini {font-size:13px; line-height:20px; padding:2px 10px; }
.darkgray {background: #666; color: #fff; border: 1px solid #777;}
.IDcolorBG {background: #007877; color: #fff; border: 1px solid #00605f;}