@charset "utf-8";
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);

/*basic*/
#whole {/* overflow:hidden; */position:relative left:-200px;}

#mask{display:none; position:fixed; width:100%; height:100%; left:0; top:0; background-color:#000; z-index:9000;}

.btn-view {width: 135px;height: 40px;color: #909090;font-size: 18px;text-align: center;line-height: 40px;font-weight: 400;background-color: #fff;border: 1px solid #909090;-webkit-border-radius: 35px;-moz-border-radius: 35px;border-radius: 35px;}

/* popup */
.popup{
	position:fixed;
	top:20%;
	left:15%;
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box; 
	box-sizing:border-box; 
	z-index:10005; 
	-moz-box-shadow:0 0 10px 0 rgba(0,0,0,0.5); 
	-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.5); 
	box-shadow:0 0 10px 0 rgba(0,0,0,0.5); 
	background-color:#fff;
}
.popup .close{position: absolute; right:-13px; top: -13px; color:#fff; cursor:pointer; z-index:1;}
.popup .close i{border: 1px solid #000; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; font-size: 28px; color:#fff; background-color:#000;}
.popup .foot{position:absolute; bottom:0; padding-left:3px;}

/* header */
#header {position: fixed;top: 0;left: 0;width: 100%;/* height: 147px; *//* background-color: #fff; */z-index: 9999;}
.header-wrap {/* padding-bottom: 5px; background-color: #1e70b8; */}
/* .header-wrap:before {position: absolute; left: 0; bottom: 0; display:block; content:''; width: 40%; height: 5px; background-color: #ef861e;} */
.header-wrap .top {height: 47px;line-height: 47px;border-bottom: 1px solid #cecece;}
.header-wrap .top .inner-wrap{margin:0 auto;width:1200px;text-align: right;}
.header-wrap .top .border:after {content: '|';margin: 0 10px;display: inline-block;font-size: 14px;vertical-align: top;}
.header-wrap .top .go-blog {padding-left: 35px; font-weight: bold; color: #333333; background: url('/common2/images/main/icon_blog.png') no-repeat left center;}
.header-wrap .top .go-blog span {color: #5f5f5f; font-weight: normal;}
.gnb-wrap{
    /* height: 110px; */
    /* border-bottom: 1px solid #cecece; */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    border-bottom: 1px solid #999;
    /* padding-top: 32px; */
    transition: 0.8s;
}
.gnb-wrap .inner-wrap{margin:0 auto;width:1200px;}
.gnb-wrap .logo{float:left;line-height:95px;}
.gnb-wrap .logo img {vertical-align:middle;}
.gnb-wrap .gnb {float: right;/* line-height: 99px; */}
.gnb-wrap .gnb > ul {font-size: 0;}
.gnb-wrap .gnb >ul> li {display: inline-block;margin-left: 19px;vertical-align: top;}
.gnb-wrap .gnb > ul > li:first-child {margin-left: 0;}
.gnb-wrap .gnb > ul > li a {display: block;font-size: 20px;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;line-height: 95px;letter-spacing:-2px;}

/*trans*/
.trans {
	background-color: rgba(0,0,0,20%);
	transition: 0.8s;
}

.gnb-wrap.trans .gnb > ul > li a {color:#fff; transition: 0.8s;}


.gnb-wrap .gnb li a:hover,
.gnb-wrap .gnb li.on a {color: #22614e;}

/* sub menu */
#header .sub-wrap {display:none; position: absolute;left: 0;width: 100%;/*padding: 30px 0;*/}
#header .sub-wrap .sub-menu {margin: 0 auto; padding:28px 0; width: 1200px; background-repeat:no-repeat;}
/* #header .sub-menu > li > ul{float: right;margin-top: 30px;width:556px;} */
/* #header .sub-menu > li > ul > li {float: left;margin-left: 50px;width: 130px;width:25%;line-height: 39px;letter-spacing: -1px;}
#header .sub-menu > li > ul > li a {color: #fff;font-weight: 300;display: inline-block;font-size: 16px;line-height: 30px;padding-left: 14px;background: url('/common2/images/common/bullet_menu.gif') no-repeat 1% center;} */



/* mobile gnb */
.mg-control {display: none;}
.mg-tnb{display: none;}
#mo-gnb{display: none;}

#header .mg-control {display:none;/* display:block; */ width:81px; text-align:center; height:60px; line-height:61px; position:absolute; top:0; right:0; background-color:#22614e; font-size:0; letter-spacing:0; word-spacing:0; cursor:pointer; z-index: 2;}
#header .mg-control i {color:#fff; vertical-align:middle; font-size: 35px;}
#header .mg-control i:before {content: '메뉴';display: inline-block;font-size: 14px;font-weight: bold;vertical-align: super;margin-right: 2px;}
#header .mg-control #mg-close{display:none;}

#mo-gnb {position:fixed; top:0; right:-200px; width:200px; height:100%; z-index:999999; background-color:#444;}
#mo-gnb>ul {padding-top:60px; position:relative;}
#mo-gnb>ul>li {float:none;}
#mo-gnb>ul>li.mobile-title {display:block; position:absolute; top:0; left:0; width:100%; height:61px; line-height:61px; text-indent:20px; color:#fff; font-size:16px; font-weight:400; border-bottom: none; background-color:#333;}
#mo-gnb>ul>li>a {display: block; color:#bbb; font-size:16px; font-weight:400; height:45px; line-height:45px; padding:0 20px; border-bottom:1px solid #666;}
#mo-gnb>ul>li>a.on{background-color: #22614e; color:#fff;font-weight: bold;border-bottom:1px solid #22614e;}
#mo-gnb>ul>li:hover>a {color:#fff !important;}
#mo-gnb>ul>li ul {display: none; position:relative; top:auto !important;}
#mo-gnb>ul>li ul li a { display: block; padding:10px 15px;font-size:14px; line-height:17px; font-weight:400; border-bottom:1px solid #ddd; background-color: #f8f8f8; transition:all 0.1s ease-out;}



/* footer */
#footer .f-menu {width: 100%; text-align: center; border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3;}
#footer .f-menu ul {display: inline-block; height: 41px; font-size: 0; line-height: 40px; vertical-align: top;}
#footer .f-menu li {display: inline-block;}
#footer .f-menu li:before {content: '';display: inline-block;margin: 0 18px;height: 14px;width: 1px;vertical-align: baseline;background-color: #4d4d4d;}
#footer .f-menu li:first-child:before {display:none;}
#footer .f-menu li a {color: #4d4d4d; font-size: 15px;}
#footer .information {width: 100%; text-align: center;}
#footer .information .wrap {display: inline-block; margin: 38px 0 40px;}
#footer .information .f-logo {float: left; margin-right: 76px;}
#footer .information .info {float: left;margin-top: 8px;/* text-align: left; */}


/* rightMenu */
#rightMenu{position: fixed;width: 99px;right: 60px;/* padding: 20px 0; */top: 57%;margin-top: -186px;text-align: center;background: #ffffff;z-index: 8999;box-shadow: 0 0 8px rgba(0,0,0,.3);word-break: keep-all;border:1px solid #575757;}
#rightMenu li{position:relative;border-top: 1px solid #ededed;}
#rightMenu li.border-none {border-top: none;}
#rightMenu li img {/* margin-top: 13px; *//* margin-bottom: 0; */display: block; margin:0 auto;}
#rightMenu li img.mo-img{display:none;}
#rightMenu li a {position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index:1;}
#rightMenu li .rmenu_ctxt{display: block;font-size: 13px;font-weight: 800;color:#75a216;}
#rightMenu li .rmenu_txt{/* display: block;*/ padding-bottom: 13px;color:#3c3939;line-height: 120%;display:none;}
#rightMenu li .rmenu_txt span {font-weight: 500;}
#rightMenu li .btn_top{border-radius: 100%; margin: 0 auto; width: 50px; height: 50px; font-size: 16px; font-weight: 800; color:#fff; background: #75a216; line-height: 300%;}
#rightMenu li .btn_top a { color: #fff;}
#rightMenu li a:hover .rmenu_txt{color:#af9775;}

/* sitemap */
#footer .sitemap { /* margin-top:150px; */ border-top:1px solid #d3d3d3; background: #fff;}
#footer .sitemap> ul {  max-width: 1200px; margin: 0 auto;}
#footer .sitemap> ul>li { float: left; /* width: 14.2%; */width: 16.666%; padding: 60px 0; text-align: center;}
#footer .sitemap> ul>li.title { color: #282828;}
#footer .sitemap> ul>li.title span{ font-size: 22px; font-weight: 500;}
#footer .sitemap> ul>li>ul {  margin-top: 15px;}
#footer .sitemap> ul>li li a { display: block;line-height: 240%; color: #565656; font-size: 16px;}

/* 간편상담신청 */
#footer .call-box.main {background-color: #333333;}
#footer .call-box.sub {background-color: #9a9a9a;}
#footer .call-box .inner-wrap {margin: 0 auto;padding: 35px 0 30px;width: 1200px;overflow: hidden;}

#footer .checkbox-wrap{margin-top:5px;text-align:right;}
#footer .agree-check{font-size: 16px; color: #fff; font-weight: bold;}
#footer .agree-txt{font-size: 16px;font-weight: bold;color:#d8d8d8;margin-left: 5px;}

#footer .call-left{float: left;width: 68.5%;padding-left: 25px;box-sizing: border-box;padding-left: 2%;margin-top: 11px;}
#footer .agree-label {margin-right: 2.5%; color: #fff; font-size: 24px; vertical-align: middle;}
#footer .agree-input {padding: 7px 15px;width: 304px;height:56px;width: 37.5%;border: none;font-size: 20px;font-weight: 400;box-sizing: border-box;}
#footer .call-left .agree-input.agree01 {margin-right: 5%;}

#footer .call-right{float: right;width: 28%;}
#footer .btn-agree{
	width: 310px;
	height: 82px;
	font-size: 34px;
	text-align: center;
	font-weight: 500;
	line-height: 82px;
	color: #fff;
	white-space: normal;
	word-wrap: break-word;
	border: none;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box; 
	-webkit-box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.35);
	-moz-box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.35);
	box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.35);
}
#footer .call-box.main .btn-agree{/*background-image:url('/common2/images/common/btn_callbox_subbg.png');*/ background-color:#86bc24;}
#footer .call-box.sub .btn-agree{/*background-image:url('/common2/images/common/btn_callbox_subbg.png');*/ background-color:#86bc24;}


/* #footer .checkbox-wrap > p { font-size: 26px; font-weight: bold; color: #fff; display: inline-block; margin-right:45px;} */

/* #footer .call-left .agree-input { margin-left: 20px; padding: 7px 15px; width: 40%; border: none; color: #fff; border-radius: 5px; font-size: 16px; background-color: #5c5c5c;}
#footer .call-left .agree-input.ml0 { margin-left: 0px;}
#footer .call-left .title { margin-bottom: 20px;}
#footer .call-left .agree-input::placeholder { color: #fff;}

#footer .call-right .button01{ padding: 0 50px; margin-left: 25px; width: 230px; height: 115px; border: none; font-size: 24px; color: #fff; font-weight: 800; white-space: normal; line-height: 140%; word-wrap: break-word; background: url(/common2/images/main/btn_bg01.png) no-repeat;}
#footer .call-right .button01:first-child { margin-left: 0;}
#footer .checkbox-wrap > p { font-size: 26px; font-weight: bold; color: #fff; display: inline-block; margin-right:45px;}

#footer .agree-check{font-size: 16px; color: #fff; font-weight: bold;}
#footer .agree-txt{font-size: 16px;font-weight: bold;color:#d8d8d8;margin-left: 5px;} */

/* 개인정보취급방침 팝업 */
.policyPop {
    background: #fff;
    width: 80%;
    max-width: 510px;
    height: 280px;
    position: fixed;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    padding:20px;
    bottom: 0;
    text-align:left;
    z-index:9996;
    display:none;
}
.policyPop .policy{overflow-y: scroll;height: 280px;font-size: 16px;}
.policyPop .policy .title2{font-size:20px; font-weight:bold;}
.policyPop .policy span{font-size:17px;}
.policyPop .policy .box2{padding:0;}
.policyPop .close{position:absolute;  right:-13px; top:-13px; color:#fff; display:block; }
.policyPop .close i {color: #fff; font-size: 35px; border-radius: 100%; border:2px solid #000; background: #000;}

/* test */
/* .sub-wrap {display: none;} */
/* test */
#header .sub-wrap {/* display: none; */}

/* 임시 pc 고정 */

/* 임시 pc 고정 */
@media screen and (min-width:1024px) and (max-width:1200px) {
	#whole{min-width:1200px;}
	#header{min-width:1200px;}    	
}
/* .sub-wrap .sub-menu > li:first-child{display:block;} */
/* 
@media screen and (max-width:1200px) {
	#header .sub-wrap .sub-menu {width: 90%;}
	.header-wrap .top .inner-wrap{width:90%}
	.gnb-wrap .inner-wrap{width:90%}
}
@media screen and (min-width:1024px) and (max-width:1200px) {
	#header .sub-menu {background-size: contain;}
	#header .sub-menu > li > ul {width: 480px;}
    #header .sub-menu > li > ul > li {width: 33%;}
    #header .sub4 .sub-menu > li > ul > li {width: 33%;}
    #header .sub-menu .depth2-img {width: 420px; padding-left: 220px;}
}
*/
@media screen and (max-width:1200px) {
	

}
@media screen and (max-width:1023px) {
    #whole {position:relative;overflow:hidden;}
    #mo-gnb{display: block; overflow:auto;}
	#header {height: 60px;border-bottom: 1px solid #cecece;}
    #header .mg-control{display:block;}
    
	.header-wrap .top {display: none;}
	
    .gnb-wrap{height: 60px;border-bottom: 0 none;}
    .gnb-wrap .inner-wrap{width:100%;}
	.gnb-wrap .logo {margin-top: 0; line-height:60px;}
	.gnb-wrap .logo img {margin-left: 9px; height:35px;}

    .gnb-wrap .gnb {display: none;}
	/* .gnb-wrap .logo {float: none;margin-top: 5px;margin-left: 5%;padding-top: 0;height: 37px;}
	.gnb-wrap .logo img {height: 100%;} */
	
	/* 간편상담신청 */	
	#footer .call-box .inner-wrap {width: 90%;}
    #footer .btn-agree {margin: 0 auto;width: 95%;max-width: 310px; }


	/* 사이트맵 */
	#footer .sitemap { padding-bottom: 50px;}
	#footer .sitemap> ul>li { width: 100%; float: none; padding: 0; text-align: left;}
	#footer .sitemap> ul>li.title { margin: 0; padding: 0; font-size: 18px; border-bottom: 1px solid #dedede; cursor: pointer; font-weight: normal;}
	#footer .sitemap> ul>li.title span { display: block; padding: 10px 2%; background: url(/common2/images/main/f_sitemap_toggleoff.png) no-repeat 97% center;}
	#footer .sitemap> ul>li.title.on span{ background-image: url(/common2/images/main/f_sitemap_toggleon.png);}
	#footer .sitemap> ul>li li a {padding: 0 3%; border-top: 1px solid #eee;}
	#footer .sitemap> ul>li ul{ display: none;  margin: 0;}
	
	#footer .f-menu {padding: 10px 0 5px;}
	#footer .f-menu ul {height: auto; line-height: 25px;}
	#footer .information .wrap {width: 100%;}
	#footer .information .f-logo {float: none;margin: 0 auto;}
	#footer .information .info {float: none;margin: 10px auto 0;width: 90%;text-align: center;line-height: 23px;word-break: keep-all;}
	#footer .information .info li {margin-bottom: 5px;}
	#footer .information .info .info_txt span {margin: 0 5px;}

	.header-wrap {padding-bottom: 2px;}
	.header-wrap:before {width: 25%; height: 2px; bottom: -2px;}


	#rightMenu {top: auto;right: 0;bottom: 0;margin-top: 0;padding: 0;width: 100%;border-radius: 0;/* height: 100px; *//* overflow: hidden; */box-sizing: border-box;}
	#rightMenu ul {font-size: 0;}
	#rightMenu li {display: inline-block;width: 25%;border-top: 0 none;border-left: 1px solid #ededed;box-sizing: border-box;vertical-align: top;}
	#rightMenu li.border-none {border-left: 0 none;}
	#rightMenu li img.mo-img{display:block;}
	#rightMenu li img.pc-img{display:none;}
	/* #rightMenu li:nth-child(2) {padding-top: 9px;} */
}
@media screen and (max-width:1023px) and (min-width:935px) {
    /* 간편상담신청 */
    #footer .call-left .agree-input.agree01 {margin-right: 3%;}
    #footer .call-left {padding-left: 0;}
    #footer .agree-input {width: 36.5%;}
}
@media screen and (max-width: 934px) {
    /* 간편상담신청 */
    #footer .call-left {float: none;margin: 0 auto 20px;padding-left: 0;width: 70%;font-size: 0;}
    #footer .call-right {float: none; width: 100%; text-align: center;}
    #footer .checkbox-wrap { margin-top: 0; text-align: center;}
    #footer .agree-label {display: inline-block; margin-right: 2%; margin-bottom: 20px; width: 20%;}
    #footer .agree-input {margin-bottom: 20px; width: 78%;}
    #footer .call-left .agree-input.agree01 {margin-right: 0;}
}

@media screen and (max-width:720px) {
    /* 간편상담신청 */
    #footer .call-left {width: 100%;}
    #footer .btn-agree {height: 65px; line-height: 65px; font-size: 25px;}
    #footer .agree-label {font-size: 20px;}
    #footer .agree-input {font-size: 18px;}
    
}


/* 20210205 - 서브메뉴 임시 작업중 -> 수정해야함 */
#header .sub-wrap{/* display:none; */position: absolute;top: 96px;width: 100%;padding: 25px 0 35px;background-color: #f9f9f9;-webkit-box-shadow: 0 7px 22px -2px rgba(0,0,0,0.3);-moz-box-shadow: 0 7px 22px -2px rgba(0,0,0,0.3);box-shadow: 0 7px 22px -2px rgba(0,0,0,0.3);}
#header .in-subwrap{margin: 0 auto; width:100%; max-width:1200px;}
#header .sub-menu {width:100%;word-break: keep-all;font-size: 0;}
#header .sub-menu > li {display:inline-block;padding-left:30px;width: 15%;text-align: left;vertical-align:top;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#header .sub-menu > li.depth-width2 {width: 20%;}
#header .sub-menu .depth-1 {font-size: 20px; font-weight: 600;}
#header .sub-menu .depth-2 {padding-top:15px;}
#header .sub-menu .depth-2 li {font-size:16px; line-height:18px; }
#header .sub-menu .depth-2 li a { position:relative; display:block; padding:10px 0px; font-weight:400; transition:all 0.1s ease-out;  letter-spacing: -1px;}
#header .sub-menu .depth-2 li a:before {content: '';display: inline-block;width: 3px;height: 3px;background-color: #333333;vertical-align: middle;margin-right: 8px;}
#header .sub-menu .depth-2 li a:hover {color:#22614e;}
#header .sub-menu .depth-2 li:hover a:before {background-color: #22614e;}



.img-list {font-size: 0;}
.img-list img {display: block;}
.img-list li {display: inline-block; margin-left: 2.5%;width: 31.5%;text-align:center; vertical-align: top;}
.img-list li:first-child {margin-left: 0;}
.img-list .img{margin-bottom:20px;}
.img-list .img img{width:100%;}
.img-list .title{font-size:24px;}

.img-list .link {display: inline-block; width:80px; padding: 5px 10px; border-radius: 50px; color: white; font-size: 17px; border: 1px solid rgba(255,255,255,0.5); background-color: rgba(6, 8, 6, 0.2); transition: 0.3s;} 
.img-list .link:hover {background: white; color: #388d73; transition: 0.3s;} 
@media screen and (max-width:720px) {

	.img-list li {margin-top:20px; margin-left:0; width: 100%;}
	.img-list li:first-child {margin-top:0;}
	.img-list .img {margin-bottom: 15px;}
	.img-list .title {font-size: 20px;}
	.img-list .link {font-size: 17px; line-height: 27px;}
	
	
}
@media screen and (max-width:640px) {
	.popup{
		width:85%;
		top: 50%;
	    left: 50%;
	    transform: translate(-50%,-50%);
	    height: auto !important;
	}
}