@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/* Reset CSS  */
* { margin:0; padding:0; border:0; outline:0; -webkit-text-size-adjust:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
ul, ol, dl{ list-style:none; }
img, video{ border:0; vertical-align:top; }
input, select { vertical-align:middle; }
html{ height:100%; }
body{ font-family:'Nanum Gothic','맑은 고딕',돋움,Dotum,sans-serif; font-size:12px; line-height:140%; height:100%; background:#e6e8ee; color:#000;}
label{ cursor:pointer; }
.blind,legend,hr,caption{ display:block; overflow:hidden; position:absolute; top:0; left:-1000em; }
i,em,address{ font-style:normal; font-weight:normal; }
a,a:link,a:visited{color:#666666; text-decoration:none;}
a:hover{color:#666666;}
input {-webkit-appearance:none;}


/*  Layout base */
#wrap {position:relative; width:100%; min-height:100%; margin:0 auto;}
header{position:fixed; width:100%; height:256px; background:url("../img/main/top_bg.png") 0% 100% repeat-x; background-size:5px 6px; z-index:300; left:0px; top:-200px;}
section {position:relative; width:100%; padding-top:50px; background:#fff;
box-sizing: border-box; /* W3C */
	-o-box-sizing: border-box; /* Opera */
	-ms-box-sizing: border-box; /* Internet Explorer */
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari & Chrome */
}
footer {position:relative; width:100%; height:156px; padding-top:24px; background:#e6e8ee; border-top:1px solid #d8dae3; box-sizing:border-box;}


/*  top */
nav {position:relative; width:100%; height:250px;}
nav ul li {position:relative; width:100%; height:50px; background:#3363f1; border-bottom:1px solid #266dfb; box-sizing:border-box;line-height:50px;}
nav ul li a{display:block; width:100%; height:50px; box-sizing:border-box;}

nav ul li img { vertical-align:middle; margin-right:15px; }

nav ul li.nav_1 {text-align:right; }
nav ul li.nav_2 {text-align:right; background:#3363f1 url("/img/main/top_txt1.png") 15px 50% no-repeat; background-size:90px 30px;}
nav ul li.nav_3 {text-align:right; background:#3363f1 url("/img/main/top_txt2.png") 15px 50% no-repeat; background-size:90px 30px;}
nav ul li.nav_4 {text-align:right; background:#3363f1 url("/img/main/top_txt3.png") 15px 50% no-repeat; background-size:90px 30px;}

nav ul li.nav_5 {background:#fff; border-bottom:0px;}
.nav_title {position:absolute; width:150px; height:20px; left:15px; top:17px; font-weight:bold; text-align:left;line-height:17px; font-size:13px;}
.nav_on {position:absolute; width:25px; height:17px; right:15px; top:17px; background:url("/img/main/top_bt1.png")no-repeat; background-size:25px 17px;}
.nav_on a{display:block; width:100%; height:17px;}
.nav_off {position:absolute; width:25px; height:17px; right:15px; top:17px; background:url("/img/main/top_bt2.png")no-repeat; background-size:25px 17px;}
.nav_off a{display:block; width:100%; height:17px;}


/*  bottom */
.bottom_wrap {position:relative; width:278px; height:54px; margin:0 auto;}
.bottom_bt {position:relative; float:left; width:86px; height:32px; margin-right:10px; border-radius:3px; border:1px solid #d2d4dd; background:#d8dae3; font-size:11px; color:#56575b; text-align:center; box-sizing:border-box;}
.bottom_bt a {display:block; width:100%; height:32px; padding-top:8px; box-sizing:border-box;}
.bottom_wrap2 {position:relative; width:100%; text-align:center; line-height:220%; font-size:11px; color:#737477;}


/*  main */
.m_video_wrap {position:relative; width:100%; height:200px; background:#000; box-sizing:border-box;}
.m_video_wrap a {display:block; width:100%; height:200px; box-sizing:border-box; padding-top:85px;}
.m_video_bar {position:absolute; width:100%; left:0px; top:0px; height:44px; text-align:center; color:#d2d4d8; font-size:12px; font-weight:bold; letter-spacing:-1px; padding-top:15px; box-sizing:border-box; z-index:100;}
.m_play {position:relative; width:64px; height:64px; background:url("../img/main/play.png")no-repeat; background-size:64px 64px; margin:0 auto;}
.m_menu_wrap {position:relative; width:100%; height:50px;}
.m_menu_wrap ul li {position:relative; float:left; width:33%; height:50px; border-right:1px solid #e6e8ee; box-sizing:border-box; text-align:center; font-weight:bold; background:url("../img/main/menu_off.png") 0% 100% repeat-x; background-size:1px 5px; font-size:13px; letter-spacing:-1px;}
.m_menu_wrap ul li a {display:block; width:100%; height:50px; box-sizing:border-box; padding-top:16px; color:#000;}
.m_menu_wrap ul li .on {background:url("../img/main/menu_on.png") 0% 100% repeat-x; background-size:1px 5px; color:#3363f1; font-weight:bold;}
.m_menu_wrap ul li:nth-last-child(1) {border-right:0px;}



/*  video */
.video_tit_wrap {position:relative; width:100%; height:70px; box-sizing:border-box; padding-left:15px; padding-top:26px; color:#d2d4d8; font-weight:bold; letter-spacing:-1px; background:#000;}
.video_bt_wrap {position:absolute; width:70px; height:20px; right:15px; top:25px;}
.video_wrap {position:relative; width:100%; height:200px; box-sizing:border-box; background:#000;}
.video_bottom_wrap {position:relative; width:100%; height:70px; box-sizing:border-box; padding-right:15px; padding-top:23px; background:#000;}
.video_bt1 {position:relative; float:right; width:61px; height:24px; margin-left:20px;}
.video_bt2 {position:relative; float:right; width:72px; height:24px; margin-left:20px;}
.video_star_wrap {position:relative; float:right; width:65px; height:24px; background:url("../img/main/video_star_bg.png") no-repeat 0% 50%; background-size:65px 13px;}
.video_star_wrap ul li {position:relative; float:left; width:13px; height:24px; background:url("../img/main/video_star.png") no-repeat 0% 50%; background-size:13px 13px;}


.m_notice_bar {position:relative; width:100%; height:50px; background:#fff; border-bottom:1px solid #e6e8ee; box-sizing:border-box;}
.m_notice_title {position:absolute; width:150px; height:20px; left:15px; top:17px; font-weight:bold; text-align:left; font-size:13px; letter-spacing:-1px;}
.notice_arr {position:absolute; width:20px; height:20px; right:15px; top:15px; background:url("../img/main/arr2.png")no-repeat 100% 50%; background-size:6px 9px;}
.notice_arr a{display:block; width:20px; height:20px;}
.m_notice_list {position:relative; width:100%;}
.m_notice_list ul li {position:relative; width:100%; height:50px; background:#fff; border-bottom:1px solid #e6e8ee; box-sizing:border-box; letter-spacing:-1px;}
.m_notice_list ul li a {display:block; width:100%; height:50px; padding-left:15px; padding-top:16px; box-sizing:border-box; color:#4c4c4c;}
.m_notice_list ul li:nth-last-child(1) {border-bottom:0px;}

.notice_list {position:relative; width:100%;}
.notice_list ul li {position:relative; width:100%; height:50px; background:#fff; border-bottom:1px solid #e6e8ee; box-sizing:border-box; letter-spacing:-1px;}
.notice_list ul li a {display:block; width:100%; height:50px; padding-left:15px; padding-top:16px; box-sizing:border-box; color:#4c4c4c;}
.notice_tit_wrap {position:relative; width:100%; background:#fff; border-bottom:1px solid #e6e8ee; box-sizing:border-box; padding:16px 15px; letter-spacing:-1px; font-weight:bold; line-height:150%;}
.notice_info_wrap {position:relative; width:100%; height:50px; background:#fff; border-bottom:1px solid #e6e8ee; box-sizing:border-box; padding-left:15px; padding-top:16px; letter-spacing:-1px; line-height:150%; color:#4c4c4c;}
.notice_txt_wrap {position:relative; width:100%; min-height:200px; background:#fff; box-sizing:border-box; padding:25px 15px;; letter-spacing:-1px; line-height:160%; color:#4c4c4c; text-align:left;}


/* list */
.list_wrap {position:relative; width:100%;}
.list_wrap ul li {position:relative; width:100%; height:94px; border-bottom:1px solid #e6e8ee; box-sizing:border-box; padding:10px 15px; letter-spacing:-1px;}

.thumbnail {position:relative; float:left; width:103px; height:72px; border-radius:3px;}
.thumbnail a {display:block; width:103px; height:72px;}
.list_txt {position:relative; float:left; width:190px; height:72px; margin-left:20px; text-align:left; line-height:150%; box-sizing:border-box; padding-top:8px;}

.lo_space {position:relative; width:100%; height:5px; box-sizing:border-box; background:#e6e8ee; border-top:1px solid #d8dae3; border-bottom:1px solid #d8dae3;}


/*  my */
.my_menu_wrap {position:relative; width:100%; height:50px;}
.my_menu_wrap ul li {position:relative; float:left; width:25%; height:50px; border-right:1px solid #e6e8ee; box-sizing:border-box; text-align:center; font-weight:bold; background:url("../img/main/menu_off.png") 0% 100% repeat-x; background-size:1px 5px; font-size:13px; letter-spacing:-1px;}
.my_menu_wrap ul li a {display:block; width:100%; height:50px; box-sizing:border-box; padding-top:16px; color:#000;}
.my_menu_wrap ul li .on {background:url("../img/main/menu_on.png") 0% 100% repeat-x; background-size:1px 5px; color:#3363f1; font-weight:bold;}
.my_menu_wrap ul li:nth-last-child(1) {border-right:0px;}

.my_tit_wrap {position:relative; width:100%; height:75px; box-sizing:border-box; padding-top:30px; padding-left:50px; color:#fff; font-weight:bold; background:#3363f1 url("../img/main/pic_time.png")no-repeat 15px 50%; background-size:26px 26px; font-size:13px; letter-spacing:-1px;}
.my_tit_wrap2 {position:relative; width:100%; height:75px; box-sizing:border-box; padding-top:30px; padding-left:50px; color:#fff; font-weight:bold; background:#3363f1 url("../img/main/pic_lect.png")no-repeat 15px 50%; background-size:26px 26px; font-size:13px; letter-spacing:-1px;}
.my_tit_wrap3 {position:relative; width:100%; height:75px; box-sizing:border-box; padding-top:30px; padding-left:50px; color:#fff; font-weight:bold; background:#3363f1 url("../img/main/pic_notice.png")no-repeat 15px 50%; background-size:26px 26px; letter-spacing:-1px;}
.my_tit_wrap4 {position:relative; width:100%; height:75px; box-sizing:border-box; padding-top:30px; padding-left:50px; color:#fff; font-weight:bold; background:#3363f1 url("../img/main/pic_terms.png")no-repeat 15px 50%; background-size:26px 26px; letter-spacing:-1px;}

.my_info_wrap {position:relative; width:100%;}
.my_info_wrap ul li {position:relative; width:100%; height:46px; border-bottom:1px solid #e6e8ee; box-sizing:border-box; padding-left:15px; padding-top:15px; font-weight:bold; letter-spacing:-1px;}
.my_info_wrap ul li:nth-last-child(1) {border-bottom:0px;}
.my_arr {position:absolute; width:20px; height:20px; right:15px; top:13px; background:url("../img/main/arr2.png")no-repeat 100% 50%; background-size:6px 9px;}
.my_arr a{display:block; width:20px; height:20px;}

.no_cont {position:relative; width:100%; height:50px; border-bottom:1px solid #e6e8ee; box-sizing:border-box; padding-top:16px; text-align:center; color:#545454; letter-spacing:-1px;}

.cont_video_info {position:relative; width:100%; height:46px; background:#1c263a; box-sizing:border-box; padding-top:13px; padding-left:15px;}
.cont_video_info_w {position:relative; width:300px; height:20px;}

.cont_menu_wrap {position:relative; width:100%; height:50px;}
.cont_menu_wrap ul li {position:relative; float:left; width:33%; height:50px; border-right:1px solid #e6e8ee; box-sizing:border-box; text-align:center; font-weight:bold; background:url("../img/main/menu_off.png") 0% 100% repeat-x; background-size:1px 5px; font-size:13px; letter-spacing:-1px;}
.cont_menu_wrap ul li a {display:block; width:100%; height:50px; box-sizing:border-box; padding-top:16px; color:#000;}
.cont_menu_wrap ul li .on {background:url("../img/main/menu_on.png") 0% 100% repeat-x; background-size:1px 5px; color:#3363f1; font-weight:bold;}
.cont_menu_wrap ul li:nth-last-child(1) {border-right:0px;}

.cont_tit_wrap {position:relative; width:100%; height:81px; border-bottom:1px solid #e6e8ee; box-sizing:border-box; padding-left:15px; padding-top:21px; font-weight:bold; line-height:160%; letter-spacing:-1px;}
.cont_txt_wrap {position:relative; width:100%; border-bottom:1px solid #e6e8ee; box-sizing:border-box; padding:18px 15px 25px 15px; letter-spacing:-1px; line-height:150%;}
.cont_butt_wrap {position:relative; width:100%; height:50px; box-sizing:border-box; background:#6e6e6e; text-align:center;}
.cont_butt_wrap a {display:block; width:100%; height:50px; box-sizing:border-box; color:#fff; font-weight:bold; padding-top:16px;}

.cont_rep_wrap {position:relative; width:100%; box-sizing:border-box; padding:30px 0px 0px 0px;}
.cont_rep_wrap2 {position:relative; width:100%;}
.cont_rep_wrap3 {position:relative; width:100%; margin-bottom:18px; text-align:center;}
.cont_star_wrap {position:relative; width:130px; height:26px; margin:0 auto;}
.cont_star_wrap ul li {position:relative; float:left; width:26px; height:26px; background:url("../img/main/star_c.png") no-repeat 0% 50%; background-size:26px 26px;}
.cont_star_wrap ul li.on_star {background:url("../img/main/star_c_on.png") no-repeat 0% 50%; background-size:26px 26px;}
.cont_star_wrap ul li a {display:block; width:26px; height:26px;}
.cont_star_wrap2 {position:relative; float:left; height:20px; width:60px; background:url("../img/main/star_bg.png") no-repeat 0% 50%; background-size:60px 12px;}
.cont_star_wrap2 ul li {position:relative; float:left; width:12px; height:20px; background:url("../img/main/star2.png") no-repeat 0% 50%; background-size:12px 12px;}
.cont_rep_wrap4 {position:relative; width:100%; box-sizing:border-box; text-align:left; color:#4c4c4c; line-height:150%; letter-spacing:-1px;}
.cont_rep_wrap4 > ul > li {position:relative; width:100%; box-sizing:border-box; padding:10px 15px; border-bottom:1px solid #e6e8ee;}
.cont_rep_wrap4 > ul > li:nth-last-child(1) {border-bottom:0px;}


/* contents */
.cont_search_wrap {position:relative; width:100%; height:50px; box-sizing:border-box; padding:5px 15px; background: #e6e8ee; border-bottom:1px solid #d8dae3;}
.cont_cate_wrap {position:relative; width:100%; box-sizing:border-box; background:#fff;}
.cont_cate_wrap ul li {position:relative; float:left; width:33%; height:50px; box-sizing:border-box; border-right:1px solid #e6e8ee; border-bottom:1px solid #e6e8ee; background:#fff; text-align:center; font-weight:bold;}
.cont_cate_wrap ul li a {display:block; width:100%; height:50px; box-sizing:border-box; padding-top:16px; color:#000; letter-spacing:-1px;}
.cont_cate_wrap ul li.on_cate {background:#3363f1;}
.cont_cate_wrap ul li.on_cate a {display:block; width:100%; height:50px; box-sizing:border-box; padding-top:16px; letter-spacing:-1px; color:#fff;}
.cont_cate_wrap ul li:nth-child(3n+2) {width:34%;}
.cont_cate_wrap ul li:nth-child(3n+3) {border-right:0px}


/* 정보아이콘 */
.info_ic_1 {position:relative; float:left; height:20px; padding:2px 15px 0px 23px; background:url("../img/main/info_ic1.png") no-repeat 0px 50%; background-size:18px 18px; font-size:12px; color:#b3b5b8; box-sizing:border-box;}
.info_ic_2 {position:relative; float:left; height:20px; padding:2px 15px 0px 23px; background:url("../img/main/info_ic2.png") no-repeat 0px 50%; background-size:18px 18px; font-size:12px; color:#b3b5b8; box-sizing:border-box;}
.info_ic_3 {position:relative; float:left; height:20px; padding:2px 15px 0px 23px; background:url("../img/main/info_ic3.png") no-repeat 0px 50%; background-size:18px 18px; font-size:12px; color:#b3b5b8; box-sizing:border-box;}
.info_ic_4 {position:relative; float:left; height:20px; width:60px;}
.info_ic_4 ul li {position:relative; float:left; width:12px; height:20px; background:url("../img/main/star.png") no-repeat 0% 50%; background-size:12px 12px;}


/* page_num */
.page_num_wrap {position:relative; width:100%; box-sizing:border-box; padding-top:20px; padding-bottom:20px;}
.page_num {position:relative; text-align:center; height:28px; margin:0 auto;}
.page_num ul {display:inline-block;}
.page_num ul li {width:28px;  height:28px; float:left; text-align:center; border-top:1px solid rgba(107,107,107,.2); border-left:1px solid rgba(107,107,107,.2); border-bottom:1px solid rgba(107,107,107,.2);}
.page_num ul li a {display:inline-block; width:28px;  height:28px; box-sizing:border-box; color:rgba(107,107,107,.8); padding-top:6px; font-size:10px;}
.page_num ul li a:hover {color:rgba(107,107,107,.8);}
.page_num ul li:nth-child(1) {border-top-left-radius:3px; border-bottom-left-radius:3px;}
.page_num ul li:nth-last-child(1) {border-right:1px solid rgba(107,107,107,.2); border-top-right-radius:3px; border-bottom-right-radius:3px;}

/* form */
textarea.reptxt1 {width:100%; height:70px; vertical-align:top; text-align:left; line-height:150%; padding:10px 15px; color:#5e5e5e; border-top:4px solid #e3430d; border-left:2px solid #e3430d; border-right:2px solid #e3430d; font-family:'Nanum Gothic','맑은 고딕',돋움,Dotum,sans-serif; overflow-x:hidden; overflow-y:auto; box-sizing:border-box; font-size:12px; border-radius:0px; letter-spacing:-1px;}
input.ser_but1 {background:#e3430d; width:100%; height:50px; cursor:pointer; color:#fff; font-weight:bold; box-sizing:border-box; font-size:12px; font-family:'Nanum Gothic','맑은 고딕',돋움,Dotum,sans-serif; border-radius:0px;}
input.ser_but2 {background:URL(../img/main/bt_search.png) no-repeat 100% 50% transparent; width:12%; height:40px; cursor:pointer; color:#ffffff; background-size:17px 17px; border-radius:0px;}
input.ser_01 {width:88%; height:40px; border-radius:0px; color:#5e5e5e; font-size:12px; font-family:'Nanum Gothic','맑은 고딕',돋움,Dotum,sans-serif; background-color:transparent;}