﻿@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@font-face{font-family:Nanum Gothic; font-style:normal; font-weight:700; src:url(/common/font/NanumGothic-Bold.eot);src:local(※),url(/common/font/NanumGothicBold.woff) format('woff')}
@font-face{font-family:Nanum Gothic; font-style:normal; font-weight:400; src:url(/common/font/NanumGothic-Regular.eot);src:local(※),url(/common/font/NanumGothic.woff) format('woff')}

/**
* OLYM Cascading Style Sheets
* File Name : default.css
* Description : 기본 스타일시트
* Author : Web business Team / Choi Hyun Mi
* Email : designtj@olym.co.kr
* Date : 2014.07.07
* Update : 2014.08.28
* Copyright(c) 2014 OLYM Communications. All Rights Reserved.
*/

/* 기본설정 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	padding:0;
	margin:0;
	font-family:'Nanum Gothic', 'nanumgothic', '나눔 고딕', '맑은 고딕', 'Malgun Gothic', 'dotum' ;
	line-height:1.4em;
}
ol, ul, li {list-style:none;}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	font-size:100%;
}
form, fieldset, img { border:0; }
address, caption, em {
	font-weight:normal;
	font-style:normal;
}

*:before,*:after{display:none; content:'';}

/* anchor - 지정순서 link, visited, hover, active */
a { text-decoration:none; color:inherit;}
a:link, a:visited { text-decoration:none; }
a:hover, a:active { text-decoration:none; }
.p-button {height:auto !important;}

/* 숨김영역 */
#accessibility, #accessibility_footer, .skip, hr, legend {
	position:absolute;
	width:0;
	height:0;
	font-size:0;
	line-height:0;
	overflow:hidden;
	visibility:hidden;
}
caption { display:none; }

/* ie6 png 파일 투명처리 */
.png24 { tmp:expression(setPng24(this)); }

/* ie6에서 이미지 공백 0으로 조절 */
img {
	border:0;
	margin:0;
	padding:0;
	vertical-align:top;
}

/* float 속성 초기화 */
.space {
	clear: both;
	display: block;
	float: none;
	font-size: 0 !important;
	height: 0;
	line-height: 0 !important;
	margin: 0 !important;
	overflow: hidden;
	padding: 0 !important;
	width: 100%;
}

/* 이미지 인풋등 세로중앙정렬 */
input, textarea, select, img { vertical-align: middle; }
input, textarea, select { font-family: 'Nanum Gothic', sans-serif;  }

/* table caption 숨김*/
table caption { display:none; }

/* form css */
.input_form {
	height:13px;
	line-height:13px;
	padding:4px 0 1px 3px;
	border-style:solid;
	border-width:1px;
	border-color:#d1d1d1 #e7e7e7 #e7e7e7 #d1d1d1;
	color:#565656;
	background:#fff;
	font-size:1em;
}
.select_form {
	padding:0 0 0 3px;
	height:20px;
	border-style:solid;
	border-width:1px;
	border-color:#d1d1d1 #e7e7e7 #e7e7e7 #d1d1d1;
	color:#565656;
	background:#f5f5f5;
	font-size:0.95em;
}
.input_file {
	height:20px;
	border-style:solid;
	border-width:1px;
	border-color:#d1d1d1 #e7e7e7 #e7e7e7 #d1d1d1;
	color:#565656;
	background:#f5f5f5;
	font-size:1em;
}
.textarea_form {
	border:1px solid #dbe1e7;
	font-size:0.95em;
	padding:3px 0 0 3px;
	color:#767676;
	margin:8px 0 9px 0;
}
/* 공통 CSS */
.hidden { display:none;}
.font_point { color:#005d4f;} /* 초록색 */
.nobg { background:none !important;}

/* margin, padding */
.pdT0 { padding-top:0 !important;}
.pdL10 { padding-left:10px !important;}
.pdL20 { padding-left:20px !important;}
.pdB5 { padding-bottom:5px !important;}
.pdB20 { padding-bottom:20px !important;}
.pd10 { padding:10px !important;}
.pd30 { padding:30px !important;}
.pdR300 { padding-right:300px !important;}
.pdR350 { padding-right:350px !important;}
.pdR360 { padding-right:360px !important;}
.pdR370 { padding-right:370px !important;}
.pdR400 { padding-right:400px !important;}
.pdR440 { padding-right:440px !important;}

.mgT10 { margin-top:10px;}
.mgT30 { margin-top:30px;}
.mgR10 { margin-right:10px;}
.mgL40 { margin-left:40px;}
.mgB0 { margin-bottom:0 !important;}
.mgB10 { margin-bottom:10px;}
.mgB20 { margin-bottom:20px !important;}
.mgB30 { margin-bottom:30px !important;}
.mgB40 { margin-bottom:40px !important;}

/* width */
.w100 { width:100%;}
.w60 { width:60%;}
.w40 { width:40%;}
.w55 { width:55%;}
.w45 { width:45%;}

/* height */
.h160 { height:160px !important;}
.h200 { height:200px !important;}
.h230 { height:230px !important;}
.h260 { height:260px !important;}
.h340 { height:340px !important;}
.h480 { height:480px !important;}
.h580 { height:580px !important;}

/* border */
.bdGray1 { border:1px solid #cbcbcb;}

/* align */
.txL { text-align:left;}
.txC { text-align:center;}
.txR { text-align:right;}

/* font */
.font_black { color:#111111 !important;;}
.font_bold { font-weight:bold !important;;}
.font_orange { color:#f84000 !important;;}
.font_black_bold { color:#111111 !important;; font-weight:bold !important;;}

/* Layout Selector */
html, body { height:100%;}
body { font-size:0.99em;}
* {-webkit-text-size-adjust:none;} /* 모바일에서 폰트 안커짐 */


/* select_box */
.select_box { position:relative; height:35px;}
.select_box h4 a { padding:9px 0 9px 15px; display:block; color:#676767; font-size:14px; background:#fff url(../images/common/bg_select_search.png) no-repeat 95% center; border:1px solid; border-color:#e5e5e5 #c4c4c4 #c4c4c4 #e5e5e5;}
.select_box ul { display:none;}
.select_box .sel_list { position:absolute; top:35px; left:0; z-index:400; width:100%; background:#fff; border-top:1px solid #e5e5e5; }
.select_box .sel_list li { border:1px solid; border-color:#e5e5e5 #c4c4c4 #c4c4c4 #e5e5e5; border-top:0; }
.select_box .sel_list li a { padding:7px 0 7px 15px; display:block; font-size:13px; color:#676767;}


.clearfix:after {display:block; visibility:hidden; clear:both; content:"."; overflow:hidden; width:0; height:0; font-size:0; line-height:0;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.clear {clear:both;}
.hide {display:none;}
.skip {position:absolute;width:1px;height:1px;margin:0;padding:0;background:none; font-size:3px; color:transparent; line-height: 0}

/* map 지도 */
#contents .root_daum_roughmap{width:100%}
#contents .root_daum_roughmap .wrap_controllers{display:none;}

/* template 가이드용 스타일 */
.tab_obj{display:none;position: relative;padding:0;}

/* 경고 */
.warning {position:relative; padding-left:27px; margin-top:10px; font-size:15px; line-height:17px;}
.warning:before {display:block; position:absolute; top:0; left:0; width:18px; height:18px; background:url(/common/images/template.png) no-repeat -250px -250px;}