﻿@charset "utf-8";
@import url("header.css");

/* 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: #000000;  background: url(../../images/content/main/bg_site.png) repeat-x 0px 0px;}
.h { position:absolute; left:-99999px; }


.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; }
.fb14 {font: bold 14px/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: 950px; margin:0 auto; margin-bottom: 30px; }
.location {height: 26px; margin: 65px 0px 10px 10px; padding-left: 20px; background: url(../../images/content/editeWorksheets/icon_home.png) no-repeat 0px -2px;}
.location li {margin-left: 3px; float: left;}

.con_board {width: 820px;  margin: 0 auto; padding: 0px 40px; position: relative;  background: url(../../images/content/editeWorksheets/bg_contents.png) no-repeat 0px 0px;}
.con_box1 { height: 45px; padding-top: 35px; border-bottom: 1px dashed #c1c1c1;}
.con_box11 img {display: block; width: 95px; height: 45px; float: left; }
.con_box12 img {display: block; width: 100px; height: 45px; margin-left: 480px; float: left; }
.con_box13 img {display: block; width: 145px; height: 45px; float: left; }

.con_box2 {height: 597px; margin-top: 40px; margin-bottom: 25px; border-bottom: 1px dashed #c1c1c1; }
.con_box21 {width: 393px; height: 552px; float: left; border: 1px solid #999; }
.tongue_images1 {padding: 0px 2px; border-bottom: 1px solid #999; }

.con_box22 {width: 388px; height: 550px; float: right; }
.con_box22 h3 {height: 30px; }

.btn_contents { margin-bottom: 100px; padding-left:305px; }
.btn_sns {clear: both; height: 20px; margin-top: 10px; }
.btn_sns li {width: 20px; height: 20px;  margin-left: 5px; margin-bottom: 5px;  float: right; }

.description {clear: both; width: 386px; padding-top: 20px; line-height:1.8; }
.detailList {margin-top: 20px; }
.detailList li {line-height: 1.8; }
.title {margin-bottom: 10px; }

.con_box3 {width: 900px; }
.relatedThumbnail {height: 252px; }
.relatedThumbnail li {width: 170px; height: 230px; float: left; margin-top: 20px; margin-right: 40px; border: 1px solid #999; overflow:hidden; }
