@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Crimson+Text:400,600,700');
@import url('https://fonts.googleapis.com/css?family=Titillium+Web:200,300,400');
@import url("https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css");

/* 초기화 */
html, body,
div, span,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
p, address,
form, fieldset, legend, input, select, textarea,
table, caption, col, colgroup, thead, tfoot, tbody, th, td{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal;}
html, fieldset, img, abbr, acronym{border:0 none;}
ol, ul, li, dl, dt, dd{list-style:none;}
table{border-collapse:collapse; border-spacing:0;}
caption, th, td{font-weight:normal;}
address, caption, em{font-weight:normal; font-style:normal;}
caption{display:none;}
legend{display:none;}
html{}
/* 2021-02-03 (도넛소프트 수정)
body{min-width:320px; margin:0; padding:0; font-size:12px; font-family:"Crimson Text","Malgun Gothic", sans-serif; overflow-x:hidden;}
*/
body{margin:0; padding:0; font-size:12px; font-family:"Crimson Text","Malgun Gothic", sans-serif; overflow-x:hidden;}
textarea, select{font-size:12px; font-family:"Crimson Text","Malgun Gothic", sans-serif; border-radius:0; -webkit-border-radius:0;}
select{height:24px; margin:0; padding:2px; border-radius:0; -webkit-border-radius:0; border:1px solid #d7d7d7; font-family:"Crimson Text","Malgun Gothic", sans-serif; background:#fff;}
p{margin:0; padding:0; word-break:break-all;}
hr{display:none;}
pre{overflow-x:scroll; font-size:1.1em;}
a{color:#222; text-decoration:none;}
button{cursor:pointer;}
img{max-width:100%;}
*, :after, :before{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
div,
p{word-break:keep-all; word-wrap:break-word;}
input{border-radius:0; -webkit-border-radius:0;}
label{margin:0 !imortant; font-weight:normal !important;}
.dn{display:none;}

#header-section{}
#header-section .header-area{width:100%; max-width:1380px; margin:0 auto; padding:20px 10px; position:relative;}
#header-section .header-area:after{clear:both; content:""; display:block;}
#header-section #logo-section{float:left;}
#header-section #logo-section img{width:100%; max-width:139px;}
#header-section #gnb-section{float:right;}
#header-section .gnb{margin-top:8px;}
#header-section .gnb .gnb-ul{}
#header-section .gnb .gnb-ul:after{clear:both; content:""; display:block;}
#header-section .gnb .gnb-li{float:left; position:relative;}
#header-section .gnb .gnb-a{padding:53.5px 30px; font-size:16px; line-height:32px; letter-spacing:0.2em; display:block;}
#header-section .gnb .gnb-2ul{top:85px; left:-17px; padding:15px; z-index:10000; border:1px solid #e6e6e6; background:#fff; position:absolute; display:none;}
#header-section .gnb .gnb-2li{}
#header-section .gnb .gnb-2a{padding:8px 0px; font-size:16px; letter-spacing:0.2em; display:block;}
#header-section .gnb .gnb-li:hover .gnb-2ul{display:block;}

@media screen and (max-width:800px){
	#header-section .header-area{padding:30px 20px;}
}

.main #container-section{width:100%; padding:62px 0 70px;}
.sub #container-section{width:100%; max-width:1100px; margin:0 auto; padding:70px 10px;}

@media screen and (max-width:800px){
	.main #container-section{padding:47px 0;}
	.sub #container-section{padding:60px 10px;}
}

@media screen and (max-width:700px){
	.sub #container-section{padding:50px 10px;}
}

@media screen and (max-width:600px){
	.sub #container-section{padding:40px 10px;}
}

@media screen and (max-width:500px){
	.sub #container-section{padding:20px 10px;}
}

#mobile-memu-section{display:none;}
#mobile-memu-section .mm-box{display:none;}
#mobile-memu-section .mgnb-ul{padding:15px 0;}
#mobile-memu-section .mgnb-a{padding:10px; font-size:16px; text-align:center; letter-spacing:0.2em; display:block;}
#mobile-memu-section .mgnb-2ul{padding:10px 0; background:#f7f7f7; display:none;}
#mobile-memu-section .mgnb-2a{padding:10px; font-size:14px; text-align:center; letter-spacing:0.2em; display:block;}
#mobile-memu-section .ou-close span:after{content:"+"; display:inline-block;}
#mobile-memu-section .ou-open span:after{content:"-"; display:inline-block;}

#mobile-memu-section .mm{padding:20px; font-size:14px; text-align:center; letter-spacing:0.2em; background:#f7f7f7; display:block;}

@media screen and (max-width:800px){
	#header-section #logo-section{text-align:center; float:none;}
	#header-section .gnb{display:none;}
	#mobile-memu-section{display:block;}
}

#footer-section{}
#footer-section .footer-area{width:100%; max-width:1380px; margin:0 auto; padding:20px 10px; position:relative;}
#footer-section .footer-area:after{clear:both; content:""; display:block;}
#footer-section .footer-area .sns-box{float:left;}
#footer-section .footer-area .sns-box{margin-top:10px; padding:17px; font-size:16px; text-align:center;}
#footer-section .footer-area .sns-box a{margin:0 5px; color:#999; display:inline-block;}
#footer-section .footer-area .sns-box a:hover{color:#000;}
#footer-section .footer-area .copyright-box{font-weight:200; font-size:16px; font-family:"Titillium Web"; text-align:right; float:right;}
#footer-section .footer-area .copyright-box ul{}
#footer-section .footer-area .copyright-box ul li{margin-bottom:15px;}

@media screen and (max-width:800px){
	#footer-section .footer-area .sns-box{float:none;}
	#footer-section .footer-area .copyright-box{font-weight:200; font-size:16px; font-family:"Titillium Web"; text-align:center; float:none;}
}

@media screen and (max-width:520px){
	#footer-section .footer-area .copyright-box span{height:1px; text-indent:-9000px; display:block;}
}

.line-bar{width:100%; max-width:1114px; margin:0 auto; padding:33px 17px;}
.line-bar hr{height:1px; margin:0; border:none; background:#bbb; display:block;}

.sub .line-bar{width:100%; max-width:1114px; margin:0 auto; padding:9px 0 17px;}

.title-box{padding:17px; font-weight:400; font-size:29px; text-align:center;}
.title-box2{padding:17px; font-weight:200; font-size:16px; font-family:"Titillium Web"; text-align:center;}

.bo-view-box{width:100%; max-width:1000px;}
.bo-view-box .txt-box{
	margin:15px 0;
	padding:0 15px;
	font-size:16px;
	line-height:25px;
	color:#777;
}

.white-popup-block{max-width:1080px; margin:40px auto; padding:20px 30px; text-align:left; background:#fff; position:relative;}

@media screen and (max-width:800px){
	.white-popup-block{padding:20px;}
}

@media screen and (max-width:600px){
	.white-popup-block{padding:20px 10px;}
}