@charset "utf-8";
/* CSS Document */


/************************
			폰트 
*************************/
@font-face {
    font-family: 'tmonmonsori.ttfregular';
    src: url('tmonmonsori.woff2') format('woff2'),
         url('tmonmonsori.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}



/************************
			공통사용 
*************************/
.of {overflow:hidden;}
.pr {position:relative;}
.pa {position:absolute;}
.fl {float:left;}
.fr {float:right;}
.tc {text-align:center;}



.main_img {width:100%; height:auto; background:url(/img/main/main_img.png) center top no-repeat; background-size: cover; padding-top:2%; padding-bottom:10%;}
.main_con {width:75%; margin:0 auto; height:100%; text-align:center; position:relative; margin-bottom:70%;}
.pc_img {width:40%; height:auto; margin:0 auto;}
.main_img .main_con .btn {display:block; width:15em; height:2.6em; border-radius:1.3em; background:#eb9401; font-family: 'tmonmonsori.ttfregular'; color:#fff; margin:2% auto 0; font-size:2em; line-height:2.5em;}
.main_img .main_con .btn01 {display:block; width:15em; height:2.6em; border-radius:1.3em; background:#eb9401; font-family: 'tmonmonsori.ttfregular'; color:#fff; margin:10% auto 0; font-size:2em; line-height:2.5em;}
.main_img .main_con .btn02 {display:block; width:15em; height:2.6em; border-radius:1.3em; background:#8d2e13; font-family: 'tmonmonsori.ttfregular'; color:#fff; margin:30% auto 0; font-size:2em; line-height:2.5em;}
.main_img .main_con .main_text00 {color:#ff6817; font-family: 'tmonmonsori.ttfregular'; width:97%; margin:2% auto 0; height:3.2em; border-radius:2.3em; background:rgba(255, 255, 255, 0); font-size:3.4em; line-height:3.1em; border:10px solid rgba(213, 213, 213, 0);}
.main_img .main_con .main_text011 {color:#ff6817; font-family: 'tmonmonsori.ttfregular'; width:97%; margin:2% auto 0; height:3.2em; border-radius:2.3em; background:rgba(255, 255, 255, 0); font-size:3.4em; line-height:3.1em; border:10px solid rgba(213, 213, 213, 0);}
.main_img .main_con .main_text022 {color:#ff6817; font-family: 'tmonmonsori.ttfregular'; width:97%; margin:2% auto 0; height:2.2em; border-radius:1.3em; background:rgba(255, 255, 255, 0); font-size:2.4em; line-height:2.1em; border:10px solid rgba(213, 213, 213, 0);}
.main_img .main_con .main_text033 {color:#ff6817; font-family: 'tmonmonsori.ttfregular'; width:97%; margin:2% auto 0; height:2.2em; border-radius:1.3em; background:rgba(255, 255, 255, 0); font-size:2.4em; line-height:2.1em; border:10px solid rgba(213, 213, 213, 0);}
.main_img .main_con .main_text01 {color:#ff6817; font-family: 'tmonmonsori.ttfregular'; width:97%; margin:2% auto 0; height:2.2em; border-radius:1.3em; background:rgba(255, 255, 255, 0.8); font-size:2.4em; line-height:2.1em; border:10px solid rgba(213, 213, 213, 0.8);}
.main_img .main_con .main_text02 {color:#0a7096; font-family: 'tmonmonsori.ttfregular'; width:97%; margin:1% auto 0; height:2.2em; border-radius:1.3em; background:rgba(255, 255, 255, 0.8); font-size:2.4em; line-height:2.1em; border:10px solid rgba(213, 213, 213, 0.8);}
.main_img .main_con .main_text03 {color:#8a2d0d; font-family: 'tmonmonsori.ttfregular'; width:97%; margin:1% auto 0; height:2.2em; border-radius:1.3em; background:rgba(255, 255, 255, 0.8); font-size:2.4em; line-height:2.4em; border:10px solid rgba(213, 213, 213, 0.8);}



  /************************
			FOOTER 
*************************/
.main_mobile_foo {display:none;}
.main_pc_foo {width:1100px; height:172px; margin:0 auto; margin-top:-15%;}
.main_pc_foo ul {overflow:hidden;}
.main_pc_foo ul li {float:left;}
.main_pc_foo .footer {background:url(/img/com/footer_bg.png) repeat-x; width:90%; height:172px; overflow:hidden;}
.main_pc_foo .footer .footer01 {float:left;}
.main_pc_foo .footer .footer01 dt {margin-top:40px; margin-bottom:20px;}
.main_pc_foo .footer .footer01 dd {overflow:hidden;}
.main_pc_foo .footer .footer01 dd a {background:#824400; color:#fff; font-family: 'Nanum Barun Gothic', sans-serif; border-radius:15px; display:block; text-align:center; font-weight:bold; font-size:14px; line-height:30px; float:left;}
.main_pc_foo .footer .footer01 dd a.footer_btn01 {width:84px; height:30px; margin-right:10px;}
.main_pc_foo .footer .footer01 dd a.footer_btn02 {width:143px; height:30px; margin-right:10px;}
.main_pc_foo .footer .footer01 dd a.footer_btn03 {width:27px; height:25px; background:url(/img/com/footer_link01.png) no-repeat; margin-right:10px;}
.main_pc_foo .footer .footer01 dd a.footer_btn04 {width:37px; height:25px; background:url(/img/com/footer_link02.png) no-repeat;}
.main_pc_foo .footer .footer02 {float:right; padding-top:35px; font-family: 'Nanum Barun Gothic', sans-serif; color:#f7f7f7; font-size:12px; line-height:18px; text-align:right;}
.main_pc_foo .footer .footer02 span {background:#50462c; color:#f2f2f2; width:373px; height:30px; display:block; border-radius:15px; text-align:center; line-height:34px;}
.main_pc_foo ul li:first-child {background:url(/img/com/footer_left.png) no-repeat; width:50px; height:172px;}
.main_pc_foo ul li:last-child {background:url(/img/com/footer_right.png) no-repeat; width:51px; height:172px;}


/************************
			반응형
*************************/
@media (max-width:375px) and (min-width:1px) {
.main_con {padding-bottom:20%;}
.main_img .main_con .btn {height:2.6em; border-radius:1.3em; font-size:0.7em; line-height:2.8em;}
.main_img .main_con .btn01 {height:2.6em; border-radius:1.3em; font-size:0.7em; line-height:2.8em; margin:10% auto 0;}
.main_img .main_con .btn02 {width:15em; height:2.6em; border-radius:1.3em; margin:40% auto 0; font-size:0.7em; line-height:2.5em;}
.main_img .main_con .main_text01 {height:2.8em; border-radius:1.8em; font-size:0.7em; line-height:3em; border:5px solid rgba(213, 213, 213, 0.8);}
.main_img .main_con .main_text02 {height:2.8em; border-radius:1.8em; font-size:0.7em; line-height:3em; margin-top:5%; border:5px solid rgba(213, 213, 213, 0.8);}
.main_img .main_con .main_text03 {margin:2% auto 0; height:2.2em; border-radius:1.3em; font-size:0.7em; line-height:2.1em; border:5px solid rgba(213, 213, 213, 0.8);}

.main_pc_foo {display:none;}
.main_mobile_foo {display:block; width:100%; background:#635536;}
.main_mobile_foo {width:calc(100% - 30px); padding: 15px;}
.main_mobile_foo .float-clear {clear:both;}
.footer01 {width: 120px;text-align: left;float: left;}
.footer01 .logo {display:block;margin-bottom: 20px;height: 30px;}
.footer_btn03 {width:27px; height:25px; background:url(/img/com/footer_link01.png) no-repeat; margin-right:10px; display:inline-block}
.footer_btn04 {width:37px; height:25px; background:url(/img/com/footer_link02.png) no-repeat; display:inline-block}
.footer02 {width: calc(100% - 120px); color:#fff; font-size:9px; float:right;}
.footer02 p {display:none;}
.copyright {text-align: center;font-size: 9px;color: #fff;}

#inlineContent {width:300px !important;}
}




@media (max-width:719px) and (min-width:376px) {
.main_con {padding-bottom:25%;}
.main_img .main_con .btn {height:2.6em; border-radius:1.3em; font-size:0.7em; line-height:2.8em;}
.main_img .main_con .btn01 {height:2.6em; border-radius:1.3em; font-size:0.7em; line-height:2.8em; margin:15% auto 0;}
.main_img .main_con .btn02 {height:2.6em; border-radius:1.3em; font-size:0.7em; line-height:2.5em; margin:60% auto 0; width:15em;}
.main_img .main_con .main_text01 {height:2.8em; border-radius:1.8em; font-size:0.7em; line-height:3em; border:5px solid rgba(213, 213, 213, 0.8);}
.main_img .main_con .main_text02 {height:2.8em; border-radius:1.8em; font-size:0.7em; line-height:3em; margin-top:3%; border:5px solid rgba(213, 213, 213, 0.8);}
.main_img .main_con .main_text03 {margin:2% auto 0; height:2.2em; border-radius:1.3em; font-size:0.7em; line-height:2.1em; border:5px solid rgba(213, 213, 213, 0.8);}

.main_pc_foo {display:none;}
.main_mobile_foo {display:block; width:100%; background:#635536;}
.main_mobile_foo {width:calc(100% - 30px); padding: 15px;}
.main_mobile_foo .float-clear {clear:both;}
.footer01 {width: 120px;text-align: left;float: left;}
.footer01 .logo {display:block;margin-bottom: 20px;height: 30px;}
.footer_btn03 {width:27px; height:25px; background:url(/img/com/footer_link01.png) no-repeat; margin-right:10px; display:inline-block}
.footer_btn04 {width:37px; height:25px; background:url(/img/com/footer_link02.png) no-repeat; display:inline-block}
.footer02 {width: calc(100% - 120px); color:#fff; font-size:9px; float:right;}
.footer02 p {display:none;}
.copyright {text-align: center;font-size: 9px;color: #fff;}
}



		

@media (max-width:1099px) and (min-width:720px) {
.main_con {padding-bottom:20%;}
.main_img .main_con .btn {height:2.5em; border-radius:1.3em; font-size:1.4em; line-height:2.5em;}
.main_img .main_con .btn01 {height:2.5em; border-radius:1.3em; font-size:1.4em; line-height:2.5em; margin-top:10%;}
.main_img .main_con .btn02 {height:2.5em; border-radius:1.3em; font-size:1.4em; line-height:2.5em; margin-top:50%;}
.main_img .main_con .main_text01 {height:2.8em; border-radius:1.8em; font-size:1.4em; line-height:2.9em; border:10px solid rgba(213, 213, 213, 0.8);}
.main_img .main_con .main_text02 {height:2.8em; border-radius:1.8em; font-size:1.4em; line-height:2.9em; border:10px solid rgba(213, 213, 213, 0.8); margin-top:8%;}
.main_img .main_con .main_text03 {height:2.8em; border-radius:1.8em; font-size:1.4em; line-height:2.9em; border:10px solid rgba(213, 213, 213, 0.8); margin-top:1%;}

.main_pc_foo {display:none;}
.main_mobile_foo {display:block; width:94.5%; height:72px; background:#635536; padding:20px; overflow:hidden;}
footer {width:100%; height:72px; padding:20px;}
.footer01 {text-align:left; padding-bottom:10px; float:left;}
.footer02 {color:#fff; font-size:11px; float:right;}
.footer_btn03 {width:27px; height:25px; background:url(/img/com/footer_link01.png) no-repeat; margin-right:10px; display:inline-block}
.footer_btn04 {width:37px; height:25px; background:url(/img/com/footer_link02.png) no-repeat; display:inline-block}


}
	
@media (max-width:1600px) and (min-width:1100px) {
.main_img .main_con .btn {height:2.3em; border-radius:1.3em; font-size:1.8em; line-height:2.5em;}
.main_img .main_con .btn01 {width:12em; height:2.6em; border-radius:1.3em; margin:40% auto 0; font-size:2em; line-height:2.5em;}
.main_img .main_con .btn02 {width:15em; height:2.6em; border-radius:1.3em; margin:3% auto 0; font-size:2em; line-height:2.5em;}
.main_img .main_con .main_text01 {height:2.2em; border-radius:1.3em; font-size:2.8em; line-height:2.1em; border:10px solid rgba(213, 213, 213, 0.8);}
.main_img .main_con .main_text02 {margin:10% auto 0; height:2.2em; border-radius:1.3em; font-size:2.4em; line-height:2.1em; border:10px solid rgba(213, 213, 213, 0.8);}
.main_img .main_con .main_text03 {margin:20% auto 0; height:2.2em; border-radius:1.3em; font-size:2.8em; line-height:2.1em; border:10px solid rgba(213, 213, 213, 0.8);}
}