@import url('/css/layout.css');
@import url('https://fonts.googleapis.com/earlyaccess/nanumgothic.css');

/* board_layout */
#wrap,#footer{width:100%;}
#header{position:relative;}
#top_bar{position:relative;height:50px;width:100%;background:url(/image/logo_bar_bg.jpg) no-repeat center top;}
#menu_bar{height:45px;width:100%;background:url(/image/menu_bar_bg.jpg) no-repeat center top;}
#contaner{position:relative;width:990px;margin:0 auto;}
.menu_right{position:relative;width:230px;float:right;}
.left_bg{width:230px;background-color:#cfcfcf;}
.con_left{position:relative;width:760px;min-height:550px;float:left;padding-bottom:50px;}
#footer{position:relative;clear:both;height:132px;}

/* 서브이미지*/
#sub_vis2{height:180px;width:100%;background:url(/image/sub_menu/sub_img1.jpg) no-repeat center top;}
#sub_vis3{height:180px;width:100%;background:url(/image/sub_menu/sub_img2.jpg) no-repeat center top;}
#sub_vis4{height:180px;width:100%;background:url(/image/sub_menu/sub_img3.jpg) no-repeat center top;}
#sub_vis5{height:180px;width:100%;background:url(/image/sub_menu/sub_img4.jpg) no-repeat center top;}
#sub_vis6{height:180px;width:100%;background:url(/image/sub_menu/sub_img5.jpg) no-repeat center top;}

/* 로고,로그인메뉴*/
.top_bar_menu{position:relative;margin:0 auto;width:990px;}
.language{position:absolute;top:15px;right:270px;}
.language ul li{display:inline;padding-right:7px;}
.language ul li span{color:#bdbdbe;vertical-align:bottom;}
.tmnu{position:absolute;top:15px;right:10px;}
.tmnu ul li{display:inline;padding-right:10px;}
.tmnu ul li a{color:#9bc869;}
.tmnu ul li a:hover{color:#ffffff;}


/* container 컨텐츠영역 */
#top_tit{position:relative;height:47px;top:25px;}
.con_top{position:absolute;top:20px;left:0;font-family: 'Nanum Gothic';font-size:25px;color:#482d09;font-weight:bold;}
.location{position:absolute;top:53px;left:0;}
.location img{vertical-align:middle;}
#con{position:relative;top:60px;left:0;margin-bottom:20px;width:730px;padding:10px;background-color:#ffffff;}
#con_contents{position:relative;top:60px;left:0;margin-bottom:20px;width:730px;}


.section_right{position:relative;width:230px;background-color:#cfcfcf;padding-top:10px;}
/* register */
.register{height:143px;background:url(/image/register_bg.jpg) no-repeat center top;border-bottom:1px solid #fff;margin-top:24px;}
.register ul{position:relative;left:60px;top:43px;margin-top:15px;}
.register ul li{padding-bottom:3px;}

/* contact us */
.contact_us{position:relative;width:230px;height:150px;border-bottom:1px solid #fff;padding:27px 0 0 0;}
.contact_us h3{position:absolute;left:20px;}
.contact_us p.location{position:absolute;left:17px;top:45px;margin-top:16px;}
.contact_us p.email{position:absolute;left:20px;top:45px;margin-top:16px;}
.contact_us p.phone{position:absolute;left:20px;top:90px;margin-top:18px;}

/* Registration */
.Registration h3{padding-left:20px;margin-bottom:17px;}
.Registration{position:relative;height:110px;padding:27px 0 20px; 20px;}
.Registration p{position:absolute;left:20px;}



/* Vertical Navigation */
.vNav{background-color:#cfcfcf; width:230px;padding:29px 0 20px 0;border-bottom:1px solid #fff;}
.vNav ul{margin:0; padding:0; list-style:none;width:230px;}
.vNav li{padding: 0; position: relative;}
.vNav li img{position:absolute; top:13px;left:110px;}
.vNav li a{display:block; position:relative; padding: 5px 25px 0 35px; height:25px; font-family: 'Nanum Gothic'; font-size:14px; color:#7b7b7b; font-weight:bold;}
.vNav li a:hover {background:url(/image/sub_menu/menu_over_bg.gif) no-repeat 185px 10px;color: #00426e;}
.vNav li a .i{ position:absolute; top:50%; left:100%; margin:-4px 0 0 -16px; width:8px; height:8px; color:#ccc; background:url(/image/menu/iconSub.gif) no-repeat left top;}
.vNav li ul{width: 100%; margin: 0; padding: 0; position: relative;}
.vNav li li{margin: 0; padding: 0 0 3px 8px; display: block;}
.vNav li li a{height: auto; line-height: 1; display: block; text-transform: none;	font-family: 'Nanum Gothic'; font-size:13px; color:#666767;	font-weight:normal;}
.vNav li li a:hover {text-decoration:underline;}
.vNav li.active{background:url(/image/sub_menu/menu_over_bg.gif) no-repeat 185px 10px;}
.vNav li.active a{color:#00426e;}
.vNav li.active a .i{ position:absolute; top:50%; left:100%; margin:-4px 0 0 -16px; width:8px; height:8px; color:#ccc; background:url(/image/menu/iconSub2.gif) no-repeat left top;}
.vNav li.active li a{color:#666767;}
.vNav li.active ul{width:100%; background:#f2f2f2;  border-bottom:1px solid #ccc; margin-left:11px; padding-bottom:10px;}
.vNav li li.active{background: none;}
.vNav li li.active a{color:#4278A5; font-weight:bold;}


.intro-container {
	background: url("/image/content/260706_1.png");
	padding-bottom: 100px;
}

.intro-container h2{
    font-size:24px;
    color:#0b2d5c;
    margin:0;
    font-weight:700;
    line-height:1.3;
	margin-bottom: 20px;
}

.intro-container p{
    font-size:18px;
    line-height:2;
    color:#555;
    margin-bottom:16px;
    text-align:justify;
}

.intro-container strong{
    color:#000000;
    font-weight:700;
}

@media (max-width:768px){

    .gsm-intro{
        padding:60px 15px;
    }

    .intro-container{
        padding:35px 25px;
    }

    .intro-container h2{
        font-size:26px;
    }

    .intro-container h3{
        font-size:19px;
    }

    .intro-container p{
        font-size:16px;
        line-height:1.9;
    }

}