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

/* main_layout */
#wrap,#footer{width:100%;}
#header{position:relative;height:465px;}
#top_bar{position:relative;height:50px;width:100%;background:url(/image/logo_bar_bg.jpg) no-repeat center top;}
#main_vis{height:370px;width:100%;background:url(/image/main_260629_1.jpg) no-repeat center top;}
#main_vis_e{height:370px;width:100%;background:url(/image/main_260629_e.jpg) no-repeat center top;}
#menu_bar{height:45px;width:100%;background:url(/image/menu_bar_bg.jpg) no-repeat center top;}
#contaner{margin:0 auto;width:990px;}
.section_left{width:437px;margin-top:34px;float:left;border-right:1px solid #d2d2d2;} 
.section_middle{width:322px;margin-top:34px;float:left;}
.section_right{width:230px;height:595px;float:left;background-color:#cfcfcf;}
#footer{position:relative;clear:both;height:132px;}

/* 로고,로그인메뉴*/
.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;}

/* D-day dday*/
.dday{position:relative;width:437px;height:184px;background:url(/image/d_day_bg.jpg) repeat-x top;}
.dday p.dday_date{position:absolute;top:0px;right:95px;font-family:'Nanum Gothic';font-size:40px;line-height:40px;font-weight:bold;color:#4ac8f6; padding-top:13px;}
.dday p.dday_person{display:none;position:absolute;top:60px;right:135px;font-family:'Nanum Gothic';font-size:18px;line-height:20px;font-weight:bold;color:#a1a1a1;}
.dday_btn{position:absolute;top:95px;right:150px;}
.dday_btn ul li{display:inline;padding-right:5px;}

/* news & notice*/
.news{position:relative;height:231px;font-family:'Nanum Gothic';font-size:13px;}
.news h3{padding:26px 0 0 17px;}
.news p.more_btn{position:absolute;top:27px;right:30px;}
.news_list{position:absolute;top:59px;width:100%;}
.news_list p img{float:left;margin:0 10px 0 0;}
.news_list dl{float:left;margin:0 0 15px 15px;width:100%;}
.news_list dt{float:left;margin-bottom:5px;color:#535353;font-weight:bold;}
.news_list dd{float:left;line-height:18px;color:#848484;width:70%;}

/* main_circle_menu */
.main_circle_menu{margin-top:10px;}
.main_circle_menu ul li{display:inline;}

/* main_speakers */
.main_speakers{position:relative;margin-left:28px;width:280px;}
.main_speakers p.more_btn{position:absolute;top:0;right:30px;}
.speaker{position:absolute;}
 p.speaker_img{float:left;}
.speaker dt{margin-bottom:5px;font-weight:bold;}
.speaker dl{margin:8px 0 0 15px;float:left;font-family:'Nanum Gothic';font-size:12px;width: 140px;}

.speakerBox{position:relative; overflow:auto; height:500px; width:280px; padding:10px 0 20px 0;}
.speakerBox ul{margin-top:25px;}
.speakerBox ul li{margin-bottom:10px; height:100px;}

/* register */
.register{height:190px;background:url(/image/register_bg.jpg) no-repeat center 28px;border-bottom:1px solid #fff;margin-top:24px;}
.register ul{position:relative;left:60px; top:73px;margin-top:15px;}
.register ul li{padding-bottom:3px;}


/* contact us */
.contact_us{height:160px;border-bottom:1px solid #fff;padding:27px 0 0 20px;}
.contact_us p.location{margin-top:16px;}
.contact_us p.email{margin-top:16px;}
.contact_us p.phone{margin-top:18px;}

/* Registration */
.Registration h3{margin-bottom:17px;}
.Registration{padding:27px 0 0 20px;}



#contentLayer .gsm-intro {
    background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
    padding: 90px 20px;
}

#contentLayer .intro-container {
    max-width: 900px;
    margin: 0 auto;
    background: #fff;
    padding: 55px 60px;
    border-radius: 18px;
    box-shadow: 0 15px 40px rgba(0,0,0,.08);
    border-top: 5px solid #0b5ed7;
}

#contentLayer .intro-badge{
    display:inline-block;
    padding:6px 14px;
    background:#0b5ed7;
    color:#fff;
    border-radius:30px;
    font-size:13px;
    font-weight:600;
    letter-spacing:1px;
    margin-bottom:18px;
}

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

#contentLayer .intro-container h3{
    margin:15px 0 35px;
    color:#555;
    font-size:22px;
    font-weight:500;
}

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

#contentLayer .intro-container strong{
    color:#0b5ed7;
    font-weight:700;
}

@media (max-width:768px){

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

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

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

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

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

}