@charset "utf-8";

body{font-size:13px;font-family:'나눔고딕', 'NanumGothic';color:#454545;height:100%;background:url('../images/gate/visual.jpg') no-repeat center top;}
#wrap{width:1020px;margin:0 auto;}
#footer{width:100%;padding:30px 0 50px 0;}

/* visual_area */
#visual_area{height:220px;position:relative;}
/*#visual_area h1{width:240px;height:40px;position:absolute;top:30px;left:0;text-indent:-9999px;background:url('../images/gate/gate_logo.jpg') no-repeat left top;}*/
#visual_area p{font-size:23px;padding:65px 0 0 0;line-height:36px;}
#visual_area p span{font-size:23px;margin-bottom:10px;padding:0 0 6px 0;color:#454545;font-family:'NanumGothicBold';border-bottom:1px dashed #b9b9b9;}
#visual_area a.btn{position:absolute;bottom:0;right:0;}
#visual_area .utilNav{position:absolute;top:0;right:0;overflow:hidden;}
#visual_area .utilNav a{padding:2px 8px 5px 8px;text-align:center;float:left;margin:3px 0 0 1px;font-size:12px;background-color:#1a7ec2;color:#fff;}

/* container */
#container ul.menu{margin:9px 0;overflow:hidden;}
#container ul.menu li{font-size:16px;color:#636363;text-align:center;font-family:'NanumGothicBold';float:left;}
#container ul.menu li h2{font-size:24px;padding:25px 0 10px 0;}
#container ul.menu li div.on h2{color:#2580be;}
#container ul.menu li div.on p{color:#454545;}
#container ul.menu li div{width:332px;height:340px;}
#container ul.menu li div a{width:332px;height:340px;display:block;}
#container ul.menu li.menu1 div{background:url('../images/gate/g_menu05_off.jpg') no-repeat left top;}
#container ul.menu li.menu1 div.on{background:url('../images/gate/g_menu05_on.jpg') no-repeat left top;}
#container ul.menu li.menu2 div{margin:0 12px;background:url('../images/gate/g_menu01_off.jpg') no-repeat left top;}
#container ul.menu li.menu2 div.on{background:url('../images/gate/g_menu01_on.jpg') no-repeat left top;}
#container ul.menu li.menu3 div{background:url('../images/gate/g_menu02_off.jpg') no-repeat left top;}
#container ul.menu li.menu3 div.on{background:url('../images/gate/g_menu02_on.jpg') no-repeat left top;}

.info_open .info1,.info_open .info2,.info_open .info3{display:none;}
.info_open{height:165px;padding-top:20px;}
.info_open .info1{overflow:hidden;margin-top:10px;}
.info_open .info1 .first {width:300px;height:150px;margin:0 20px;float:left;position:relative;}
.info_open .info1 .first h3{font-size:17px;margin-bottom:10px;padding:0 0 6px 0;color:#454545;font-family:'NanumGothicBold';border-bottom:1px dashed #b9b9b9;}
.info_open .info1 .first p{margin:14px 0 10px 0;color:#787774;}
.info_open .info1 .first p1{font-size:17px;margin:14px 0 10px 0;color:#097ac9;}
.info_open .info1 .second {width:500px;height:150px;margin:0 20px;float:left;position:relative;}
.info_open .info1 .second h3{font-size:17px;margin-bottom:10px;padding:0 0 6px 0;color:#454545;font-family:'NanumGothicBold';border-bottom:1px dashed #b9b9b9;}
.info_open .info1 .second p{margin:14px 0 10px 0;color:#787774;}
.info_open .info1 .second p1{font-size:17px;margin:14px 0 10px 0;color:#097ac9;}
.info_open .info1 div span{display:block;position:absolute;top:95px;left:0;}
.info_open .info1 div ul.link{overflow:hidden;}
.info_open .info1 div ul.link li{float:left;padding:0 0 6px 6px;line-height:19px;background:url('../images/ico/bl03.gif') no-repeat left 8px;}
.info_open .info1 div ul.link li.txt1{width:110px;}
.info_open .info1 div ul.link li.txt2{width:100px;}
.info_open .info1 div ul.link li.txt3{width:60px;}
.info_open .info1 div ul.notice li{margin-bottom:6px;line-height:19px;}
.info_open .info1 .more{width:35px;height:12px;display:block;position:absolute;top:10px;right:0;background:url('../images/index/btn_more.png') no-repeat left top;text-indent:-9999px;}
.info_open .info1 .btn_call{position:absolute;top:75px;right:0;}

.info_open .info2{overflow:hidden;margin-top:10px;}
.info_open .info2 div{width:300px;height:150px;margin:0 20px;float:left;position:relative;}
.info_open .info2 div h3{font-size:17px;margin-bottom:10px;padding:0 0 6px 0;color:#454545;font-family:'NanumGothicBold';border-bottom:1px dashed #b9b9b9;}
.info_open .info2 div p{margin:14px 0 10px 0;color:#787774;}
.info_open .info2 div span{display:block;position:absolute;top:95px;left:0;}
.info_open .info2 div ul.link{overflow:hidden;}
.info_open .info2 div ul.link li{float:left;padding:0 0 6px 6px;line-height:19px;background:url('../images/ico/bl03.gif') no-repeat left 8px;}
.info_open .info2 div ul.link li.txt1{width:110px;}
.info_open .info2 div ul.link li.txt2{width:100px;}
.info_open .info2 div ul.link li.txt3{width:60px;}
.info_open .info2 div ul.notice li{margin-bottom:6px;line-height:19px;}
.info_open .info2 .more{width:35px;height:12px;display:block;position:absolute;top:10px;right:0;background:url('../images/index/btn_more.png') no-repeat left top;text-indent:-9999px;}
.info_open .info2 .btn_call{position:absolute;top:75px;right:0;}

.info_open .info3{overflow:hidden;} 
.info_open .info3 .first{width:150px;height:150px;padding:0 20px;float:left;position:relative;}
.info_open .info3 .first h3{font-size:18px;color:#097ac9;margin:10px 0 0 0;font-family:'NanumGothicBold';line-height:24px;}
.info_open .info3 .btn_go{position:absolute;top:90px;left:20px;;}
.info_open .info3 .second{width:760px;margin:0 40px 0 0;float:right;position:relative;}
.info_open .info3 .second h3{font-size:17px;margin-bottom:10px;padding:0 0 6px 0;color:#454545;font-family:'NanumGothicBold';border-bottom:1px dashed #b9b9b9;}
.info_open .info3 .second p{line-height:19px;margin-bottom:10px;}

/*
.info_open .info3{overflow:hidden;} 
.info_open .info3 .first{width:600px;height:150px;padding:0 20px;float:left;position:relative;}
.info_open .info3 .second{width:300px;height:130px;padding:0 20px;float:right;position:relative;}
.info_open .info3 h3{font-size:18px;color:#097ac9;margin:10px 0 0 0;font-family:'NanumGothicBold';line-height:24px;}
.info_open .info3 span{position:absolute;top:0;right:0;}
.info_open .info3 .btn_go{position:absolute;top:95px;left:20px;}
*/

.info_open .info3 .second .movie{width:750px;height:142px;overflow:hidden;position:relative;}
.info_open .info3 .second #p_click4{position:absolute;top:60px;left:-30px;width:15px;height:22px;display:block;background:url('../images/gate/prev_line.gif') no-repeat top left;}
.info_open .info3 .second #n_click4{position:absolute;top:60px;right:-20px;width:15px;height:22px;display:block;background:url('../images/gate/next_line.gif') no-repeat top left;}


/* footer */
#footer .area{margin:0 auto;width:1020px;position:relative;color:#808080;}
#footer .area p.f_logo{width:102px;height:41px;text-indent:-9999px;position:absolute;top:45px;left:0;background:url('../images/common/footer_logo.jpg') no-repeat top left;}
#footer .area ul{padding:0 0 0 110px;overflow:hidden;}
#footer .area ul li{float:left;font-size:14px;padding:0 12px;font-family:'NanumGothicBold';background: url('../images/common/footer_p_line.gif') no-repeat right 2px;}
#footer .area ul li.point a{color:#097ac9;}
#footer .area ul li.last{background-image:none;}
#footer .area ul li a{color:#5a5a5a;}
#footer .area address{padding:20px 0 0 125px;color:#808080;font-size:12px;}
#footer .area address dl{line-height:19px;overflow:hidden;}
#footer .area address dl dt{width:110px;float:left;font-family:'NanumGothicBold';color:#636363;}
#footer .area address dl dd{float:left;}
#footer .copyright{margin:20px 0 0 125px;font-size:12px;}
#footer .authentic{position:absolute;top:0;right:0;}
.btn_top{display:none; position:fixed; bottom:5%; right:5%;}