@charset "utf-8";
@import url("/css/fonts.css");
/* Common */
* { margin:0; padding:0;} /* html, body 사이의 간격을 제거 */

html{height:100%;}
body,input,textarea,select,button,table{font-family:Arial, Helvetica, sans-serif,'dotum';font-size:13px;color:#666;}
body{border:0; position:relative}
img{border:0;vertical-align:middle;margin:0;padding:0}
ul,ol,li{list-style:none}
table, th, td { border-collapse:collapse;}
table td a,table td span{vertical-align:middle}
label{cursor:pointer}
input[type="text"], textarea{border:1px solid #ebebeb; padding:5px; box-shadow:none;}

header,hgroup,article,nav,footer,figure,figcaption,canvas,section,time{display:block}
a{color:#666;text-decoration:none; margin:0; padding:0;}
td img,input{ vertical-align:middle}
.no_margin{margin:0 !important;}
.no_border{border:none !important;}

.content_wrap{width:1000px; margin:0 auto;position:relative;text-align:left;}

/*GNB CSS*/
#gnb_area{width:100%; height:70px; padding:10px 0 20px; background:url(../image/bg_gnb.png) repeat-x 0 10px; position:relative; z-index:100}
#gnb_area .logo{margin-left:50px;}
#gnb_area .d_con{position:absolute; right:0;top:88px;width:100%;background:rgba(0,0,0,.85);}
#gnb_area ul{margin:-88px/*height값*/ auto 0; margin-left:300px; text-align:right;}
#gnb_area ul li{display:block; float:left;width:140px; height:100%}
#gnb_area ul li > a{display:block;font-size:16px;font-weight:600;line-height:90px; height:88px; color:#31418e;text-align:center}
#gnb_area ul li.on > a{background:#31418e; color:#fff}
#gnb_area ul li.on dl{background:#111}
#gnb_area ul li.on dl dd{border-bottom:1px solid #111}
#gnb_area ul li.on dl dd a{color:#fff}
#gnb_area ul li.on dl dd a:hover{color:#6379e0}

#gnb_area dl {border-right:1px solid #111; height:0px; max-height:230px;overflow:hidden; position:relative;}
#gnb_area ul li:first-child dl{border-left:1px solid #111; margin-left:0;}
#gnb_area dl dd{border-bottom:1px solid #111; padding:8px 5px;}
#gnb_area dl dd a{display:block;line-height:22px;text-align:center;font-size:14px;color:#666}

.s_menu{position:absolute; right:13px; top:10px; z-index:10}
.s_menu a{color:#999; font-size:12px; padding:0 10px; display:inline-block}

/***좌측메뉴***/
.sub_menu{margin-top:50px; width:210px; float:left; margin-right:40px;}
.sub_menu .menu_tit{font-size:20px; font-weight:bold; color:#31418e; margin-left:20px; text-transform:uppercase}
.sub_menu .codrops-demos{margin-top:20px; color:#666; font-size:13px; font-weight:600;}
.sub_menu .codrops-demos a{display:block; border-collapse:collapse; border:1px solid #ebebeb; padding:20px;}

.codrops-demos a:hover,.codrops-demos a.current-demo,.codrops-demos a.current-demo:hover{border-color:#31418e; border-bottom:2px solid #333; color: #fff; background:url(/image/bg_menu.png) no-repeat 0 bottom #31418e; background-size:130%;}


/***메인-slide***/
.slide_area{width:1000px; height:610px; background:#eee; overflow:hidden; position:relative; z-index:10; top:-10px}
#slides .pre{top:260px; left:20px; width:27px; height:50px; position: absolute; z-index:9999}
#slides .next{top:260px; right:20px; width:27px; height:50px; position: absolute; z-index:9999}
#slides {display:none;}
.slidesjs-pagination, .slidesjs-stop, .slidesjs-play{display:none; }

/*메인-clock*/
.banner_area{width:100%; position:absolute; bottom:9px; left:0px; z-index:200; background:rgba(0,0,0,.85);}
.banner_area a.m_banner{width:230px; height:20px; color:#fff; font-weight:bold; font-size:18px; padding:23px 0; background:url(/image/line02.png) no-repeat right; display:block; float:left; text-align:center}
.banner_area .m_banner:hover{color:#6379e0;}
.time_area{width:270px; float:left; padding:5px 0 5px 20px; color:#fff; font-size:13px; font-weight:600;}
.time_area .time_sel_box{width:120px; float:left;}
.time_area .time_option select{width:100px; padding:5px; margin-top:10px; border:1px solid #fff; color:#fff; background:none}
.time_area .time_option option{color:#888;}
.time_area .world_time{margin-top:10px; font-size:22px; font-weight:bold; line-height:40px;}


/***서브- about us***/
.content{width:740px; float:left; margin:85px 0 40px;}
.content .con_title{font-size:24px; font-weight:bold; margin-bottom:40px;}
.con_title p{padding-bottom:10px; border-bottom:2px solid #31418e; color:#333; margin-bottom:10px; display:inline-block}
.con_title p.link{font-size:13px; color:#bbb; border:none; margin:0; padding:0; display:block; font-weight:normal}

/*certification*/
.light_box{padding:40px 30px; border:2px solid #ebebeb; display:inline-block; margin-bottom:40px}
.light_box a{width:310px; height:410px; overflow:hidden; display:block; float:left; margin-right:40px; border:3px solid #333; position:relative}
.light_box a .layer_bg{display:none;}
.light_box a:hover .layer_bg{ display:block; background:url(/image/layer_bg.png) no-repeat; width:310px; height:430px; position:absolute;}
.light_box a:nth-child(2){margin-right:0px;}
.light_box a img{width:310px;}

/*OUR SERVICES*/
.tab_box a{border:2px solid #ebebeb; padding:15px 10px; width:170px; height:16px; margin:0 10px 10px 0; font-size:14px; display:block; float:left;}
.tab_box a:hover{border:2px solid #31418e;}
.tab_box div{margin-top:20px; clear:both; border:2px solid #ebebeb; padding:20px; }
.tab_box div img{width:100%;}

/*All location*/
.map01{border:2px solid #ebebeb; margin-bottom:30px;}
.tab_box02 .tab_area a.a_tab{border:2px solid #ebebeb; padding:10px 10px; width:150px; height:25px; margin:0 10px 10px 0; font-size:16px; color:#333; display:block; float:left; text-align:center}
.tab_box02 .tab_area a.a_tab:hover{border:2px solid #31418e;}
.tab_box02 .tab_area::after{content:""; display:block; clear:both;}
.tab_box02 #tab01,.tab_box02 #tab02,.tab_box02 #tab03,.tab_box02 #tab04{width:700px; padding:20px; border:2px solid #ebebeb; height:370px;}
.tab_box02 ul{width:160px; padding:0 5px; float:left;}
.tab_box02 ul li{list-style:disc;}
.tab_box02 ul li a{color:#31418e; line-height:20px;}
.tab_box02 .tab_tit{font-size:15px; font-weight:600; margin-bottom:30px}

/*Accommodation*/
.btn_contact{text-align:center; margin-top:20px;}
.btn_contact a{display:inline-block; margin-bottom:40px}
/***Footer***/
.footer{width:1000px; height:60px; margin:25px auto; padding:15px 0 0; border-top:1px solid #ebebeb; font-size:12px; line-height:20px; color:#888; clear:both;}
.footer .logo02{float:left; padding:20px 0 0;}
.footer .address{width:820px; float:left;}