@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.2 "나눔고딕";  font-family: 'Nanum Gothic';  color: #000; }
.h { position:absolute; left:-99999px; }



/* Flashcards Popup - 공통 */
.title { width: 100%; height: 30px; font: 19px/1.2 "나눔고딕";  font-family: 'Nanum Gothic';  color: #333; font-weight:600; background: #fff; border-bottom: 1px dashed #999; padding-top: 15px; padding-left:10px;}
.close {position: absolute; top: 10px; right: 10px;  }

.btn_print {float:left; width:108px; height:32px; margin-left:280px; margin-bottom:20px; margin-top:10px; }
a.btn_print {display: block; width: 108px; height: 32px; background:url(../../images/content/editing_th/btn_printout_out.png) no-repeat 0px 0px;}
a:hover.btn_print {display: block; width: 108px; height: 32px; background:url(../../images/content/editing_th/btn_printout_over.png) no-repeat 0px 0px;}


/* Flashcards Popup - 카드 1장 */
.popUp1 { width: 720px; height: 680px; background: #fff; border: 1px solid #ccc; position: relative; }
.flca1 { width: 650px; height: 550px; border: 1px solid #999; margin-top: 15px; margin-left: 25px; margin-bottom: 10px; }
.word1 {width:auto; text-align:center; padding-bottom: 20px; font: 35px/1.2 "나눔고딕";  font-family: 'Nanum Gothic';  color: #000; font-weight:600; }
.img1 {width: 640px; height: 550px; margin-left:30px; }

/* Flashcards Popup - 카드 2장 */
.popUp2 { width: 585px; height: 730px; background: #fff; border: 1px solid #ccc; position: relative; overflow: hidden; }
.flca2 { width: 550px; height:600px; border: 1px solid #999; margin-top: 15px; margin-left: 25px; margin-bottom: 10px; }
.img2_1 {width: 520px; height: 600px; padding-left:30px; border-bottom: 1px dashed #999; }
.img2_2 {width: 520px; height: 600px; padding-left:30px; }
.word2_1 { width:auto; text-align:center; padding-bottom: 20px; font: 35px/1.2 "나눔고딕";  font-family: 'Nanum Gothic';  color: #000; font-weight:600; }
.word2_2 { width:auto; text-align:center; padding-bottom: 20px; font: 35px/1.2 "나눔고딕";  font-family: 'Nanum Gothic';  color: #000; font-weight:600; }
.img2 {width: 520px; height: 600px; margin-left:30px; }

/* Flashcards Popup - 카드 4장 */
.popUp3 { width: 720px; height: 600px; background: #fff; border: 1px solid #ccc;  position: relative; overflow: auto; }
.flca3 { width: 650px; height: 600px; border: 1px solid #999; margin-top: 15px; margin-left: 25px; margin-bottom: 10px; }
.img4_1 { float:left; width: 324px; height: 300px; border-bottom: 1px dashed #999; border-right: 1px dashed #999; }
.img4_2 { float:left; width: 324px; height: 300px; border-bottom: 1px dashed #999; }
.img4_3 { float:left; width: 324px; height: 300px; border-right: 1px dashed #999; }
.img4_4 { float:left; width: 324px; height: 300px; }
.word4 { width:auto; text-align:center; padding-bottom: 10px; font: 25px "나눔고딕";  font-family: 'Nanum Gothic';  color: #000; font-weight:600; }

/* Flashcards Popup - 카드 8장 */
.popUp4 { width: 700px; height: 550px; background: #fff; border: 1px solid #ccc; position: relative; }
.flca4 { width: 650px; height: 430px; border: 1px solid #999; margin-top: 15px; margin-left: 25px; margin-bottom: 10px; }
.img8_1 { float:left; width: 162px; height: 200px; border-bottom: 1px dashed #999; border-right: 1px dashed #999; padding-top:15px; }
.img8_2 { float:left; width: 161px; height: 200px; border-bottom: 1px dashed #999; border-right: 1px dashed #999; padding-top:15px; }
.img8_3 { float:left; width: 162px; height: 200px; border-bottom: 1px dashed #999; border-right: 1px dashed #999; padding-top:15px; }
.img8_4 { float:left; width: 161px; height: 200px; border-bottom: 1px dashed #999; padding-top:15px; }
.img8_5 { float:left; width: 162px; height: 200px; border-right: 1px dashed #999; padding-top:15px; }
.img8_6 { float:left; width: 161px; height: 200px; border-right: 1px dashed #999;padding-top:15px;  }
.img8_7 { float:left; width: 162px; height: 200px; border-right: 1px dashed #999; padding-top:15px; }
.img8_8 { float:left; width: 161px; height: 200px; padding-top:15px; }
.word8 { width:auto; text-align:center; padding-top: 15px; padding-bottom: 10px; font: 20px "나눔고딕";  font-family: 'Nanum Gothic';  color: #000; font-weight:600; }