@charset "utf-8";
/* 2012-05-07  CSS  2.1 CENTUMSOFT */

/* html5 호환 설정*/
* {margin:0;padding:0;} 
html,body,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
abbr,address,cite,code,
del,dfn,em,img,ins,kbd,q,samp,
small,strong,sub,sup,var,
b,i,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,

article,aside,canvas,details,figcaption,figure,main,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video {border:0;outline:0;background:transparent;font-size:100%;}
table,caption,tbody,tfoot,thead,tr,th,td {outline:0;background:transparent;font-size:100%;}
article,aside,canvas,details,figcaption,figure,main,
footer,header,hgroup,menu,nav,section,summary {display:block;}
nav, ul {list-style:none;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,
q:before,q:after {content:"";content:none;}
span {display:inline-block;}
a {margin:0;padding:0;border:0;font-size:100%;}
ins {color:#000;text-decoration:none;}
mark {color:#000;font-style:italic;font-weight:500;}
del,s {text-decoration:line-through;}
abbr[title],dfn[title] {border-bottom:1px dotted #000;cursor:help;}

hr {display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input,select {}
th,td {}

body {overflow-x: hidden; -webkit-text-size-adjust: 100%;min-width:320px;}
body {font-family:"Malgun Gothic","맑은 고딕","돋움",arial,Dotum,Verdana,helvetica,clean,sans-serif;font-size:16px;font-weight:400;color:#555;line-height:1;}
select,input,button,textarea,button{font-family:"Malgun Gothic",'맑은 고딕',Dotum,Verdana; }
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

address {font-style:normal;display:inline;}

/* 글자 속성 */
a{color:#555;text-decoration:none;}
a:active {}
a:focus {}
/* a:visited, a:visited, a.visited, a.visited:visited {color:#555;text-decoration:none;}

a:hover,a:hover, a.visited:hover {color:#555;text-decoration:none;}
 */

/* LIST 요소 기본 */
li {list-style:none;}
ul.fllist li , .fllist > * {float:left;}
ul.frlist li , .frlist > * {float:right;}
.fllist:after , .frlist:after {clear:both;display:block;content:"";}
ol.onum li, .onum li {list-style-type:decimal}
.onum {padding-left:22px}
.blind {width:1px;height:1px;overflow:hidden;position:absolute;top:-9999em;left:-9999em;display:block;text-indent:-9999em;font-size:0px;line-height:0;}




/* 메인 */
#hdr-wr{border-top:4px solid #494949;height:75px; width:100%; margin:0 auto 30px;}
#hdr-wr h1{width:140px;margin:0 auto;padding-top:40px;}
#hdr-wr h1 img{width:100%;}

#hdr-wr .sns {position:absolute;top:30px;right:20px; width:164px;}
#hdr-wr .sns li {float:left;margin-left:7px; width:50px; height:50px; display:inline-block;}
#hdr-wr .sns li:first-child {margin-left:0;}
#hdr-wr .sns img {width:100%;}

.kv-wr-wrap {position:relative;width:100%;height:155px;background:#ffde39;word-wrap:break-word;word-break:keep-all; }
.kv-wr {position:relative;width:100%;}
.kv-wr img{position:absolute;top:0;left:50%;margin-left:-320px;width:420px;text-align:center;color:#000;font-size:22px;font-weight:700;box-sizing:border-box;}
.kv-wr:before {content:"";display:block;position:absolute;top: 0;right:50%;height:155px;width:100%;background: #f9c93d;}
.kv-wr .stxt{display:block;position:absolute;top:55px;left:50%;margin-left:-50px;font-size:18px;font-weight:400;}
.kv-wr strong {display:block;font-size:28px;}

.menu-wr li{border-bottom:2px solid #afafb1;}
.menu-wr li a{position:relative;display:block;font-size:18px;color:#333; padding-top:40px;}
/* .menu-wr li a:before{content:"";display:block;position:absolute;bottom:0;left:20px;width:120px;height:100%;background:url(../images/left-img01.png) 0 100% no-repeat;background-size:contain;z-index:-200;}
.menu-wr li:nth-child(2) a:before {background:url(../images/left-img02.png) 0 100% no-repeat;background-size:contain;}
.menu-wr li:nth-child(3) a:before {background:url(../images/left-img03.png) 0 100% no-repeat;background-size:contain;}
.menu-wr li:nth-child(4) a:before {background:url(../images/left-img04.png) 0 100% no-repeat;background-size:contain;}
.menu-wr li:nth-child(5) a:before {background:url(../images/left-img05.png) 0 100% no-repeat;background-size:contain;}
.menu-wr li a:after{content:"";display:block;position:absolute;top:50%;right:15px;width:22px;height:22px;border-radius:50%;border:1px solid #49a864; background:url(../images/bn-arr.png) 50% 50% no-repeat;;margin-top:-10px;background-size:auto 50%;} */

.menu-wr li a {height:110px;  width:100%; padding-left:350px; }
.menu-wr li a .txt { vertical-align:top; font-size:25px;line-height:120%; margin-top:35px;}
.menu-wr li a.btn05 .txt b {font-weight:normal;}


.menu-wr li a.btn01 {background:url(../images/pc-left-img01.png) 80px bottom no-repeat; }
.menu-wr li a.btn02 {background:url(../images/pc-left-img02.png) 80px bottom no-repeat; }
.menu-wr li a.btn03 {background:url(../images/pc-left-img03.png) 80px bottom no-repeat; }
.menu-wr li a.btn04 {background:url(../images/pc-left-img04.png) 80px bottom no-repeat; }
.menu-wr li a.btn05 {background:url(../images/pc-left-img05.png) 80px bottom no-repeat; }





#footer {width:100%; font-size:15px; line-height:120%;}
#footer p {text-align:center; padding:30px 10px; }
#footer span {color:#444;text-align:center;}

@media only screen and (max-width:440px) {
#hdr-wr h1 {margin-left:10px;}
#hdr-wr .sns {right:10px;}
}

@media only screen and (max-width:1024px) {
	.menu-wr li a.btn01 {background:url(../images/left-img01.png) 80px bottom no-repeat; }
	.menu-wr li a.btn02 {background:url(../images/left-img02.png) 80px bottom no-repeat; }
	.menu-wr li a.btn03 {background:url(../images/left-img03.png) 80px bottom no-repeat; }
	.menu-wr li a.btn04 {background:url(../images/left-img04.png) 80px bottom no-repeat; }
	.menu-wr li a.btn05 {background:url(../images/left-img05.png) 80px bottom no-repeat; }
	.menu-wr li a.btn01, .menu-wr li a.btn02, .menu-wr li a.btn03, .menu-wr li a.btn04, .menu-wr li a.btn05 { background-size:auto 70%;}
}

@media only screen and (max-width:640px) {
	.menu-wr li a {padding-left:33%;  width:67%; height:40px;}
	.menu-wr li a .txt {margin-top:0;font-size:17px;}
	.menu-wr li a.btn01, .menu-wr li a.btn02, .menu-wr li a.btn03, .menu-wr li a.btn04, .menu-wr li a.btn05 {background-position:5% bottom;}
}
@media only screen and (max-width:480px) {
	.kv-wr img {margin-left:-210px;}
	.kv-wr .stxt {text-align:center; font-size:15px; margin-left:0;}
	.kv-wr .stxt strong {font-size:20px;}
	#hdr-wr .sns {width:auto;}
	#hdr-wr .sns li {width:40px;}
	.menu-wr li a {padding-left:40%; width:60%;}
	.menu-wr li a .txt {width:100%;}
	.menu-wr li a.btn05 .txt {margin-top:-10px;}
	.menu-wr li a.btn05 .txt b {display:block;}
}
@media only screen and (max-width:395px) {
	.menu-wr li a {padding-left:48%;  width:52%;}
}