@charset "utf-8";

@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}




*{font-family:'GmarketSansMedium',Noto Sans KR,Nanum Gothic,나눔고딕,sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}

/************************************************************************
* HTML_RESET *
************************************************************************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,button,input{
	margin:0;
	padding:0;
	border:0;
	vertical-align:top;
	background:transparent;
	word-break:break-all;
}
body{font-size:13px;font-weight:normal;color:#434343;position:relative;}
h1,h2,h3,h4,h5,h6{font-weight:bold;}
ol,ul,li{list-style:none;}
table{max-width:100%;border-collapse:collapse;border-spacing:0;}
form,fieldset,iframe{display:block;border:0;}
img,button{border:0 none;vertical-align:middle;}
i,em,address{font-style:normal;}
label,button{cursor:pointer;}
caption,legend{display:none;} 
input,textarea,select{margin:0;padding:0;vertical-align:middle;outline:none;}
textarea{border:1px solid #666;resize:none;}
button{overflow:visible;margin:0;padding:0;border:0 none;background:none;font-size:0;vertical-align:top;cursor:pointer;display:block;}
button::-moz-focus-inner{border:0;padding:0;}
a,img{outline:none;temp:expression(this.hideFocus=true);}
b{font-weight:700 !important;}
font,span{display:block;}
hr{height:1px;margin:40px 0;border:none;color:#666565;background:#666565;}
@media screen and (max-width:960px) {
hr{margin:20px 0;}
.WRAP{width:95%;max-width:100%;}
}

 
a{color:#000;text-decoration:none;word-break:break-all;}
a:link,a:visited,a:hover,a:active,a:focus{text-decoration:none;}

*::-moz-selection{background-color:#000000;color:#ffffff;}
*::selection{background-color:#d0d6dd;color:#000000;}


.WRAP{max-width:1280px;margin:0 auto;position:relative;}
.WRAP-1280{max-width:1280px;margin:0 auto;position:relative;}
@media all and (max-width:768px){
#headers{width:100%;}
}

.CLEAR{zoom:1;}
.CLEAR:after{content:"";clear:both;display:block;}
.FL{float:left;}
.FR{float:right;}

.disF{display:flex;justify-content:space-between;flex-wrap:wrap;}
.disF.jc{justify-content:center;}
.disF.ac{align-items:center;}
.disF.js{justify-content: space-evenly;}

.uli1 {width:100%;}
.uli2 {width:50%;}
.uli9 {width:40%;}
.uli3 {width:33.33%;}
.uli4 {width:25%;}
.uli5 {width:20%;}
.uli6 {width:16.6666%;}
.uli7 {width:14.2857%;}
.uli8 {width:12.5%;}

.LEFT{zoom:1;clear:both;overflow:hidden;}
.LEFT:after{content:"";clear:both;display:block;}
.LEFT>li{float:left;}

.MA0{margin:0 auto;}
.TC{text-align:center !important;}
.TR{text-align:right !important;}
.TL{text-align:left !important;}

.logo{padding: 30px 0;}

.visual {
    text-align: center;
    padding-bottom: 95px;
    position: relative;
    overflow: hidden;
    background-image: url(https://lostball.net/sungsook/img/main.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 747px;
}
.text-box{margin-top:150px;}
.text-box h1{font-size:87px; color:#254913; }
.text-box span{font-size:24px; color:#254913;}




.sub1{margin-top:50px;}

.sub1 .text-box1{border:solid 15px #929bc9; padding:35px;}
.sub1 .text-box1 h1{color:#394371; font-size:40px;}
.sub1 .text-box1 span{color:#394371; font-size:24px;padding-top:20px;}
.sub1 .text-box1 span strong{font-size:34px;}

.sub1 .text-box2{margin-top:75px;}
.sub1 .text-box2 h2{color:#394371; font-size:24px; line-height:54px;}
.sub1 .text-box2 h2 strong{color:#e10000; text-decoration:underline;}

.visual2 {
    text-align: center;
    margin-top: 95px;
    position: relative;
    overflow: hidden;
	background-color:#f0f0f0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding:55px 0;
}

.text-box3{margin-top:30px;}
.text-box3 h1{font-size:41px; color:#2c305d; }
.text-box3 span{font-size:24px; color:#2c305d; padding-top:15px;}
.text-box3 h3{margin-top:25px; font-size:24px; color:#b90000; }

.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt70{margin-top:70px !important;}
.mt80{margin-top:80px !important;}
.mt90{margin-top:90px !important;}
.mt100{margin-top:100px !important;}
.mt110{margin-top:110px !important;}
.mt120{margin-top:120px !important;}
.mt140{margin-top:140px !important;}
.mt160{margin-top:160px !important;}

.mr20{margin-right:20px !important;}


.visual3 {
    position: relative;
    overflow: hidden;
	background-color:#c3caeb;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding:55px 45px;
}

.text-box4{margin-top:30px; }
.text-box4 h1{font-size:24px; color:#2c305d; }
.text-box4 h2{font-size:48px; color:#2c305d;padding-top:15px; }
.text-box4 h3{font-size:16x; color:#2c305d; line-height:29px; padding-top:5px; }
.text-box4 span{font-size:21px; color:#2c305d; padding-top:10px;}

.tef{border:solid 1px #929bc9; width:90%; margin:0 auto; padding:25px 30px; background-color:#fff; margin-top:35px;}
.tef span {
    font-size: 21px;
    color: #2c305d;
    padding-top: 0px; color:#0021c5;
}
.m{display:none;}
.pc{display:block;}

@media screen and (max-width:769px) {
	#headers{width:100%;}
#headers .logo img{width:80%; padding: 10px 0;}
#headers .text-box{margin-top:90px;}
#headers .text-box h1{font-size:27px; color:#254913;}
.text-box span{font-size:17px; color:#254913;}
.sub1 .text-box1 h1{color:#394371; font-size:19px;}
.sub1 .text-box1 span{color:#394371; font-size:14px;padding-top:20px;}
.sub1 .text-box1 span strong{font-size:21px;}
.m{display:block;}
.pc{display:none;}
.sub1{margin-top:20px;}
.sub1 .text-box2{margin-top:15px;}
.sub1 .text-box2 h2{color:#394371; font-size:18px; line-height:34px;}
.sub1 .text-box2 h2 strong{color:#e10000; text-decoration:underline;}

.text-box3{margin-top:10px;}
.text-box3 h1{font-size:21px; color:#2c305d; }
.text-box3 span{font-size:18px; color:#2c305d; padding-top:15px;}
.text-box3 h3{margin-top:25px; font-size:18px; color:#b90000; }

#headers  .visual {
	width: 100%;
    height: 450px;
	 background-image: url(https://lostball.net/sungsook/img/main.jpg) center center / cover no-repeat;
    padding-bottom: 95px;

}
.uli9{width:100%;}
.text-box4{margin-top:10px; }
.text-box4 h1{font-size:18px; color:#2c305d; }
.text-box4 h2{font-size:28px; color:#2c305d;padding-top:15px; }
.text-box4 h3{font-family: 'GmarketSansLight'; font-size:13px; color:#2c305d; line-height:29px; padding-top:5px; }
.text-box4 span{font-size:16px; color:#2c305d; padding-top:10px;}

.visual2 {
    text-align: center;
    margin-top: 25px;
    position: relative;
    overflow: hidden;
	background-color:#f0f0f0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding:55px 0;
}
.visual3 {
    position: relative;
    overflow: hidden;
	background-color:#c3caeb;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding:35px 25px;
}
}