@charset "utf-8";
/* CSS Document */

@import url(reset.css);
@import url(font.css);


/* published by www.designnest.net */
/*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); */
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
/* Nanum Myeongjo */

html, body {width:100%; color:#777; font:12px/100% 'Nanum Barun Gothic','돋움','dotum','굴림','Gulim',sans-serif,Arial,Helvetica,Clean,AppleGothic;}

/* form */
select.default{ border:1px solid #dedede; height:20px; line-height:20px; font-size:11px; color:#666; font-family:'Nanum Barun Gothic';background-color:#fff;}
input.default{border:1px solid #dedede; height:18px; line-height:18px; color:#666; padding:0 5px; font-family:'Nanum Barun Gothic'; background-color:#fff;}
textarea{border:1px solid #dedede;}

/* common */
.round_txt{display:inline-block; color:#fff; background-color:#7a90cc; height:22px; line-height:22px; border-radius:11px; font-size:14px; padding-left:10px; padding-right:10px;}
b,strong{ font-weight:700;}
.overBtn{}
.under{ text-decoration:underline;}
.f_red{ color:#e04c12 !important; }
.f11{font-size:11px;}
.f12{font-size:12px;}
.f18{font-size:18px;}
.f22{font-size:22px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f_deepGreen{color:#056380 !important;}
.f_orange{ color:#f78f1d !important;}

.f_yellow{ color:#f78f1d !important;}
.f_white{ color:#fff !important;}
.f_dark{ color:#222 !important;}
.f_darkblue{color:#001a60 !important;}

.f_blue{color:#3e59a1 !important;}
.f_lightblue{color:#467fb3 !important;}
.f_violet{color:#656abe !important;}
.f_purple{color:#8f52a5 !important;}

input[type=text]{border:1px solid #d8d8d8; color:#666;}
select {border:1px solid #d8d8d8; height:22px; font-family:'Nanum Barun Gothic'; color:#666;}
textarea{border:1px solid #d8d8d8; font-family:'Nanum Barun Gothic'; color:#666;}


.pc{display:block !important;}	
.pc_inline{display:inline-block !important;}	
.pad_inline{display:none !important;}
.pad_block{display:none !important;}
.mob_hide_line{}
.mob_show_box{ display:none !important;}
.mob_show_line{ display:none !important;}
@media screen and (max-width:768px) {
.pc{display:none !important;}		
.pc_inline{display:none !important;}	
.pad_inline{display:inline-block !important;}	
.pad_block{display:block !important;}
.mob_hide_line{}
.mob_show_box{ display:none !important;}
.mob_show_line{ display:none !important;}
}

@media screen and (max-width:599px) {
.pc{ display:none !important;}		
.pc_inline{display:none !important;}	
.pad_inline{display:inline-block !important;}	
.pad_block{display:block !important;}
.mob_hide_line{display:none !important;}
.mob_show_box{ display:block !important;}
.mob_block{display:block !important;}
.mob_show_line{ display:inline-block !important;}
}

/* layout */
#wrapper{ min-width:1280px !important;}
#contents_area{max-width:1280px; margin:auto; position: relative;}
.contents_box{max-width:1280px; margin:auto; position:relative;}
#index_visual{ background-color:#f5f5f5;}
#header{ height:125px; z-index:100; position:relative;}
#header:after{ display:block; content:''; position:absolute; left:0; bottom:-1px;  width:100%; height:1px; background:#ddd; /* height:4px; background:url(../images/2014_grand/common/bgHeader.png) repeat-x; */ }
#header h1{  margin-top:8px; float:left; padding-bottom:10px;}
#header h1 a{ display:block; width:330px; height:70px; background:url(/images/logo.jpg) center center no-repeat; text-indent:-9999px; overflow:hidden;}
#header .lnb_btn{ position:absolute; right:0; top:0;  display:none;}/* 20141007 추가n수정 */
#header .lnb_btn a{ display:block;  padding-top:23px; text-align:center;}/* 20141013 수정 */
#header .lnb_btn a.btn_nation{ right:65px; text-align:right;}/* 20141013 수정 */
#header .lnb_btn a.btn_cn{ right:100px; top:1px; text-align:right;}/* 20141013 수정 */
#header .contents_box {z-index:10;}
#header .contents_box:after {content:''; display:block; clear:both;}


.tit01 {font-size:30px; font-weight:bold; color:#1e1e1e; margin-bottom:15px;}
.tit01.mtup { margin-top:70px;}
.topBox { background:#66B0DD; padding:10px 0 8px 0; height:35px; }
.topBox .in {margin:0 auto; width:1280px; }
.topBox .in:after {content:''; display:block; clear:both;}

#gnb{ float:right; margin-right:80px; }
#gnb li{ float:left;  }
#gnb li.space{ background:url(/images/bull.png) center left no-repeat; padding-left:15px; margin-left:15px;}
#gnb li a{  font-size:12px; color:#fff;  display:block;}
#i_shop_wrap{ width:1280px; margin:0 auto; position:relative; }
.i_shop > a{ display:block; z-index:9999;}
.i_shop > a > img{ width:60px; height:60px; position:absolute; top:-35px; right:0; z-index:9999; }



#lnb{ position:absolute; right:0px; top:40px; display:block; font-weight:400;}
#lnb li p.active a{color:#afbee1}/* 20141015 수정 */
#lnb>li{display:inline-block; position:relative;   margin-left:60px; }
#lnb>li:first-child{ margin-left:0;}
#lnb>li p{ display:inline-block;}
#lnb>li p a{display:inline-block; font-size:16px; color:#000000; font-weight:400;}
#lnb>li:hover p a{ color:#afbee1;}
#lnb>li .subGnb{padding-top:50px; margin-top:30px;position:absolute;  top:0; right:0;  z-index:10; text-align:right;}
#lnb>li ul{ display:none; text-align:right;  width:120px; padding-right:7px; border-right:1px solid #e0e0e0; height:200px;}
#lnb>li ul.active{ /* display:block; */}/* 20141006 lnb 관련 추가 */ 
#lnb>li ul li{margin-bottom:15px;}
#lnb>li ul li a{font-size:14px; color:#999999;}
#lnb>li ul li.active a{color:#222;}
#lnb>li ul li a:hover{font-size:14px; color:#222;}

/* bgSubGnb */
.bgSubGnb { display:none; position:absolute; left:0; top:113px; width:100%; background:#fff; z-index:5; height:270px;   border-bottom:1px solid #8ca2d4; }
.bgSubGnb .img { width:1280px; margin:0 auto; }
.bgSubGnb .img img { padding:30px 0 0 20px; }