@charset "utf-8";

/* reset */

@import url('https://fonts.googleapis.com/css?family=Heebo:700,900|Nanum+Gothic:700');
@font-face{font-family:'WTTWmessy'; src:url('/resources/css/content/WTTWmessy.ttf')}
@font-face{font-family:'HelloSanttiny'; src:url('/resources/css/content/HelloSanttiny.ttf')}
@font-face{font-family:'Playball'; src:url('/resources/css/content/Playball.ttf')}
@font-face{font-family:'GreatVibes'; src:url('/resources/css/content/GreatVibes-Regular.ttf')}
@font-face{font-family:'BillyScriptian'; src:url('/resources/css/content/BillyScriptian-x2dR.ttf')}

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


/* Popup - 공통 */
.close {position: absolute; top: 10px; right: 10px;  }

/* Class 가로형 */
.popUp_h { width: 1080px; height: 875px; background: #fff; border: 1px solid #ccc; position: relative; }
.title_h { width: 1050px; 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;}
.img_h { width: 1038px; height: 748px; border: 1px solid #999; margin-top: 20px; margin-left: 25px; margin-bottom: 15px; }

.btn_completed_h {float:left; width:123px; height:32px; margin-left:420px;}
a.btn_completed_h {display: block; width: 123px; height: 32px; background:url(../../images/content/popup/btn_completed.png) no-repeat 0px 0px;}
a:hover.btn_completed_h {display: block; width: 123px; height: 32px; background:url(../../images/content/popup/btn_completed_over.png) no-repeat 0px 0px;}
.btn_print_h {float:left; width:108px; height:32px; margin-left:20px;}
a.btn_print_h {display: block; width: 108px; height: 32px; background:url(../../images/content/popup/btn_printout_out.png) no-repeat 0px 0px;}
a:hover.btn_print_h {display: block; width: 108px; height: 32px; background:url(../../images/content/popup/btn_printout_over.png) no-repeat 0px 0px;}

/* Class 세로형 */
.popUp_v { width: 800px; height: 1165px; background: #fff; border: 1px solid #ccc; position: relative;}
.title_v { width: 790px; 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;}
.img_v { width: 748px; height: 1038px; border: 1px solid #999; margin-top: 20px; margin-left: 25px; margin-bottom: 15px; }

.btn_completed_v {float:left; width:123px; height:32px; margin-left:170px;}
a.btn_completed_v {display: block; width: 123px; height: 32px; background:url(../../images/content/popup/btn_completed.png) no-repeat 0px 0px;}
a:hover.btn_completed_v {display: block; width: 123px; height: 32px; background:url(../../images/content/popup/btn_completed_over.png) no-repeat 0px 0px;}
.btn_print_v {float:left; width:108px; height:32px; margin-left:20px;}
a.btn_print_v {display: block; width: 108px; height: 32px; background:url(../../images/content/popup/btn_printout_out.png) no-repeat 0px 0px;}
a:hover.btn_print_v {display: block; width: 108px; height: 32px; background:url(../../images/content/popup/btn_printout_over.png) no-repeat 0px 0px;}