@charset "utf-8";

/* reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td
{ margin:0;  padding:0;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0; vertical-align:top;}
address,caption,cite,code,dfn,var {font-style:normal; font-weight:normal; }
ol,ul {list-style: none; }
caption,th { text-align:left;}
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight:normal;}
q:before,q:after {content:"";}
a{outline:0;   text-decoration:none;}
em { font-style:normal; }
body { font: 12px /1 "나눔고딕";  font-family: 'Nanum Gothic';  font-family: 'Nanum Gothic'; color: #000;  }
.h { position:absolute; left:-99999px; }

.input45 {height: 25px; width: 45px; border: 1px solid #999; }
.input50 {height: 25px; width: 50px; border: 1px solid #999; }
.input120 {height: 25px; width: 120px; border: 1px solid #999; }
.input130 {height: 25px; width: 130px; border: 1px solid #999; }
.input290 {height: 25px; width: 290px; border: 1px solid #999; }
.input455 {height: 25px; width: 455px; border: 1px solid #999; }

.mt10 {margin-top: 10px; }
.mt15 {margin-top: 15px; }
.mt20 {margin-top: 20px; }
.mt25 {margin-top: 25px; }
.mt30 {margin-top: 30px; }
.mt35 {margin-top: 35px; }
.mt40 {margin-top: 40px; }
.mt45 {margin-top: 45px; }
.mt50 {margin-top: 50px; }
.mt60 {margin-top: 60px; }
.mt70 {margin-top: 70px; }
.mt80 {margin-top: 80px; }
.mt90 {margin-top: 90px; }
.mt100 {margin-top: 100px; }

.fb163{ font: bold 16px/1.5 "나눔고딕";  font-family: 'Nanum Gothic';  color: #0066cc; font-family: 'Nanum Gothic';}
.fb162 {font: bold 16px/1.5 "나눔고딕";  font-family: 'Nanum Gothic';  color: #015d9e; font-family: 'Nanum Gothic';}
.fb161  {font: bold 16px/1.2 "나눔고딕";  font-family: 'Nanum Gothic';  color: #000; font-family: 'Nanum Gothic';}
.fb131 {font: bold 13px/1.2 "나눔고딕";  font-family: 'Nanum Gothic';   color: #999; font-family: 'Nanum Gothic';}
.fb132 {font: bold 13px/1.2 "나눔고딕";  font-family: 'Nanum Gothic';  color: #0e4b71; font-family: 'Nanum Gothic';}
.fb133 {font: bold 13px/1.2 "나눔고딕";  font-family: 'Nanum Gothic';  color: #c22a10; font-family: 'Nanum Gothic';}
.fb134 {font: bold 13px/1.5 "나눔고딕";  font-family: 'Nanum Gothic';  color: #034ab4; border-bottom: 1px solid #034ab4; font-family: 'Nanum Gothic';}
.fb135 {font: bold 13px/1.5 "나눔고딕";  font-family: 'Nanum Gothic';  color: #d1021f; border-bottom: 1px solid #d1021f; font-family: 'Nanum Gothic';}
.fb136 {font: bold 13px/1.5 "나눔고딕";  font-family: 'Nanum Gothic';  color: #d32100; font-family: 'Nanum Gothic';}
.fb137 {font: bold 13px/1.5 "나눔고딕";  font-family: 'Nanum Gothic';  color: #0066cc; font-family: 'Nanum Gothic';}
.fb138 {font: bold 13px/1.5 "나눔고딕";  font-family: 'Nanum Gothic';  color: #3b5998; font-family: 'Nanum Gothic';}
.fb139 {font: bold 13px/1.5 "나눔고딕";  font-family: 'Nanum Gothic';  color: #2e7cb3; font-family: 'Nanum Gothic';}

.f200 {font: 20px/1.2 "나눔고딕";  font-family: 'Nanum Gothic';  color: #000; font-family: 'Nanum Gothic';}
.f134 {font: 13px/1.2 "나눔고딕";  font-family: 'Nanum Gothic';  color: #999; font-family: 'Nanum Gothic';}
.f135 {font: 13px/1.2 "나눔고딕";  font-family: 'Nanum Gothic';  color: #000; font-family: 'Nanum Gothic';}
.f136 {font: 13px/1.2 "나눔고딕";  font-family: 'Nanum Gothic';  color: #333; font-family: 'Nanum Gothic';}
.f137 {font: 13px/1.2 "나눔고딕";  font-family: 'Nanum Gothic';  color: #015d9e; font-family: 'Nanum Gothic';}
.f138 {font: 13px/1.2 "나눔고딕";  font-family: 'Nanum Gothic';  color: #0e4b71; font-family: 'Nanum Gothic';}
.f121 {font: 12px/1.5 "나눔고딕";  font-family: 'Nanum Gothic';  color: #474747; font-family: 'Nanum Gothic';}
.f122 {font: 12px/1.2 "나눔고딕";  font-family: 'Nanum Gothic';  color: #d1021f; font-family: 'Nanum Gothic';}
.f123 {font: 12px/1.5 "나눔고딕";  font-family: 'Nanum Gothic';  color: #3388ff; font-family: 'Nanum Gothic';}
.f124 {font: 12px/1.6 "나눔고딕";  font-family: 'Nanum Gothic';  color: #3b5998; font-family: 'Nanum Gothic';}
.f125 {font: 12px/1.2 "나눔고딕";  font-family: 'Nanum Gothic';  color: #333; font-family: 'Nanum Gothic';}
.f125 {font: 12px/1.2 "나눔고딕";  font-family: 'Nanum Gothic';  color: #999; font-family: 'Nanum Gothic';}

/*header-mainGnb*/
#header {width: 100%; min-width: 1400px; height: 135px; margin: 0 auto; margin-bottom: 20px;  background: #ffffff; }

.mainGnb {width: 1290px; height: 55px; background: #ffffff;  margin: 0 auto; position: relative; } 
.mainGnb h1 {margin: 10px 30px 0px 0px;  float: left; }
.mainGnb>ul>li {float: left; height: 30px; margin-top: 25px; }
.mainGnb>ul>li>a {display: block; height: 30px; }
.logIn {display: block; float: right; width: 100px; height: 19px; font-size: 11px; margin: 0px; padding: 28px 0px 0px 15px; color: #000; background: url(../../images/content/editeWorksheets/icon_unlock.png) no-repeat 0px 28px;  }

/*main gnb*/
.mainGnbList li a span {font-size: 13px; color: #999; }
.depth3 {padding: 3px 0px 8px 16px; }

/*headerNavi */
.headerNaviWrap {width: 100%; min-width: 1400px; height: 80px; margin:0 auto;  background: #467fc1; position: relative;}
.headerNavi {width: 1290px; height: 80px; margin: 0 auto; background:url(../../images/content/editing_th/top_th_flca.png) no-repeat 0px 0px; position: relative; }


/*HOT ICON*/
.headerNavi_icon { float: right; position: absolute; top: 30px; right: 5px;  }
.headerNavi_icon li {float: left;  }
.hnIcon {margin: 0px 6px;}

/* subGnb*/
.subGnb {height: 75px; position: absolute; bottom: -52px; left: 0px;  }
.subGnb ul li { float: left; }

/* 탭버튼 관련 */
.TabBtns {float:left; width:890px; height: 27px; margin-left:30px; margin-top:25px; margin-bottom:20px; }
.TabBtns ul li { float: left; }

.TabBtn_1 {display: block; width: 110px; height: 27px; text-indent: -99999px; background:url(../../images/content/editing_th/tabbtn_01_flca.png) no-repeat 0px 0px; }
.TabBtn_1:hover {background-position: 0px -27px; }
.TabBtn_1.on {background-position: 0px -27px; }
.TabBtn_2 {display: block; width: 120px; height: 27px; text-indent: -99999px; background:url(../../images/content/editing_th/tabbtn_02_ws.png) no-repeat 0px 0px; }
.TabBtn_2:hover {background-position: 0px -27px; }
.TabBtn_2.on {background-position: 0px -27px; }
.TabBtn_3 {display: block; width: 120px; height: 27px; text-indent: -99999px; background:url(../../images/content/editing_th/tabbtn_03_game.png) no-repeat 0px 0px; }
.TabBtn_3:hover {background-position: 0px -27px; }
.TabBtn_3.on {background-position: 0px -27px; }
.TabBtn_4 {display: block; width: 80px; height: 27px; text-indent: -99999px; background:url(../../images/content/editing_th/tabbtn_04_crafts.png) no-repeat 0px 0px; }
.TabBtn_4:hover {background-position: 0px -27px; }
.TabBtn_4.on {background-position: 0px -27px; }
.TabBtn_5 {display: block; width: 120px; height: 27px; text-indent: -99999px; background:url(../../images/content/editing_th/tabbtn_05_wallcharts.png) no-repeat 0px 0px; }
.TabBtn_5:hover {background-position: 0px -27px; }
.TabBtn_5.on {background-position: 0px -27px; }
.TabBtn_6 {display: block; width: 340px; height: 27px; text-indent: -99999px; background:url(../../images/content/editing_th/tabbtn_06_bg.png) no-repeat 0px 0px; }