@charset "utf-8";

body, table, th, td, input,
textarea, button, select {
	font-family:'Nanum Square', sans-serif;
	font-size:13px;
	color:#666;
}
ol, ul {list-style: none;}
ul, ol, dd, h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; }
html, body{width:100%}
body {height:auto;background-color:#fff; }
img{vertical-align:middle;}
img.bg {width:100%}
a { outline: none;text-decoration: none; }
#wrap{width:100%;}
.area{padding:0 30px; margin:0px auto; }
.clearfix{*zoom:1;}
.clearfix:after{clear:both; display:block; content:"";}
.shadow{box-shadow : 1px 1px 10px  rgba(0, 0, 0, .1), -1px 1px 10px  rgba(0, 0, 0, .1), 1px -1px 10px  rgba(0, 0, 0, .1), -1px -1px 10px  rgba(0, 0, 0, .1); }
.blind{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.trans200{-webkit-transition:all 200ms;-moz-transition:all 200ms;-o-transition:all 200ms;-ms-transition:all 200ms;transition:all 200ms}
.trans400{-webkit-transition:all 400ms;-moz-transition:all 400ms;-o-transition:all 400ms;-ms-transition:all 400ms;transition:all 400ms}
.trans500{-webkit-transition:all 500ms;-moz-transition:all 500ms;-o-transition:all 500ms;-ms-transition:all 500ms;transition:all 500ms}
.fl{float:left !important}
.fr{float:right !important;}
.strong {font-weight:bold}
.center {text-align:center}
.block_center {margin:0 auto}
#mask { position:fixed;z-index:500;display:none;background-color:#000;left:0;top:0;width:100%;height:100%;opacity: 0.7;filter: alpha(opacity=70);}

.video_box {position:relative}
.video_box .start-video {position: absolute;z-index:150;width:100%;height:100%;background:url(/assets/images/common/video_play_ico.png) no-repeat center center;cursor:pointer}
.video_box .start-video.over {background:url(/assets/images/common/video_play_over_ico.png) no-repeat center center}
.video_box .start-video.down {background:url(/assets/images/common/video_play_click_ico.png) no-repeat center center}
.video_box .thumbnail_container {position:absolute;width: 100%;height: 100%;overflow: hidden;z-index:100}
/* ###### HEADER ######
------------------------------------------------------ */
#header{width:100%;height:90px;background-color:#fff}
#header .header_wrap {overflow:hidden}
#header .logo {float:left}
#header .gnb {float:right;cursor:pointer}

#container {border-top:2px solid #dddddd}
#menu_layer {display:none;background-color:#fff;position:absolute;top:0;left:0;width:100%;z-index:50}
#menu_layer #gnb_close_btn {position:absolute;display:block;top:30px;right:30px;background:url(/assets/images/common/m_menu_close_ico.png) no-repeat 0 0;width:30px;height:30px;cursor:pointer}
#menu_layer .main_menu {padding:80px 0;text-align:center}
#menu_layer .main_menu > li {margin-bottom:40px}
#menu_layer .main_menu > li > a{font-size:34px;color:#0d2e61;font-weight:bold;}
#menu_layer .main_menu > li > a:hover, #menu_layer .main_menu > li > a:visited, #menu_layer .main_menu > li > a:active{color:#0d2e61;}
#menu_layer .sub_menu {padding-top:10px}
#menu_layer .sub_menu > li {padding:10px 0}
#menu_layer .sub_menu > li > a {font-size:26px;color:#616161;}
#menu_layer .sub_menu > li > a:hover, #menu_layer .sub_menu > li > a:visited{color:#616161}
#menu_layer .sub_menu > li > a:active {font-weight:bold;text-decoration:underline}

/* ###### FOOTER ######
------------------------------------------------------ */
#footer {width:100%;background-color:#272a2c; font-family:'Nanum Gothic', sans-serif;color:#ababac}
#footer .footer_wrap {padding:85px 40px 100px}
#footer .footer_wrap ul li {text-align:center}
#footer .footer_wrap .logo {margin-bottom:80px}
#footer .footer_wrap .copyright {margin-bottom:15px}
#footer .footer_wrap .copyright .lnk {overflow:hidden;display:inline-block;margin-bottom:14px}
#footer .footer_wrap .copyright .lnk li {float:left;}
#footer .footer_wrap .copyright .lnk li.lst {padding-left:40px;background:url(/assets/images/common/m_footer_lnk_bar.png) no-repeat 20px center}
#footer .footer_wrap .copyright .lnk a {color:#fff;font-size:22px}
#footer .footer_wrap .copyright .lnk a.p_info {color:#a8cf67;font-weight:800}
#footer .footer_wrap .copyright address {font-style:normal;font-size:22px;margin-bottom:5px;word-break:keep-all;}
#footer .footer_wrap .copyright .csTime {font-style:normal;font-size:18px;margin-bottom:10px}
#footer .footer_wrap .copyright address a {color:#ababac}
#footer .footer_wrap .copyright .copy {font-size:21px;}

#footer .family_box {
	position:relative; display:inline-block;margin-left:15px;width:180px; height:40px;line-height:40px;  font-size:20px; color:#fff; padding:0 0 0 20px; 
	border:1px solid #3c4043; background:#272a2c url('/assets/images/common/select_bt.png') no-repeat 175px center; cursor:pointer;
}
#footer .family_box .fm_layer {
	position:absolute; bottom:-1px; left:-1px; border:1px solid #3c4043;z-index:100;
	background:#272a2c; display:none; cursor:default;
}
#footer .family_box .fm_layer dl.box01 {width:170px;margin:0;padding:10px 20px;}
#footer .family_box .fm_layer dd {font-size:20px; height:40px;line-height:40px;}
#footer .family_box .fm_layer dd a {color:#ababac;display:block}
#footer .family_box .fm_layer span.ico {position:absolute;bottom:17px;right:14px;background:#272a2c url('/assets/images/common/select_bt.png') no-repeat 0 0;width:8px;height:5px}