@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/css?family=Tinos);
@import url(http://fonts.googleapis.com/css?family=Philosopher:400,700);
@import url(http://fonts.googleapis.com/css?family=Basic);
@import url(http://fonts.googleapis.com/css?family=Voces);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed);
@import url(http://fonts.googleapis.com/css?family=Hind:400,600);
@import url(http://fonts.googleapis.com/css?family=Cuprum);
@import url(http://fonts.googleapis.com/css?family=Marmelad);


@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.ttf) format('truetype');
}
/* CSS Document */

/*css초기화*/
* {
    padding:0;
    margin:0
}

html,body{
	height:100%;
}

body, p, ul, ol, li, dl, dt, dd, form, table, th, td, fieldset, input, textarea, select, button, h1, h2, h3, h4, h5, h6, pre {
    margin: 0;
    padding: 0;
}




body, input, textarea, select, button {
    color: #262626;
	font-family:'나눔고딕', Nanum Gothic, 'fontng';
    font-size: 15px;
	line-height:27px;
	font-weight:normal;
}

#search_word {line-height:18px;}

table {
	border-collapse: collapse;	
	border-spacing: 0;
}
fieldset, img {
    border: 0 none;
}
legend, caption {
    font-size: 0;
    height: 0;
    line-height: 0;
    overflow: hidden;   
    visibility: hidden;
    width: 0;
}
ol, ul {
	list-style: none;
}
a {
    color: #606060;
    text-decoration: none;
}
a:hover {
	color: #606060; 
	text-decoration: none;
}
 input, textarea, select {
    vertical-align: middle;
}
/*나눔고딕적용*/
 
.fng{font-family:'나눔고딕', NanumGothic, 'fontng';}


/*기본정의*/

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

.clearfix, .clear { clear: both; }
.clearfix:after, .clear:after { content: ""; display: block; clear: both; }

.fleft { float: left; }
.fright { float: right; }

.vtop { vertical-align: top; }
.vmiddle { vertical-align: middle; }
.vbottom { vertical-align: bottom; }

.nowrap { white-space: nowrap; }
.ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.block { display: block; }
.inline { display: inline; }
.inline-block { display: inline-block; }

.relative { clear: both; position: relative; z-index: 2; }
.absolute { position: absolute; z-index: 3; }

.justify { text-align: justify; }

.backgroundnone {background:none !important;}
.bordernone {border:none !important;}

.none{ display:none;}
/*skip*/
#skipToContent, .reader { position: absolute; left: -1000%; top: 0px; width: 1px; heght: 1px; font-size: 0px; line-height: 0px; overflow: hidden; }

/*margin padding*/
.mat0{ margin-top:0 !important;}
.mat10{ margin-top:10px !important;}
.mat15{ margin-top:15px !important;}
.mat20{ margin-top:20px !important;}
.mat25{ margin-top:25px !important;}
.mat30{ margin-top:30px !important;}
.mat40{ margin-top:40px !important;}

.mal10{ margin-left:10px !important;}
.mal15{ margin-left:15px !important;}
.mal20{ margin-left:20px !important;}
.mal25{ margin-left:25px !important;}
.mal30{ margin-left:30px !important;}

.mab10{ margin-bottom:10px !important;}
.mab15{ margin-bottom:15px !important;}
.mab20{ margin-bottom:20px !important;}
.mab25{ margin-bottom:25px !important;}
.mab30{ margin-bottom:30px !important;}
.mab40{ margin-bottom:40px !important;}
.mab50{ margin-bottom:50px !important;}

.mar10{ margin-right:10px !important;}
.mar15{ margin-right:15px !important;}
.mar20{ margin-right:20px !important;}
.mar25{ margin-right:25px !important;}
.mar30{ margin-right:30px !important;}

.pat10{ padding-top:10px !important;}
.pat15{ padding-top:15px !important;}
.pat20{ padding-top:20px !important;}
.pat25{ padding-top:25px !important;}
.pat30{ padding-top:30px !important;}
.pat40{ padding-top:40px !important;}

.pal10{ padding-left:10px !important;}
.pal15{ padding-left:15px !important;}
.pal20{ padding-left:20px !important;}
.pal25{ padding-left:25px !important;}
.pal30{ padding-left:30px !important;}

.pab10{ padding-bottom:10px !important;}
.pab15{ padding-bottom:15px !important;}
.pab20{ padding-bottom:20px !important;}
.pab25{ padding-bottom:25px !important;}
.pab30{ padding-bottom:30px !important;}

.par10{ padding-right:10px !important;}
.par15{ padding-right:15px !important;}
.par20{ padding-right:20px !important;}
.par25{ padding-right:25px !important;}
.par30{ padding-right:30px !important;}



/*다운로드 버튼*/

 .btn_down {
    background: url("/layout/images/www/sub/btn_down_bg.gif") no-repeat scroll 0 0;
    cursor: pointer;
    display: inline-block;
    height: 38px;
    text-decoration: none !important;
}
.btn_down span.down {
    background: url("/layout/images/www/sub/btn_down_bg.gif") no-repeat scroll right 0;
    color: #333333;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    height: 29px;
    margin-left: 30px;
    margin-right: 0;
    padding-right: 30px;
    padding-top: 9px;
}

.btn_pack, .btn_pack * {
	display:inline-block;
	overflow:visible;
	position:relative;
	margin:0;
	padding:0;
	border:0;
	background:url("/layout/images/www/sub/btn_down_bg.gif") no-repeat;
	font-weight: bold;
	color:#333;
	/*text-decoration:none !important;*/
	vertical-align:top;
	white-space:nowrap
}

.btn_pack {margin-right:4px; margin-top:-2px;}
.btn_pack * {left:4px; cursor: pointer;}
.btn_pack.btn_down, .btn_pack.btn_down * {height:30px; line-height:30px}
.btn_pack.btn_down {background-position:left 0}
.btn_pack.btn_down * {padding:0 20px 0 17px; background-position:right 0; font-size:14px;}
.btn_pack *:hover, .btn_pack *:active, .btn_pack *:focus {color:#d8380c}

/*다운로드 버튼 작은거*/

 .btn_down_s {
    background: url("/layout/images/www/sub/btn_down_bg.gif") no-repeat scroll 0 -33px;
    cursor: pointer;
    display: inline-block;
    height: 23px;
    text-decoration: none !important;
}
.btn_down_s span.down {
    background: url("/layout/images/www/sub/btn_down_bg.gif") no-repeat scroll right -33px;
    color: #333333;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    height: 29px;
    margin-left: 30px;
    margin-right: 0;
    padding-right: 30px;
    padding-top: 9px;
}

.btn_pack.btn_down_s, .btn_pack.btn_down_s * {height:23px; line-height:25px}
.btn_pack.btn_down_s {background-position:left -33px}
.btn_pack.btn_down_s * {padding:0 15px 0 10px; background-position:right -33px; font-size:11px;}
.btn_pack *:hover, .btn_pack *:active, .btn_pack_s *:focus {color:#d8380c;}

/* 서희진 추가 */
#popup {
	background-color:#FFF;color:#111;display:none;width:1200px !important;height:650px !important;
}


#popup span.tour_tlt { 
	left : 15px;
}
#popup span {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("/images/tour/main/popup_x.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto auto;
    clear: both;
    right: 5px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    position: absolute;
    top: 8px;
    z-index: 10;
}
#popup span a {
    display: block;
    font-size: 0;
    height: 11px;
    text-indent: -5000px;
    width: 12px;
}
#popup .tour_content {
	width:1200px !important;
	height:600px;
	padding-top: 40px;
}

.btn_complete{
	right:0;
	padding: 0 10px 0 10px;
	margin: 0 0 10px;	
}