@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
html{-webkit-text-size-adjust:auto; -webkit-tap-highlight-color: rgba(0, 0, 0, 0)}
body,div,ul,li,dl,dt,dd,ol,p,h1,h2,h3,h4,h5,h6,form {margin:0;padding:0;}
body{background:#fff; background-repeat: repeat-x; }
a{text-decoration:none;}
ul,ol,dl {list-style:none;}
img {border:0;}

form, fieldset, input, textarea, select{margin:0;padding:0;}
label, select, input, textarea {vertical-align:middle;	}
fieldset {border:none;}

/*main*/
.m-sub-bg  { background:url(./images/m_sub_bg.png); }
.sub-bg  { background-color:#ffd566; }
body { font-family:"nanumgothiccoding";}
#wrap_main{ width:100%; margin:0 auto; position:relative;  position:relative;}
.notice { position:relative; width:100%;   text-align:center; padding:120px 0; background:url(./images/notice_bg.png); background-repeat:repeat;}

/*main_0513*/

#wrap {width:100%; margin:0 auto; position:relative; position:relative;}
.top {}
.top-button-ot { }
.btn-wrap {text-align:center; width:100%;  padding-bottom:50px; text-align:center;}
.btn {margin:0 auto; width:100%;}

ul {list-style:none;  margin:0 auto;}
li {display:inline;  float:left;}
.pad {padding-right:2%;} 
.m-event{width:100%}

/*sub_0513*/
.title { padding:10px 0 40px 0; border-bottom:3px solid #ff1e18; margin:0 auto; height:10px;}
.title ul {width:90%; margin:0 auto; }
.title li {display:inline; *display:inline; *zoom:1;}

.page-prev {/*position:absolute; left:0; top:0px;*/}
.title-txt{ padding-top:1%; font-size:18px; color:#272727; font-weight:bold;}
.txt-math {color:#e74327;}


.btn-unit-wrap {background-color:#e2e2e2; width:100%; margin:0 auto; height:100px;}
.btn-unit {margin:0 auto; width:90%; vertical-align:middle;  padding-top:4px; text-align:center; /*border:#003 solid 2px;*/ height:92px;}
.btn-unit ul {padding:0; }
.btn-unit li {display:inline; *display:inline; }
.btn-unit-on {width:30.56%; margin:5px 3px;  background-color:#4bd0d2;  text-align:center; vertical-align:middle; padding:10px 1px; color:#fff; font-weight:bold; font-size:14px;}
.btn-unit-on a {color:#fff; font-weight:bold; font-size:14px; display:block;}
.btn-unit-off  {width:30.56%; margin:5px 3px;  background-color:#fff;  text-align:center; vertical-align:middle; padding:10px 1px; color:#272727; font-weight:bold; font-size:14px;}
.btn-unit-off  a {color:#272727; font-weight:bold; font-size:14px; display:block;}

.btn-unit2-on {width:94%; margin:5px 3px;  background-color:#4bd0d2;  text-align:center; vertical-align:middle; padding:10px 1px; color:#fff; font-weight:bold; font-size:14px;}
.btn-unit2-on a {color:#fff; font-weight:bold; font-size:14px; display:block;}
.btn-unit2-off  {width:94%; margin:5px 3px;  background-color:#fff;  text-align:center; vertical-align:middle; padding:10px 1px; color:#272727; font-weight:bold; font-size:14px;}
.btn-unit2-off  a {color:#272727; font-weight:bold; font-size:14px; display:block;}

.tab-wrap {background-color:#676e79; width:100%; margin:0 auto; height:58px; background-color:#676e79;}
.tab {margin:0 auto; width:90%; vertical-align:middle;  padding-top:14px;}
.tab ul { padding:0; }
.tab li { padding:0; display:inline;}
.tab .on {width:50%; background-color:#ffdb00;  text-align:center; vertical-align:middle; padding:14px 0px;}
.tab .on  a { display:block;  color:#221208; font-weight:bold; font-size:14px; }
.tab .off {width:50%; background-color:#49566c;  text-align:center; vertical-align:middle; padding:14px 0px; }
.tab .off  a { display:block; color:#b7b7b7; font-weight:bold; font-size:14px; }

.vod-wrap {width:90%; margin:0 auto;}
.vod-txt {margin-top:30px; padding: 0 0 20px 0; font-size:16px; color:#272727; font-weight:bold;}
.vod-btn {margin-bottom:30px;}
.vod-btn ul{}
.vod-btn li{ padding:20px 0; background-color:#f62e00; width:100%; text-align:center; margin-bottom:10px;}
.vod-btn li a {color:#fff;font-weight:bold; font-size:14px; display:block;}



/*main_pc*/

#wrap-main-pc{ width:100%; margin:0 auto; /*position:relative;  position:relative;*/}
#pc-top { margin:0 auto; width:100%;  background: url(./images/bg_01_sub.png) repeat-x;}
#pc-grade { margin:0 auto; width:100%;  padding-top:59px;}
#pc-event { margin:0 auto; width:100%;background-color:#cef3ea; padding-bottom:200px;}

.pc-tit { margin:0 auto; width:1663px; height:274px; text-align:center; background: url(./images/top_sub.png) no-repeat;}
.pc-vod { margin:0 auto; width: 824px; text-align:center; padding-bottom:37px; }

.pc-grade-tit { margin:0 auto; width:900px; text-align:center;}
.pc-grade-button { margin:0 auto; width:900px; text-align:center; padding:37px 0 90px 0;}
.pc-grade-pad {padding-right:20px;}

.pc-event-tit { margin:0 auto; width:824px; text-align:center; }
.pc-event-con { margin:0 auto; width:824px; text-align:center; }

/*sub_pc*/
.pc-sub-con { margin:0 auto; width:1000px; text-align:center; }
.pc-sub-contit { margin:0 auto; width:940px; height:38px; text-align:center; background-color:#ffe2db; padding:20px 30px; color:#444;}
.pc-sub-contxt {  font-weight:bold; font-size:28px; width:728px; float:left; padding:6px 0; letter-spacing:-0.06em;}
.btn_back {width:106px; height:40px; float:left;}


.math-txt { color:#f62e00;}
.sub-line { margin:0 auto; background:url(./images/pc_sub_line.png); background-repeat:repeat; width:1000px; height:2px;  background-color:#ffe2db;  }

.pc-unit-button { margin:0 auto; width:920px; height:44px; text-align:center; background-color:#ececec; padding:30px 40px; }
.pc-unit-button ul { margin:0 auto; padding:0; width:920px; text-align:center; }
.pc-unit-button ul a { font-weight:bold; font-size:15px; color:#3b3b3b;}
.pc-unit-button li {display:inline; *display:inline; *zoom:1; padding-top:14px;   border: solid 1px #886d55; width:141px; height:28px; text-align:center; vertical-align:middle;}

.unit-button-pad { margin-right:10px; background-color:#fff;}
.unit-button-pad_on { margin-right:10px; background-color:#4bd0d2;}
.pc-unit-button .append { background-color:#cef3ea;}

.pc-tab { margin:0 auto; width:920px; height:58px; text-align:center; background-color:#676e79; padding:11px 40px 0 40px;}
.pc-tab ul { padding:0; }
.pc-tab li { padding:0; display:inline; }
.pc-tab-pad { margin:0 auto; width: 1000px; height:40px; background-color:#fff; }

.pc-subvod{ margin:0 auto; width:920px; height:2000px; background-color:#fff; padding:30px 40px;  }
.pc-subvod-buttit { font-weight:bold; font-size:23px; color:#2f75ea; margin:16px 0 20px 0; letter-spacing:-0.06em;}
.pc-subvod ul { text-align:center; }
.pc-subvod ul  a { font-size:19px; font-weight:bold; color:#f65d00;}
.pc-subvod li { display:inline; *display:inline; *zoom:1;  border-top: solid 2px #ccc;  border-bottom: solid 2px #ccc;  text-align:center; width:100%; padding: 23px 0; background-color:#fff;  background:url(./images/pc_sub_go.png) no-repeat 97% center; cursor:pointer; margin-bottom:20px;}
.pc-subvod .pad {margin-bottom:20px; }