@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

@import url(http://fonts.googleapis.com/css?family=Lobster);

@import url(http://fonts.googleapis.com/earlyaccess/hanna.css);
@import url(http://fonts.googleapis.com/earlyaccess/jejugothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/jejuhallasan.css);
@import url(http://fonts.googleapis.com/earlyaccess/jejumyeongjo.css);
@import url(http://fonts.googleapis.com/earlyaccess/kopubbatang.css);



body, 
h1,h2,h3,h4,h5,h6, 
p, div, 
ul, ol, dl, li, dt, dd,
table, tr, td, th,
caption, tbody, tfoot, 
form, fieldset, label, legend,
address,blockquote {margin:0;padding:0;}
table { border-collapse:collapse; border-spacing:0;}
address,em { font-style:normal;}
img{ border:0 none; }
q:before, q:after {content:'';} 
body, input, textarea, select, button, table {
font-family: 'nanum gothic',"돋움",dotum,applegothic,sans-serif;
font-size: 13px;

/* background:#F8F8F8; */
-webkit-font-smoothing: antialiased;
}
body {overflow-x: hidden !important;-webkit-font-smoothing: antialiased;font-family:'Nanum Gothic', 'OpenSans', 'ng', 'Arial', 'sans-serif';line-height:1.2em;}

a {text-decoration:none; outline:none;color:#222;}
a:link, a:visited {text-decoration: none;}
ol, ul { list-style: none; }
hr { display:none; }
body,td,th {

	font-family: 'nanum gothic', Arial;
	font-size: 15px;

	line-height:17px;
	margin:0;
}
.tbl_scroll{
overflow-x:auto; 
}

	

.sfa{padding-left:20px;color:#bbbbbb;padding-right:5px;}
.tfa{padding-left:10px;padding-right:5px;}

table,img {
	border:none;
	}


a:link {	
	text-decoration: none
}

a:active{
	text-decoration: none
}


a:visited{
	text-decoration: none
}

a:hover{
	text-decoration: none; 	color: #000000;
}

#smartInput{ margin:0 10px 0 0;}
.smartOutput{  line-height:1.6;padding:15px font-family:Dotum, AppleGothic, Sans-serif;} /* 스마트 에디터의 풍부한 표현이 정상적으로 출력되도록 하려면 콘텐츠가 출력되는 곳에 이 클래스를 적용하여야 한다. 예를 들면 게시물 읽기 페이지의 본문이 이에 해당된다. */

.smartOutput p{ margin-top:7px; margin-bottom:7px;margin-right:7px;}

.smartOutput blockquote.q1,
.smartOutput blockquote.q2,
.smartOutput blockquote.q3,
.smartOutput blockquote.q4,
.smartOutput blockquote.q5,
.smartOutput blockquote.q6,
.smartOutput blockquote.q7{ padding:10px; margin-left:15px; margin-right:15px;}

.smartOutput blockquote.q1{ padding:0 10px; border-left:2px solid #ccc;}
.smartOutput blockquote.q2{ padding:0 10px; background:url(../img/bg_qmark.gif) no-repeat;}
.smartOutput blockquote.q3{ border:1px solid #d9d9d9;}
.smartOutput blockquote.q4{ border:1px solid #d9d9d9; background:#fbfbfb;}
.smartOutput blockquote.q5{ border:2px solid #707070;}
.smartOutput blockquote.q6{ border:1px dashed #707070;}
.smartOutput blockquote.q7{ border:1px dashed #707070; background:#fbfbfb;}

.smartOutput sup{ font:10px Tahoma;}
.smartOutput sub{ font:10px Tahoma;}
.smartOutput table td{ padding:4px;}


.i30{float:left;width:30%;text-align:center;}
.i30 img{width:50%;}
.i70{float:left;width:70%;font-size:11pt;}
.i100{font-size:11pt;padding:20px;}
.cent{text-align:center;}
.i100 img{width:50%;}

.dline{}
/* title type */
.tit01 { margin-bottom: 20px; padding-left: 12px; color: #343434; line-height: 20px; font-size: 16px; font-weight: bold; background: url('../images/bullet/bullet02.png') 0 7px no-repeat;}
.tit02 { margin-bottom: 20px; padding-top:0px;padding-left: 0px; color: #343434; line-height: 20px; font-size: 18px; font-weight: bold; }


.sec { padding-bottom:25px; background:url('../img/line02.png') repeat-x bottom; margin-bottom:25px; line-height:22px; }
 .sec h2 { font-weight:bold; margin-bottom:7px; font-size:14px; }
	



.clear{clear:both;}
.mdf{width:100%;text-align:center;}

.mdf90{width:85%;padding:0 10% 0 5%;}
.mdf80{width:80%;padding:0 10%;}
.mdf80r{width:80%;padding:0 10%;border-radius:6px;background:#ff0000;height:auto;}
.md3{width:30%;float:left;margin-left:0%;}
.md3 img{width:90%;}
.md2 img{width:90%;}
.md6{width:68%;float:left;text-align:left;margin-left:2%}
.md6t{width:68%;float:left;text-align:left;padding-top:20px;}
.md2{width:20%;float:left;margin-left:0%;}
.md7{width:78%;float:left;margin-left:2%;text-align:left;}
.md5{width:50%;float:left;}
.md5 img{width:90%;}
.md9{width:100%;float:left;text-align:left;}

.md33{width:33%;float:left;text-align:center;}


.md20r{float:left;width:15%;height:100px;text-align:center;}
.md5r{float:left;height:70px;width:5%;background:url(/_var/quiznos/1607/210aright.png) no-repeat center center;background-size:contain;background-size: 41px 100%; }
.md20r h2{color:#86dd6b;}
@media screen and (max-width: 459px) {

.mdf80{width:90%;padding:0 5%;}
.i30{width:100%;text-align:center;}
.i30 img{width:50%;}
.i70{float:left;width:100%;font-size:10pt;}
.i100 img{width:100%;}
.md3{width:100%;float:left;}.md6{width:95%;float:left;}
.md6t{width:68%;float:left;text-align:left;margin-left:2%}
.md2{width:20%;float:left;margin-left:0%;}
.md7{width:77%;float:left;margin-left:2%;}
.md5{width:100%;}
.md5 img{width:80%;}
.md9{width:100%;float:left;text-align:left;}
.md33{width:100%;float:left;text-align:center;}
.smartOutput img{width:100%;}
.md33 img{width:50%;}

.tbl_scroll{
max-width:359px;
overflow-x:scroll; 
}
.md20r{float:left;width:45%;height:100px;text-align:center;}
.md20r h2{color:#86dd6b;}
.md5r{float:left;width:5%;background:url(/_var/quiznos/1607/210aright.png) no-repeat center center;background-size:contain;background-size: 100% 100%;}


}