@charset "utf-8";
@import url("header.css");

/* reset */



.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; }
.f136 {font: 13px/1.2 "나눔고딕";  font-family: 'Nanum Gothic';  color: #333; }
.f137 {font: 13px/1.2 "나눔고딕";  font-family: 'Nanum Gothic';  color: #015d9e; }
.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; }


/*contents*/
#contents {width: 930px; margin:0 auto; }
.location {height: 15px; margin-top: 74px; padding: 3px 0px 0px 20px; background: url(../../images/content/editedWorksheets/icon_home.png) no-repeat 0px 0px; }
.location li {margin-left: 3px; float: left;}

/*conNavi*/
.conNavi { margin-top: 30px; position: relative; }
.conNavi_tag {width: 195px; height: 40px; position: absolute; top: -15px; left: 0px; text-indent: -9999px; background: url(../../images/content/editedWorksheets/subt_grammar_vcp.png) no-repeat 0px 0px; }
.conNavi_board {height: 120px; background: #fff; margin-left: 20px; padding-left: 40px; }
.Tabs {margin-left:20px; width:282px; height:35px;}
.Tabs li {float:left;}

.conNavi_group {margin:40px 0px 0px 0px; float: left; }
.conNavi_group li {line-height: 1.5; height: 18px; padding-left: 14px; background: url(../../images/content/editedWorksheets/bullet.png) no-repeat 0px 2px; }


/*chapter*/
.chapter {width:930px; margin: 0 auto; position: relative;}
.chapter h3 {height: 40px; margin: 40px 0px 20px 0px; padding-left: 27px; font-size: 14px; font-weight: bold;  background: url(../../images/content/editedWorksheets/icon_redarrow.png) no-repeat 6px 0px; border-bottom:1px solid #000; }

/*서브 타이틀*/
.subTitle {height: 29px; border-top: 1px solid #000; border-bottom: 1px solid #000; padding-top: 9px; }
.subTitle h4 {display: block; padding-left: 20px; float: left; height: 20px;  font-size: 12px; font-weight: bold; }
.subTitle span {font-size: 14px; font-weight: normal; }
.subTitle_select {margin-left: 35px; }
.subTitle_select li {float: left; padding:3px 23px 0px 0px; background: url(../../images/content/editedWorksheets/dotline_vertical.png) no-repeat 38px 3px; }
.subTitle_select li a {font-size: 13px; color: #000; }
.subTitle_select li a:hover {color: #d10f00; font-weight: bold; }

 /*선택 옵션*/
.selectOption {width: 100%; height: 30px; margin-bottom: 20px; }
.selectOption ul {width: 260px; height: 18px; padding: 12px 15px 0px 0px;  float: right; }
.selectOption li {height: 18px; float: right; margin-left: 7px; }

/*contentsBox*/
.contentBox {width: 930px; margin:0 auto; }
.thumbBox {width: 210px; height: 365px; margin:0 auto; padding: 0px 7px 10px 15px; float: left; position: relative; }
.thumbBox_top {width:210px; height: 10px; background: url(../../images/content/editedWorksheets/contentbox_bg_01.png) no-repeat 0px 0px; }
.thumbBox_middle {width:210px; height: 320px; background: url(../../images/content/editedWorksheets/contentbox_bg_02.png) repeat-y 0px 0px; position: relative; }

.thumbBox_middle h5 {width: 193px; margin-left: 1px; padding: 0px 0px 10px 15px; color: #333; line-height: 1.4; border-bottom: 1px dashed #d7d7d7; background: #fff; }
.thumbCheck {width: 35px; height: 16px; margin-top: 15px; margin-left: 27px; float: left;  }
.btn_sns {width: 37px; height: 16px; margin: 15px 27px 0px 0px; float: right; }
.thumb_img {display: block; width: 170px; height: 230px; margin:40px auto; overflow: hidden; }
.thumb_btn li {float: left; }

.top_to {position: absolute; bottom: 50px; right: -65px; }

/*페이징*/
.paging { width:700px; margin:0 auto; text-align:center; margin-top:20px; margin-bottom: 20px; vertical-align:top;}
.paging a { line-height: 1.6; color:#000; margin:0px 3px; }
.paging a:hover {font-weight: bold; color: #ff0000;}
.paging_now {font-weight: bold; color: #ff0000;}