@charset "utf-8";

@font-face {
    font-family:'NanumGothic';
    src: url('NanumGothic.eot');
    src: url('NanumGothic.eot?#iefix') format('embedded-opentype'),
         url('NanumGothic.woff') format('woff'),
         url('NanumGothic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* CSS Document */
*{margin:0; padding:0; font-family:"나눔고딕",AppleGothic,"돋움",dotum,"굴림",gulim;}
body{margin:0; padding:0; color:#333333; overflow-y: auto; overflow-x: hidden; font-size:12px;}
/* Element/tag selectors */
ul, ol, dl{padding:0; margin:0; list-style:none;}
a img{border:none;}
a:link{color:#42413C; text-decoration:none;}
a:visited{color:#6E6C64; text-decoration:none;}
a:hover, a:active, a:focus{text-decoration: none;}
.hidden{display:none;}

/* layout */
#wrap{width:980px; height:680px; background-image:url(../image/background.jpg); margin:0 auto; position:relative;}

/* 상단 header 정보 */
#header{width:100%; height:60px;}
#header h1{float:left; margin:15px 0 0 25px; font-weight:bold; color:#fff; font-size:22px; letter-spacing:-0.1em;}/* 과목명 */
#header h2{float:left; margin:18px 0 0 18px; color:#7a848e; font-size:17px; letter-spacing:-0.1em;}

/* 컨텐츠 영역 */
#container{margin:0 auto;}
#container .content{width:850px; text-align:center; margin-left:105px; letter-spacing:-0.08em;}

/* 버튼 */
.btn_blue{background-color:#5faee3; border:0; font-size:14px; padding:7px 20px; font-weight:bold; cursor:pointer;}
.btn_blue a{color:#fff;}
.btn_blue:hover{background-color:#8ec5ec;}

/* 목차 메뉴 */
#ot_gnb{left:20px; top:120px; position:absolute;}
#ot_gnb ul li{margin-top:1px; width:67px; height:66px;}
#ot_gnb ul li a{width:67px; height:66px; display:block;}
#ot_gnb ul .gnb_m01{background-image:url(../image/gnb_m01.gif);}
#ot_gnb ul .gnb_m01 .on{background-image:url(../image/gnb_m01_on.gif); width:82px; height:66px;}
#ot_gnb ul .gnb_m01:hover{background-image:url(../image/gnb_m01_on.gif);}
#ot_gnb ul .gnb_m02{background-image:url(../image/gnb_m02.gif);}
#ot_gnb ul .gnb_m02 .on{background-image:url(../image/gnb_m02_on.gif); width:82px; height:66px;}
#ot_gnb ul .gnb_m02:hover{background-image:url(../image/gnb_m02_on.gif);}
#ot_gnb ul .gnb_m03{background-image:url(../image/gnb_m03.gif);}
#ot_gnb ul .gnb_m03 .on{background-image:url(../image/gnb_m03_on.gif); width:82px; height:66px;}
#ot_gnb ul .gnb_m03:hover{background-image:url(../image/gnb_m03_on.gif);}
#ot_gnb ul .gnb_m04{background-image:url(../image/gnb_m04.gif);}
#ot_gnb ul .gnb_m04 .on{background-image:url(../image/gnb_m04_on.gif); width:82px; height:66px;}
#ot_gnb ul .gnb_m04:hover{background-image:url(../image/gnb_m04_on.gif);}
#ot_gnb ul .gnb_m05{background-image:url(../image/gnb_m05.gif);}
#ot_gnb ul .gnb_m05 .on{background-image:url(../image/gnb_m05_on.gif); width:82px; height:66px;}
#ot_gnb ul .gnb_m05:hover{background-image:url(../image/gnb_m05_on.gif);}

/* 오리엔테이션_intro */
.ot_intro{margin-top:60px;}
.ot_intro .ot_intro_top{margin:0 auto; width:844px; height:230px; background:url(../image/ot_intro_top.gif) no-repeat left top; color:#fff; font-size:24px; font-weight:bold; padding-top:25px;}
.ot_intro .ot_ment{font-size:14px; color:#777; margin-bottom:20px;  line-height:150%;}
/* 오리엔테이션_outro */
.ot_outro_mov{margin:0 auto; width:640px; height:360px; margin-bottom:20px;}

/* 오리엔테이션_과정소개 */
.ot_process{width:750px; margin:30px 0 0 40px; text-align:left; line-height:150%;}
.ot_process .ttl{height:30px; margin-top:10px;}
.ot_process .ot_goal p{border-left:3px solid #5faee3; font-size:13px; color:#777; padding:0 10px; margin-left:4px; overflow:auto; height:95px;}
.ot_process .ot_professor{margin-top:20px;}
.ot_process .ot_professor .professor{float:left; width:160px; height:220px; background:url(../image/professor.png) no-repeat left top; text-align:center;}
.ot_process .ot_professor .professor p{font-size:14px; color:#2c3e50; font-weight:bold; margin-top:230px;}
.ot_process .ot_professor .info{float:left; margin:25px 0 0 20px;}
.ot_process .ot_professor .info .tab{}
.ot_process .ot_professor .info .tab li{background-color:#cecece; color:#fff; width:110px; height:25px; padding-top:5px; font-size:14px; text-align:center; cursor:pointer; display:block; float:left;}
.ot_process .ot_professor .info .tab li.on{background-color:#5faee3;}
.ot_process .ot_professor .info .tab li:hover{background-color:#5faee3;}
.ot_process .ot_professor .info .con{clear:both; background-color:#eee; color:#777; width:510px; height:130px; padding:20px;}

/* 오리엔테이션_내용구성 */
.ot_form{width:750px; margin:60px 0 0 40px;}
.ot_form .ot_form_list{width:250px; float:left;}
.ot_form .ot_form_list li{margin:0 auto; margin-bottom:20px; font-size:13px; color:#777;}
.ot_form .ot_form_list li h4{margin:0 auto;width:240px; background-color:#5faee3; color:#fff; font-size:14px; height:25px; padding-top:5px;}
.ot_form .form_img01{background:url(../image/form_img01.gif) no-repeat left top; width:240px; height:167px; border:1px solid #cecece;}
.ot_form .form_img02{background:url(../image/form_img02.gif) no-repeat left top; width:240px; height:167px; border:1px solid #cecece;}
.ot_form .form_img03{background:url(../image/form_img03.gif) no-repeat left top; width:240px; height:167px; border:1px solid #cecece;}
.ot_form .form_img04{background:url(../image/form_img04.gif) no-repeat left top; width:240px; height:167px; border:1px solid #cecece;}
.ot_form .form_img05{background:url(../image/form_img05.gif) no-repeat left top; width:240px; height:167px; border:1px solid #cecece;}
.ot_form .form_img06{background:url(../image/form_img06.gif) no-repeat left top; width:240px; height:167px; border:1px solid #cecece;}

/* 오리엔테이션_평가방법 */
.ot_evaluate{width:750px; margin:60px 0 0 40px; text-align:left;}
.ot_evaluate .img{background:url(../image/ot_evaluate.gif) no-repeat left top; width:700px; height:350px; margin-top:50px;}

/* 오리엔테이션_화면구성 */
.ot_screen{width:750px; margin:50px 0 0 40px;}
.ot_screen .img{width:750px; height:520px; background:url(../image/screen_img.gif) no-repeat left top;}