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

.ml1 {margin-left:10px;}
.ml2 {margin-left:20px;}

/* How To Use 팝업공통 */
#htuPopup { width:840px; height: 540px; position: relative; overflow-x: hidden; overflow-y: auto; background: #ffffff; }
.htu_t_b { width:840px; height: 60px; padding-top: 20px; float:left; }
.btnClose {position: absolute; top: 10px; right: 10px; z-index:1000;}
.txtguide { float: left; padding-left:20px; margin-top: 10px; width:780px; font: 12px /1.8 "나눔고딕";  font-family: 'Nanum Gothic';  color: #000; text-align:justify;}
.num { padding-right:5px; padding-top:3px; }
.fb12 {  font: bold 12px /1.8 "나눔고딕";  font-family: 'Nanum Gothic';  color: #000; letter-spacing: 0.02em; }
.fcu12 {font: 12px/1.6 "나눔고딕";  font-family: 'Nanum Gothic';  color: #296EBE; }

.CBox { float: left; padding-top:20px; padding-left: 40px; width: 760px; font: 12px /1.8 "나눔고딕";  font-family: 'Nanum Gothic';  color: #000; }
.CBox_c1 { width: 760px; font: 12px /1.8 "나눔고딕";  font-family: 'Nanum Gothic';  color: #666; text-align:justify }
.CBox_c2 { padding-top:20px; width: 760px; font: 12px /1.8 "나눔고딕";  font-family: 'Nanum Gothic';  color: #666; text-align:justify; }
.CBox_t { float:left; padding-bottom: 5px; width:760px; }

.CBox>ul>li { font: 12px /1.8 "나눔고딕";  font-family: 'Nanum Gothic';  color: #666; text-align:justify;}

.list_indent { font: 12px /1.8 "나눔고딕";  font-family: 'Nanum Gothic';  color: #666; text-align:justify; padding-left: 20px; padding-bottom: 10px; }
.list_indent2 { font: 12px /1.8 "나눔고딕";  font-family: 'Nanum Gothic';  color: #666; text-align:justify; padding-left: 20px; padding-top:10px; padding-bottom: 10px; }
.list_square { list-style-type:square; font: 12px /1.8 "나눔고딕";  font-family: 'Nanum Gothic';  color: #666; text-align:justify; padding-left: 35px; padding-bottom: 10px; }
.list_square2 { list-style-type:square; font: 12px /1.8 "나눔고딕";  font-family: 'Nanum Gothic';  color: #666; text-align:justify; padding-left: 20px; padding-top:10px; padding-bottom: 10px; }
.cimg1 { padding-top: 5px; padding-bottom:10px; }


#container_s1 { float:left; width:760px; }
.container_st1 { float:left; padding-bottom: 4px; width:760px; }

.container_s_p1 {float: left; padding-left: 20px; width: 170px; }
.container_s_t1 { float: left; padding-left: 15px; width: 550px; }

#container_s2 { float:left; width:760px; padding-top:10px; }
.container_s_t2 { float: left; padding-left: 15px; margin-top: 40px; width: 550px; }

#container_s3 { float:left; width:760px; padding-top:10px; padding-bottom:20px; }
.container_s3_ss { float:left; width:760px; padding-bottom:10px; }
.container_s3_ss>dl>dt { font: bold 12px /1.8 "나눔고딕";  font-family: 'Nanum Gothic';  color: #000; }
.container_s3_ss>dl>dd { font: 12px /1.8 "나눔고딕";  font-family: 'Nanum Gothic';  color: #666; text-align:justify; }
.container_s_p3 {float: left; padding-left: 20px; width: 345px; }
.container_s_t3 { float: left; padding-left: 15px; width: 350px; }


.book { padding-right:5px; }



/* How To Use QR코드 (QR코드 사용법) */
#htuPopup2 { width:727px; height: 540px; position: relative; overflow-x: hidden; overflow-y: auto; background: #ffffff; }
.btnClose2 {position: absolute; top: 10px; right: 10px; z-index:1000;}