@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';  color: #000;  background: url(../../images/content/main/bg_site.png) repeat-x 0px 0px;}
.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; }
.fb162 {font: bold 16px/1.5 "나눔고딕";  font-family: 'Nanum Gothic';  color: #015d9e; }
.fb161  {font: bold 16px/1.2 "나눔고딕";  font-family: 'Nanum Gothic';  color: #000; }
.fb131 {font: bold 13px/1.2 "나눔고딕";  font-family: 'Nanum Gothic';   color: #999; }
.fb132 {font: bold 13px/1.2 "나눔고딕";  font-family: 'Nanum Gothic';  color: #0e4b71; }
.fb133 {font: bold 13px/1.2 "나눔고딕";  font-family: 'Nanum Gothic';  color: #c22a10; }
.fb134 {font: bold 13px/1.5 "나눔고딕";  font-family: 'Nanum Gothic';  color: #034ab4; border-bottom: 1px solid #034ab4; }
.fb135 {font: bold 13px/1.5 "나눔고딕";  font-family: 'Nanum Gothic';  color: #d1021f; border-bottom: 1px solid #d1021f; }
.fb136 {font: bold 13px/1.5 "나눔고딕";  font-family: 'Nanum Gothic';  color: #d32100; }
.fb137 {font: bold 13px/1.5 "나눔고딕";  font-family: 'Nanum Gothic';  color: #0066cc; }
.fb138 {font: bold 13px/1.5 "나눔고딕";  font-family: 'Nanum Gothic';  color: #3b5998; }
.fb139 {font: bold 13px/1.5 "나눔고딕";  font-family: 'Nanum Gothic';  color: #2e7cb3; }

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



/* Content */
#container {width: 1290px; margin: 0 auto; position: relative; }
.contents {width: 1290px; margin: 0 auto; position: relative; }


/* Content - Word Plate */
.Selection {width: 950px; float:left; border-radius: 0px 0px 10px 10px; background: #fff; margin-top:10px; margin-right:20px;} 
.s_word { font: 15px/1.7 "나눔고딕";  font-family: 'Nanum Gothic';  color: #ffffff;  clear:both;}
.s_word li {float:left; margin-left:70px; }

/* Content - Word Plate - Btns */
.wordbox {float:left; width:95px; height:20px; margin-left:65px; margin-top:10px;}
a.wordbox {display: block; width: 95px; height: 20px; background:url(../../images/content/editing_th/btn_wordbox.png) no-repeat 0px 0px;}
.save {float:left; width:65px; height:20px; margin-left:570px; margin-top:10px;}
a.save {display: block; width: 65px; height: 20px; background:url(../../images/content/editing_th/btn_save.png) no-repeat 0px 0px;}
.empty {float:left; width:78px; height:20px; margin-left:10px; margin-top:10px;}
a.empty {display: block; width: 78px; height: 20px; background:url(../../images/content/editing_th/btn_empty.png) no-repeat 0px 0px;}


/* Content - Game Option */
.gameBoard { width:310px; float:left; margin-top:25px; margin-left:50px; }
.gameBoard_01 {width:310px; height:40px; background:url(../../images/content/editing_th/box_game_01.png) no-repeat 0px 0px;}
.gameBoard_02 {width:308x; background:url(../../images/content/editing_th/box_game_02.png) repeat; padding-bottom:15px; border-right:2px solid #abcde0; overflow: auto; z-index: 1; overflow: auto; height: 415px; right:-2px; }
.gameBoard_03 {width:310px; height:15px; background:url(../../images/content/editing_th/box_game_03.png) no-repeat 0px 0px; margin-bottom:40px; }
.gamelist { display:block; margin-top:5px; margin-bottom:5px; margin-left:40px; }
.gamelist li { font: 12px/1.7 "나눔고딕";  font-family: 'Nanum Gothic';  color: #000000; margin-bottom:5px; }
.checked { font: bold 12px/1.7 "나눔고딕";  font-family: 'Nanum Gothic';  color: #000000; margin-bottom:5px; }
.radio { width:15px; height:15px; vertical-align:middle; margin-right:5px; margin-bottom: 5px;}


/* Content - Game Preview */
.preview { width:375px; float:left; margin-left:30px; margin-top:25px; }
.pre_title { font: 17px/1.7 "나눔고딕";  font-family: 'Nanum Gothic';  font-weight:600; color: #000000; height:35px; margin-top:5px; }
.pre_thumb_h { width: 365px; height: 270px; border:1px solid #999999; }
.pre_thumb_v { width: 270px; height: 365px; border:1px solid #999999; }
.howto { width:365px; float:left; margin-top:15px; font: 12px/1.7 "나눔고딕";  font-family: 'Nanum Gothic';  color: #000000; margin-bottom: 40px; }

/* Content - Btns */
.btns {width:115px; margin: 0 auto; float:left; margin-left:20px; margin-top:65px;  }
.btns li { margin-bottom:10px;}


/* Content - Word Category */
.category {width:320px; float:left; margin-top:10px; margin-bottom:30px;}  
.tabGnb {width:320px; height:40px; }
.tabGnb>ul>li {float: left; height: 40px; display: block;}

.categoryBoard {width:318px; border-radius: 0px 0px 0px 10px; background: #fff; padding-top:15px; padding-bottom:15px; border-left:solid 1px #abcde0; border-right: solid 1px #abcde0; border-bottom:solid 1px #abcde0; overflow: auto; z-index: 1; overflow: auto; height: 580px;}
.folder {display:block; margin-left:15px;}
.folder li { font: 12px/1.7 "나눔고딕";  font-family: 'Nanum Gothic';  color: #000000; }
.list { display:block; margin-top:5px; margin-bottom:5px; margin-left:10px;}
.list li { font: 12px/1.7 "나눔고딕";  font-family: 'Nanum Gothic';  color: #666666;}
.none {display:block; margin-top:150px; margin-left:90px;}

a { font: 12px/1.7 "나눔고딕";  font-family: 'Nanum Gothic';  color: #000000; }
a.pin  {font: 12px/1.7 "나눔고딕";  font-family: 'Nanum Gothic';  color: #0033ff; text-decoration:underline; }
.checkbox {width:15px; height:15px; vertical-align:text-top; margin-left: 10px; margin-right:5px;}