@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; }

.fb151 { font: bold 15px/1.7 "나눔고딕";  font-family: 'Nanum Gothic';  color: #ffff00; }
.fb151_2 { font: bold 15px/1.7 "verdana"; color: #ffff00; }
.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; }

.fb130 {font: bold 12px/1.7 "나눔고딕";  font-family: 'Nanum Gothic';  color: #000000; letter-spacing:0.02em; float:left; }
.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; }


/* Left Menu */
.leftmenu { width:230px; float:left; margin: 0 quto; position:relative; }
.leftmenu li { text-indent:30px; line-height:180%;}
.leftmenu_t { width:230px; height:55px; background:url(../../images/content/editing_ph/phmenu_bg01.png) no-repeat 0px 0px; top:-7px; }
.leftmenu_m { width:230px; background:url(../../images/content/editing_ph/phmenu_bg02.png) repeat-y; padding-bottom:10px; padding-top:5px; }
.leftmenu_b { width:230px; height:25px; background:url(../../images/content/editing_ph/phmenu_bg03.png) no-repeat 0px 0px;}
.leftm_sub li  { text-indent:40px; line-height:180%;}

a.left_m { font: 15px/1.7 "나눔고딕";  font-family: 'Nanum Gothic';  color: #ffffff; letter-spacing:0.02em; }
a:hover.left_m { font: 15px/1.7 "나눔고딕";  font-family: 'Nanum Gothic';  letter-spacing:0.02em; color: #9ef3f3; text-decoration:underline ; }
a.left_m.on { font: 15px/1.7 "나눔고딕";  font-family: 'Nanum Gothic';  letter-spacing:0.02em; color: #9ef3f3; text-decoration:underline ; }

.left_m2 { font: 15px/1.7 "나눔고딕";  font-family: 'Nanum Gothic';  letter-spacing:0.02em; color: #9ef3f3; text-decoration:underline; font-weight:600; }
.arrow { width:15px; height:15px; vertical-align:middle; text-indent:-20px;}
.left_m3 { font: 15px/1.7 "나눔고딕";  font-family: 'Nanum Gothic';  letter-spacing:0.02em; color: #9ef3f3; }


/* Content - 워크시트 선택 */
.Selection {width: 1060px; float:left; margin: 0 auto; position:relative; border-radius: 0px 10px 10px 10px; background: #fff; margin-top:7px;} 
.tabBtns { height:30px; margin-left:40px; margin-top:20px;}
.tabBtns li { float: left; height: 30px; }
.op_plate_m { float:left; width:980px; margin-left:40px; background:url(../../images/content/editing_ph/tab_bg_02.png) repeat-y; padding-top:10px; }
.op_plate_b { float:left; width:980px; height:25px; margin-left:40px; background:url(../../images/content/editing_ph/tab_bg_03.png) no-repeat 0px 0px; margin-bottom: 30px; }


/* Content - Word Select */
.select { margin-left:60px; margin-bottom:10px; width:200px; float:left; }
.select li { font: bold 12px/1.7 "나눔고딕";  font-family: 'Nanum Gothic';  color: #e44240; letter-spacing:0.02em; float:left; }
a.select_btn { font: bold 12px/1.7 "나눔고딕";  font-family: 'Nanum Gothic';  color: #e44240; letter-spacing:0.02em; float:left; }


/* ----------------------------------------------------------------------------------Content 단어선택 Start  ------------------------------------------------------------------------------ */
.wordsWrap { width:940px; float:left; margin-left:60px; position:relative; }

  /* 2, 2, 2 정렬 */
.w1_group1 { width: 280px; float:left; margin-right:50px; }
.w1_group2 { width: 280px; float:left; margin-right:50px; }
.w1_group3 { width: 280px; float:left; }
.w1_subgroup { width: 140px; float:left; margin-bottom:25px; }
.w1_subgroup li { font: 13px/1.7 "나눔고딕";  font-family: 'Nanum Gothic';  color: #666666; letter-spacing:0.01em; }

  /* 1, 1, 1, 1, 1, 1 (총 6칸) 정렬 */
.w2_group1 { width: 140px; float:left; margin-right:20px; }
.w2_group2 { width: 140px; float:left; margin-right:20px; }
.w2_group3 { width: 140px; float:left; margin-right:20px; }
.w2_group4 { width: 140px; float:left; margin-right:20px; }
.w2_group5 { width: 140px; float:left; margin-right:20px; }
.w2_group6 { width: 140px; float:left; }
.w2_subgroup { width: 140px; float:left; margin-bottom:25px; }
.w2_subgroup li { font: 13px/1.7 "나눔고딕";  font-family: 'Nanum Gothic';  color: #666666; letter-spacing:0.01em; }

  /* 1, 1, 1, 1, 1, 1, 1 (총 7칸) 정렬 */
.w3_group1 { width: 120px; float:left; margin-right:16px; }
.w3_group2 { width: 120px; float:left; margin-right:17px; }
.w3_group3 { width: 120px; float:left; margin-right:16px; }
.w3_group4 { width: 120px; float:left; margin-right:17px; }
.w3_group5 { width: 120px; float:left; margin-right:17px; }
.w3_group6 { width: 120px; float:left; margin-right:17px; }
.w3_group7 { width: 120px; float:left; }
.w3_subgroup { width: 140px; float:left; margin-bottom:25px; }
.w3_subgroup li { font: 13px/1.7 "나눔고딕";  font-family: 'Nanum Gothic';  color: #666666; letter-spacing:0.01em; }

  /* 3, 3 정렬 */
.w4_group1 { width: 420px; float:left; margin-right:50px;}
.w4_group2 { width: 420px; float:left; margin-bottom:40px;}
.w4_subgroup { width: 140px; float:left; margin-bottom:25px; }
.w4_subgroup li { font: 13px/1.7 "나눔고딕";  font-family: 'Nanum Gothic';  color: #666666; letter-spacing:0.01em; }

  /* 5칸 정렬*/
.w5_group1 { width: 700px; float:left; margin-right:50px;}
.w5_subgroup { width: 140px; float:left; margin-bottom:25px; }
.w5_subgroup li { font: 13px/1.7 "나눔고딕";  font-family: 'Nanum Gothic';  color: #666666; letter-spacing:0.01em; }

  /* 4칸 2칸 정렬 */
.w6_group1 { width: 560px; float:left; margin-right:50px;}
.w6_group2 { width: 280px; float:left;}
.w6_subgroup { width: 140px; float:left; margin-bottom:25px; }
.w6_subgroup li { font: 13px/1.7 "나눔고딕";  font-family: 'Nanum Gothic';  color: #666666; letter-spacing:0.01em; }

/* 1칸 정렬 (사이여백 없음) */
.w7_group1 { width: 130px; float:left; margin-right:20px; }
.w7_group2 { width: 130px; float:left; margin-right:50px; }
.w7_group3 { width: 130px; float:left; margin-right:20px; }
.w7_group4 { width: 130px; float:left;}
.w7_subgroup { width: 132px; float:left; margin-right:10px; margin-bottom:25px; }
.w7_subgroup li { font: 13px/1.7 "나눔고딕";  font-family: 'Nanum Gothic';  color: #666666; letter-spacing:0.01em; }

 /* 1, 3, 1칸 정렬 */
.w8_group1 { width: 140px; float:left; margin-right:50px; }
.w8_group2 { width: 420px; float:left; margin-right:50px;}
.w8_group3 { width: 140px; float:left;}
.w8_subgroup { width: 140px; float:left; margin-bottom:25px; }
.w8_subgroup li { font: 13px/1.7 "나눔고딕";  font-family: 'Nanum Gothic';  color: #666666; letter-spacing:0.01em; }

  /* 타이틀 */
.w1_group_t { width:295px; float:left; margin-bottom:5px; font: 14px/1.7 "verdana"; color: #ffffff; text-align:center; vertical-align:middle; font-weight:600; border-radius: 4px 4px 4px 4px; background: #b4c8d2;}
.w1_group_t2 { width:295px; float:left; margin-bottom:5px; font: 14px/1.7 "verdana"; color: #ffffff; text-align:center; vertical-align:middle; font-weight:600; border-radius: 4px 4px 4px 4px; background: #aea8d4;}
.w2_group_t { width:155px; float:left; margin-bottom:5px; font: 14px/1.7 "verdana"; color: #ffffff; text-align:center; vertical-align:middle; font-weight:600; border-radius: 4px 4px 4px 4px; background: #b4c8d2;}
.w2_group_t2 { width:155px; float:left; margin-bottom:5px; font: 14px/1.7 "verdana"; color: #ffffff; text-align:center; vertical-align:middle; font-weight:600; border-radius: 4px 4px 4px 4px; background: #aea8d4;}
.w3_group_t { width:940px; float:left; margin-bottom:5px; font: 14px/1.7 "verdana"; color: #ffffff; text-align:center; vertical-align:middle; font-weight:600; border-radius: 4px 4px 4px 4px; background: #b4c8d2;}
.w3_group_t2 { width:940px; float:left; margin-bottom:5px; font: 14px/1.7 "verdana"; color: #ffffff; text-align:center; vertical-align:middle; font-weight:600; border-radius: 4px 4px 4px 4px; background: #aea8d4;}
.w4_group_t { width:435px; float:left; margin-bottom:5px; font: 14px/1.7 "verdana"; color: #ffffff; text-align:center; vertical-align:middle; font-weight:600; border-radius: 4px 4px 4px 4px; background: #b4c8d2;}
.w4_group_t2 { width:435px; float:left; margin-bottom:5px; font: 14px/1.7 "verdana"; color: #ffffff; text-align:center; vertical-align:middle; font-weight:600; border-radius: 4px 4px 4px 4px; background: #aea8d4;}
.w5_group_t { width:715px; float:left; margin-bottom:5px; font: 14px/1.7 "verdana"; color: #ffffff; text-align:center; vertical-align:middle; font-weight:600; border-radius: 4px 4px 4px 4px; background: #b4c8d2;}
.w5_group_t2 { width:715px; float:left; margin-bottom:5px; font: 14px/1.7 "verdana"; color: #ffffff; text-align:center; vertical-align:middle; font-weight:600; border-radius: 4px 4px 4px 4px; background: #aea8d4;}
.w6_group_t { width:570px; float:left; margin-bottom:5px; font: 14px/1.7 "verdana"; color: #ffffff; text-align:center; vertical-align:middle; font-weight:600; border-radius: 4px 4px 4px 4px; background: #b4c8d2;}
.w6_group_t2 { width:560px; float:left; margin-bottom:5px; font: 14px/1.7 "verdana"; color: #ffffff; text-align:center; vertical-align:middle; font-weight:600; border-radius: 4px 4px 4px 4px; background: #aea8d4;}
.w7_group_t { width:145px; float:left; margin-bottom:5px; font: 14px/1.7 "verdana"; color: #ffffff; text-align:center; vertical-align:middle; font-weight:600; border-radius: 4px 4px 4px 4px; background: #b4c8d2;}

.subgroup_t { height: 22px; font: bold 13px/1.7 "verdana"; color: #467fc1; margin-left:15px; margin-bottom:7px; background-color:#e9eef1; text-align:center; border-radius: 4px}
.check { float: left; width:14px; height:14px; color:#CCC; vertical-align:middle; margin-right:5px; margin-left:15px; margin-top: 0;}

/* ---------------------------------------------------------------------------------Content 단어선택 End  ---------------------------------------------------------------------------- */
	

/* Content - Option - Btns */
.btns {width:280px; margin: 0 auto;}
.btns li { float:left; margin-right:10px; margin-bottom:50px;}