@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
html,body { font-family:Roboto,"Noto Sans KR",sans-serif,-apple-system,Dotum,sans-serif; letter-spacing: -1px !important;-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;}
#doc {position:relative;min-width:320px; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
body {overflow-y:visible;overflow-x:hidden}




.doc-pg{position: relative;}
.body-slide-wr {position:relative;width:100%;transition:margin 0.3s ease;}
.body-slider-ovclick, .layer-slider-ovclick{position:absolute;z-index:2600;width:100%;height:calc(100% + 102px);left:0;top:-102px;background:rgba(0,0,0,0.65);cursor:pointer }

.header-slider-ovclick{position:fixed;z-index:2600;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.65);cursor:pointer }
.mypage-slider-ovclick{position:fixed;z-index:2600; width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.65);cursor:pointer;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out; }

/*=======================================================
    z-index dafault
=========================================================*/
.doc-pg #header-wrap{position:fixed;z-index:999; border-bottom: 1px solid #cccfd5;}
#container-wrap{position:relative;margin-top: 50px; background: #fff}
#footer-wrap{z-index:90; }



/*=======================================================
    #header-wrap 컨텐츠
=========================================================*/

#header-wrap {height:60px;top: 0; background:#fff; width: 100%}

#header{position:relative; text-align:center; z-index:5}

#header-wrap .mn-bar {position:absolute;background:#fff;left:0;top:126px;left:50%;margin-left:-1000px;width:100%; margin-left:-50%;z-index:2000;box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15) ;-webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15) ; -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15) }

#header .bt-mnall {position:absolute;display:block;z-index:2599; width:30px; height:30px; background:url(../_Img/Layout/bt-mnall-black.png)no-repeat center center; background-size:24px auto;left:12px; bottom:20px;}
#header .bt-mnall-close {position:absolute;right:0;top:0;width:60px;height:70px; z-index:5400;border:0;background:url(../_Img/Layout/bt-mnall-close.png) no-repeat center center;}

#logo{background:url(../_Img/logo.png?v=3) no-repeat left center; width:175px; height:22px; text-align:left; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
#logo a{display:block; height:22px;font-size:14px; color:#fff; font-size:14px; font-weight:500; }
.l-pc{display: block;}
.l-mobile{display: none;}


#gnb-wrap{position:absolute;font-size:0; right:0;top:0px;width:100%; z-index:2009;text-align:right;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
#gnb-wrap .member-gnb{position:absolute; right:0; top:0; height:60px; z-index:2011;}
#gnb-wrap li{display:inline-block; vertical-align:top;margin-left:24px;}
#gnb-wrap li.mypage-ov {margin-left:0}
#gnb-wrap li.line{line-height: 60px}
#gnb-wrap li a{font-size:14px; font-weight:400; color:#222;}
#gnb-wrap li a.mypage-btn{width:40px;text-align:center; height:40px; margin: 10px 0 10px 20px; background:url(/assets/_Img/Layout/my-photo.png); background-size:cover;background-position: center;display:block;text-transform:uppercase; z-index:5000; position:relative; border-radius: 100%}
#gnb-wrap li a.mypage-btn span{ display:inline-block; vertical-align:top;position:relative; padding-right:10px; line-height:60px;}
#gnb-wrap li a.mypage-btn span:after{position:absolute; right:-10px ;top:50%;margin-top:-5px; width:12px; height:12px; display:block; content:""}
#gnb-wrap li a.mypage-btn.active span:after{margin-top:-5px;}
#gnb-wrap li a.mypage-btn span:before{top: 41px; width:17px;right: -3px; height:9px; position:absolute; display:block; content:"";-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out; background: url(../_Img/Layout/mypage-arrow.png) no-repeat center center}
#gnb-wrap li a.mypage-btn.active  span:before{bottom:0;}
#gnb-wrap li.hide{display:none;}
#gnb-wrap li.c-02{display:inline-block;}

.top-search{position:relative; height:31px; border:2px solid #418ccc; width: 155px; margin: 12px 0 12px 0}
.top-search.mobile{display: none}
.top-search input[type="text"]{position:relative;border:none; height:31px; width:100%;box-sizing:border-box; color:#418ccc; font-size:14px; padding:0 40px 0 10px;}
.top-search .btn{position:absolute; right:0px; top:0; width:32px; height:31px;border:none; background:url(../_Img/Layout/search-ico.png?v=2) no-repeat center center;}


.myInfo-wrap{width:340px; z-index:2601; height:0; background:#fff; position:Absolute; right:0; top:60px;text-align:left; overflow:hidden}
.myInfo-wrap .close{display: none; background:url(../_Img/Layout/mypage-close.png)no-repeat center center; position:Absolute; right:10px; top:20px; width:20px; height:20px; z-index:90}
.myInfo-wrap .info{position:Relative; min-height:70px; border-bottom:1px solid #e5e7e8;padding:20px 20px 20px 100px; color:#222; line-height: 30px}
.myInfo-wrap .info .img{width:70px; height:70px; box-sizing:border-box; border-radius:100%; position:Absolute; left:20px; top:20px;overflow:hidden;border:1px solid #e1e3e6;}
.myInfo-wrap .info .img img{width:100%;}
.myInfo-wrap .info .name{ font-size:22px; display:block; padding-top:15px; line-height:130%:}
.myInfo-wrap .info .name span{padding: 0 0 0 10px; line-height: 22px; margin-bottom: 5px}
.myInfo-wrap .info .name span img{padding-bottom:5px }
.myInfo-wrap .info .email{ font-size:14px; display:block; line-height:130%:}
.myInfo-wrap .info .class{ font-size:14px; display:block; line-height:130%; color: #418ccc; margin-top: 5px}

.myInfo-wrap .benefit{width: 100%; font-size: 15px; padding: 11px 0; border-bottom:1px solid #e5e7e8; line-height: 30px}
.myInfo-wrap .benefit .con{position: relative; margin: 0px auto; width: 110px}
.myInfo-wrap .benefit span{color: #222}
.myInfo-wrap .benefit span.b{margin-right: 5px}
.myInfo-wrap ul{padding:11px 0; }
.myInfo-wrap ul.top{border-top: 1px solid #e5e7e8}
.myInfo-wrap ul li {display:block !important;; margin-left:0 !important; }
.myInfo-wrap ul li a{display:block; line-height:130% !important; color:#222 !important; font-weight:500 !important;  font-size:15px !important; padding:9px 26px}
.myInfo-wrap .point{ border-bottom:1px solid #e5e7e8; padding:10px 0;text-align:right; position:relative;}
.myInfo-wrap .point .btxt{line-height:130% !important;; color:#222 !important;; font-weight:500; font-size:15px !important;; padding:7px 26px; position:absolute; left:0; top:10px;}
.myInfo-wrap .point .stxt{display:block; line-height:130% !important; color:#418ccc !important; font-weight:500; font-size:15px !important; padding:7px 26px}

.myInfo-wrap .in-certify-btn{background:#68c6fa; display:inline-block; vertical-align:top; line-height:38px; border:1px solid #418ccc; color:#fff; font-size:14px; font-weight:500; padding:0 15px;}

/*ios용 header 팝업 메뉴*/
.myInfo-wrap.iosacf{width:340px; z-index:2601; height:0; background:#fff; position:Absolute; right:0; top:1px;text-align:left; overflow:hidden}
.myInfo-wrap.iosacf .close{display: none; background:url(../_Img/Layout/mypage-close.png)no-repeat center center; position:Absolute; right:10px; top:20px; width:20px; height:20px; z-index:90}
.myInfo-wrap.iosacf .info{position:Relative; min-height:70px; border-bottom:1px solid #e5e7e8;padding:20px 20px 20px 100px; color:#222; line-height: 30px}
.myInfo-wrap.iosacf .info .img{width:70px; height:70px; box-sizing:border-box; border-radius:100%; position:Absolute; left:20px; top:20px;overflow:hidden;border:1px solid #e1e3e6;}
.myInfo-wrap.iosacf .info .img img{width:100%;}
.myInfo-wrap.iosacf .info .name{ font-size:22px; display:block; padding-top:15px; line-height:130%:}
.myInfo-wrap.iosacf .info .name span{padding: 0 0 0 10px; line-height: 22px; margin-bottom: 5px}
.myInfo-wrap.iosacf .info .name span img{padding-bottom:5px }
.myInfo-wrap.iosacf .info .email{ font-size:14px; display:block; line-height:130%:}
.myInfo-wrap.iosacf .info .class{ font-size:14px; display:block; line-height:130%; color: #418ccc; margin-top: 5px}

.myInfo-wrap.iosacf .benefit{width: 100%; font-size: 15px; padding: 11px 0; border-bottom:1px solid #e5e7e8; line-height: 30px}
.myInfo-wrap.iosacf .benefit .con{position: relative; margin: 0px auto; width: 110px}
.myInfo-wrap.iosacf .benefit span{color: #222}
.myInfo-wrap.iosacf .benefit span.b{margin-right: 5px}
.myInfo-wrap.iosacf ul{padding:11px 0; }
.myInfo-wrap.iosacf ul.top{border-top: 1px solid #e5e7e8}
.myInfo-wrap.iosacf ul li {display:block !important; margin-left:0 !important; }
.myInfo-wrap.iosacf ul li a{display:block; line-height:130% !important; color:#222 !important; font-weight:500 !important;  font-size:15px !important; padding:9px 26px}
.myInfo-wrap.iosacf .point{ border-bottom:1px solid #e5e7e8; padding:10px 0;text-align:right; position:relative;}
.myInfo-wrap.iosacf .point .btxt{line-height:130% !important;; color:#222 !important;; font-weight:500; font-size:15px !important;; padding:7px 26px; position:absolute; left:0; top:10px;}
.myInfo-wrap.iosacf .point .stxt{display:block; line-height:130% !important; color:#418ccc !important; font-weight:500; font-size:15px !important; padding:7px 26px}

.myInfo-wrap.iosacf .in-certify-btn{background:#68c6fa; display:inline-block; vertical-align:top; line-height:38px; border:1px solid #418ccc; color:#fff; font-size:14px; font-weight:500; padding:0 15px;}


#header-wrap.mypage #header .bt-mnall{z-index:2006}


@media only screen and (max-width:990px) {
	.top-search.pc{display: none}
	.top-search.mobile{display: none;}
	.top-search{position: absolute;top:337px; right: 20px; width: 200px}
	#header-wrap:after{background: rgb(255,255,255,0.7); width: 100%; margin-left: -50%; height: 50px; position: absolute; left: 50%; top: 0; display: block; content: ""; z-index: 1}
    #gnb-wrap{margin: 0 15px; width: calc(100% - 30px); height: 50px;padding-right:0;}
    #gnb-wrap li{line-height: 50px;margin-left:15px;}
    #gnb-wrap li.line{line-height: 50px}
	#gnb-wrap li.c-03{margin-right:15px;}
	#gnb-wrap li.mypage-ov {margin-left:0}
    #gnb-wrap .member-gnb{height: 50px; }

	#header-wrap{ height:50px;}
	#header{ height:50px;}
	#header .bt-mnall {top:10px; opacity:1;background:url(../_Img/Layout/bt-mnall-black.png)no-repeat center center; background-size: 24px auto}
	.l-pc{display: none;}
	.l-mobile{display: block;}

	#logo{background:url(../_Img/logo.png) no-repeat center center; margin: 15px auto; width: 153px; height: 19px; background-size: 100% }
	#logo a{padding-left:0;}
	#gnb-wrap li a.mypage-btn{width:30px;height:30px; margin: 10px 0 10px 20px;}
	#gnb-wrap li a.mypage-btn span:before{display: none;}
	.myInfo-wrap{top:45px;}
	.myInfo-wrap.iosacf{top:45px;}

}
	@media only screen and (max-width:480px) {
	   #gnb-wrap li{margin-left:12px;}
	   #gnb-wrap li a{font-size:13px;}
	   #gnb-wrap li.c-03{margin-right:12px;}
	   .myInfo-wrap{width:310px;}
	   .myInfo-wrap.iosacf{width:310px;}
	   #logo{width: 120px; margin: 16px auto;background:url(../_Img/logo.png) no-repeat center center;background-size: 100%; }

	}
	@media only screen and (max-width:400px) {
	   #logo{width: 57px; height: 30px; margin: 10px auto;background:url(../_Img/logo02.png) no-repeat center center;background-size: 100%; }
	   #gnb-wrap{height: 50px}
	   #header-wrap{height: 50px}
	   #header{height: 50px}
	   #header-wrap:after{height: 50px}
	}

	@media only screen and (min-width:1001px){
		.currentmenu {color: #418ccc!important;}
		#header .bt-mnall{display:none;}
		/* MainNavi-wrap */
		#mainNavi-wrap {height:50px;overflow:hidden;position:absolute;left:0;top:0px;width:100%;display:block;z-index:2007;}
		#mainNavi-wrap .tmn-tit {display:none;}

		#mainNav {position:relative;}

		.topmenu {display:block;position:relative;text-align:left;}
		.topmenu:after {display:block;content:"";clear:both;}
		.topmenu .tgl-btn {display:none;}
		.topmenu .mn_a1 {height:22px; display:block; color:#222; font-weight:500; position:relative; text-align:center;}
		.topmenu .mn_s1.active{color: #418ccc}
		.topmenu .mn_l1.active{color: #418ccc}
		.topmenu .mn_l1:first-child .mn_a1:after{display:none;}
		.topmenu .mn_l1 {float:left; }
		.topmenu .mn_l1:first-child{margin-left:-12px;}
		.topmenu .mn_a1 {font-size:17px;padding:20px 10px;}
		.topmenu .is-open .mn_a1, .topmenu .is-over .mn_a1{color:#418ccc}

		/*.topmenu .mn_l1:last-child a.mn_a1:after{position:absolute; right:-12px; width:20px; height:20px; top:50%;margin-top:-10px;display:block; content:""; background:url(../_Img/Layout/depth-down.png) no-repeat center center;}
		.topmenu .mn_l1.is-open:last-child a.mn_a1:after, .topmenu .mn_l1.is-over:last-child a.mn_a1:after { background:url(../_Img/Layout/depth-up.png) no-repeat center center;}*/

		.topmenu #tm01 .depth2-wrap{ width:18%; left:0}
		.topmenu #tm02 .depth2-wrap{ width:18%; left:20%}
		.topmenu #tm03 .depth2-wrap{ width:18%; left:40%}
		.topmenu #tm04 .depth2-wrap{ width:18%; left:60%}
		.topmenu #tm05 .depth2-wrap{ width:18%; left:80%}
		/* .topmenu #tm05 .depth2-wrap:before{background:#ececec; width:1px ;height:100% ;right:0; top:0; display:block; content:""; position:absolute;} */

		.topmenu .mn_l1.is-open .mn-txt{ color:#418ccc;border-color:#418ccc}
		.topmenu .mn-txt{font-size:17px; letter-spacing:-0.03em; color:#212121;border:1px solid #cecece; font-weight:400;padding:0 20px 0 20px; margin-top:15px; line-height:44px; display:block;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
		.topmenu .depth2-wrap {position:absolute;top:95px;line-height:120%;display:none;visibility:hidden;padding:0; }
		/* .topmenu .depth2-wrap:after{ background:#ececec; width:1px ; height:100%;left:0; top:0; display:block; content:""; position:absolute;} */
		.topmenu .depth2 {position:relative;height:auto;padding:15px 0 15px 0;overflow:hidden; min-height:130px;}
		.topmenu .depth2 li {letter-spacing:-1px;line-height:1.3em; width:auto;}
		.topmenu .depth2 .mn_l2 {text-align:left;margin-bottom:1px; font-size: 14px }
		.topmenu .depth2 .mn_a2 {cursor:pointer; line-height:130%;padding:2px 35px 2px 10px; display:block;}
		.topmenu .depth2 .mn_a2 span {display:inline-block; padding:2px 0; position:relative;font-weight:400; font-size:15px;letter-spacing:-0.03em;color:#666;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
		.topmenu .depth2 .mn_a2:hover span {color:#111;text-decoration:underline }




		#mainNavi-wrap .ovbar {position:absolute;height:14px;top:68px;display:block;overflow:hidden; height:12px; display:block;;}
		#mainNavi-wrap .ovbar:after {position:absolute;bottom:0;left:50%;margin-left:-50%;background:#418ccc; height:4px;content:"";display:block;z-index:200; width:100%;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}

		.tm-top{display:none;}

	}



	@media only screen and (max-width:1000px) {



		/* 메뉴 */
		#header-wrap .mn-bg {display:none;}
		#mainNavi-wrap{position:relative; z-index:4300; text-align:left; height:0 !Important}
		#mainNavi {position:fixed;background:#fff;transition:right 0.3s ease;z-index:7000;left:-240px;overflow-y:auto;overflow-x:hidden;top:0px;width:240px;height:100%;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;	transition: all 0.2s ease-out;}
		#mainNavi.mn-h-open {left:0;}

		.tm-top{position:relative;}
		.tm-top h3{ background:#fff url(../_Img/m-logo.png)no-repeat 15px center; background-size:134px auto; height:70px; border-bottom:2px solid #418ccc}

		.topmenu {width:100%;display:block;position:relative;}
		.topmenu:after {display:block;content:"";clear:both;}
		.topmenu li {line-height:1.3em;position:relative;}
		.topmenu a {position:relative;}
		.topmenu .mn-txt{display:none;}

		.topmenu .has-sub .tgl-btn {padding:0;display:block;width:20px;height:20px;position:absolute;right:15px;top:8px;border:0;z-index:100;text-indent:-9999em;background:transparent;}
		.topmenu .has-sub .tgl-btn:before {content:'';position:absolute;left:0;top:50%;width:60%;height:1px;background:#777;transform: rotate(45deg);}
		.topmenu .has-sub .tgl-btn:after {content:'';position:absolute;right:0;top:50%;width:60%;height:1px;background:#777;transform: rotate(-45deg);}
		.topmenu .mn_l1 > .tgl-btn {right:15px;top:16px;}
		.topmenu .mn_l1.is-open > .tgl-btn:before, .topmenu .mn_l1.over > .tgl-btn:before {left:2px;transform: rotate(0);}
		.topmenu .mn_l1.is-open > .tgl-btn:after, .topmenu .mn_l1.over > .tgl-btn:after {right:2px;transform: rotate(0);}
		.topmenu .mn_l2 > .tgl-btn {width:16px;height:16px;right:12px;top:16px;}
		.topmenu .mn_l2 > .tgl-btn:before, .topmenu .mn_l2 > .tgl-btn:after {height:1px;}
		.topmenu .mn_l2.is-open > .tgl-btn:before, .topmenu .mn_l2.over > .tgl-btn:before {transform: rotate(0);}
		.topmenu .mn_l2.is-open > .tgl-btn:after, .topmenu .mn_l2.over > .tgl-btn:after {transform: rotate(0);}

		.topmenu .mn_a1 {position:relative;display:block;border-bottom:1px solid #e6e6e6;}
		.topmenu .mn_a1 span {display:block;padding:17px 30px 17px 20px;overflow:hidden;font-size:15px;font-weight:400;letter-spacing:-0.01em;white-space:normal;cursor:pointer;color:#333;}
		.topmenu .over .mn_a1 span, .topmenu  .mn_a1:hover span {color:#111;}
		.topmenu .is-open .mn_a1{/* background-color:#102741; */}

		.topmenu .has-sub .is-ico {padding:0;display:block;width:30px;height:30px;position:absolute;right:0px;top:3px;border:1px solid red;}


		.topmenu li > div {display:none; opacity:0;}
		.topmenu .depth2-wrap {position:relative; width:auto !important}
		.topmenu .depth2 {position:relative;width:100%;background:#f6f6f6;border-bottom:1px solid #e6e6e6;}
		.topmenu .depth2:after {clear:both;content:"";display:block}
		.topmenu .depth2 li {font-size:14px;line-height:1.3em;}
		.topmenu .depth2 a {display:block;}
		.topmenu .depth2 .mn_l2 {border-bottom:1px solid #ececec}
		.topmenu .depth2 .mn_l2:last-child{border-bottom:none}
		.topmenu .depth2 .mn_l2.first , .topmenu .depth2 .mn_l2:first-child {border-top:0px}
		.topmenu .depth2 .mn_a2 {display:block;padding:11px 45px 11px 21px; position:relative;}
		.topmenu .depth2 .mn_a2 span.img{display:none;}
		.topmenu .depth2 .mn_a2 span {font-size:14px;font-weight:300;cursor:pointer;color:#444;}
		.topmenu .depth2 .mn_a2:hover span, .topmenu .depth2 .over .mn_a2 span{color:#444;}


		.mn-bar {display:none;}
	}


/* #container 컨텐츠*/

#container-wrap.scontainer {position:relative;margin-top: 50px; background: #fff}
#container-wrap.scontainer:after{clear:both; content:"";display:block;}
#container-wrap.mcontainer #contents{min-height:500px; padding:20px 0 50px 0; background: #fff}
#container-wrap.scontainer #contents{min-height:500px; position:Relative; padding:20px 0 60px 0; background: #fff}


#container-wrap.scontainer .page-prev {width:46px; height:46px; position:absolute; left:-60px; top:20px; background:url(../_Img/Sub/prev-arrow.jpg) no-repeat center center #fff; border:1px solid #d8dce2;}
#container-wrap.scontainer .page-prev02 {width:46px; height:46px; position:absolute; left:-60px; top:0px; background:url(../_Img/Sub/prev-arrow.jpg) no-repeat center center #fff; border:1px solid #d8dce2;}


#full-container-wrap {margin-top: 61px; background: #fff}
#full-container-wrap:after{clear:both; content:"";display:block;}
/*#fullH-container-wrap #fullH-contents{min-height:500px; padding:20px 0 50px 0}
#fullH-container-wrap #fullH-contents{min-height:500px; position:Relative; padding:20px 0 60px 0}*/


#full-container-wrap .page-prev {width:46px; height:46px; position:absolute; left:-60px; top:20px; background:url(../_Img/Sub/prev-arrow.jpg) no-repeat center center #fff; border:1px solid #d8dce2;}


.div-cont {position:relative;text-align:left;margin:0px auto; max-width:990px}/*width 990px*/
.div-cont:after {clear:both;content:"";display:block;}

.div-full {position:relative;text-align:left;margin:0 auto; width: 100%}/*width-full*/
.div-full:after {clear:both;content:"";display:block;}


#full-contents{position: relative; margin: 0px auto}
#full-contents.high{height: 400px; background: #000}

.default-div{position:Relative;}

	@media only screen and (max-width:1000px){
		#container-wrap.mcontainer #contents{padding:20px}
		#container-wrap.scontainer #contents{padding:20px 20px 20px 20px}
		#container-wrap.scontainer .page-prev02{left: 0px}
		.div-full .div-cont{padding: 10px 10px;}
	}
		@media only screen and (max-width:990px){
		#container-wrap.scontainer{margin-top: 50px}
		#full-container-wrap {margin-top: 50px}
		#full-container-wrap.iosacf{margin-top: 0px}
		#container-wrap.iosacf{margin-top: 0px}
	}
	@media only screen and (max-width:480px){
		#container-wrap.mcontainer #contents{padding:15px 10px}
		#container-wrap.scontainer #contents{padding:15px 20px 20px 20px}
	}
	@media only screen and (max-width:380px){
		#container-wrap.mcontainer #contents{padding:15px 15px}
		#container-wrap.scontainer #contents{padding:15px 15px 20px 15px}
		.div-full .div-cont{padding:10px;}
	}


.right-quick{position:fixed; right:-66px ; z-index:9998; bottom:20px;width:66px; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.right-quick.ab{bottom:340px}
.right-quick.over{right:10px;}
.right-quick a {display:block; width:50px; height:50px;text-align:center;}
.right-quick a.cs-btn{border:1px solid #1885c2; background:#418ccc url(../_Img/Layout/cs-ico.png) no-repeat center; border-radius:3px; color:#fff; }
.right-quick a.top-btn{border:1px solid #b9c2cf;margin-top:10px; background:#fff url(../_Img/Layout/top-ico.png) no-repeat center 16px; border-radius:3px; color:#5d92b0;}
.right-quick a.top-btn span{padding-top:35px}
.right-quick a span{display:block; padding-top:42px; line-height:20px; text-transform:uppercase; font-size:13px;}

	@media only screen and (max-width:1000px){
		.right-quick{ position:fixed;right: 0; width: 66px; bottom:35px; text-align:center; padding:20px 0 }
		.right-quick.ab{bottom:auto;}
		.right-quick.over{}
		.right-quick a {display:inline-block; vertical-align:top;}
		.right-quick a.top-btn{margin-top:5px;}
	}
	@media only screen and (max-width:680px){

	}
/*메인_공지사항*/

.msec-board{border:1px solid #cccfd5; background:#fff; padding:25px 25px; position:relative; margin-top:50px; margin-bottom: 50px; box-sizing: border-box;}
.msec-board h3{ font-size:18px; letter-spacing:-0.04em;font-weight:500; color:#222; line-height:130%;}
.msec-board .more{position:Absolute; right:25px; top:27px; line-height:20px; padding-right:13px; }
.msec-board .more:after{position:Absolute; right:0; top:50%;margin-top:-9px;width:20px; height:20px;background:url(../_Img/Main/board-more.png) no-repeat right center; font-size:14px; color:#333;font-weight:600; ; display:block; content:""; }

.msec-board ul{padding-top:17px;}
.msec-board li{margin-top:12px;}
.msec-board li:first-child{margin-top:0;}

.msec-board li a{display:block; line-height:130%; padding-right:80px; position:relative;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.msec-board li a:hover{text-decoration:underline}
.msec-board li a .tit{ font-size:14px; color:#333;letter-spacing:-0.03em;}
.msec-board li a .date{position:Absolute; right:1px; top:0; font-size:14px; color:#666; letter-spacing: -0.01em}
.msec-board li a .cate{display:inline-block; padding-right:10px; font-weight:600;}
.msec-board li a .cate.notice{color:#418ccc}
.msec-board li a .cate.recruit{color:#053262}
.msec-board li a .cate.other{color:#ff8800}


	@media only screen and (max-width:480px) {
		.msec-board{padding:20px; margin-top:30px;}
		.msec-board h3{font-size:17px;}
		.msec-board .more{right:20px;}

		.msec-board li{margin-top:10px}
	}



/* ======================================================
    #footer-wrap 컨텐츠
=========================================================*/
#footer-wrap {display:block; min-height: 400px; background: #fff}
#footer { position:relative;text-align:center; padding-bottom:33px;}
#f-info .logo{margin-bottom:15px;width:112px; height:45px; display:inline-block; vertical-align:top;background:url(../_Img/f-logo.png) no-repeat center center;  }
#f-info .company{font-size:14px ;margin-bottom: 0px; padding: 0 0 15px 0;}
#f-info .company span{display:inline-block; margin-left:5px;padding-left:5px; position:relative; border-left: 1px solid #6e6e6e; line-height: 14px}
#f-info .company span:first-child{margin-left:0; border-left: 0;padding-left: 0}


#f-info{position:relative;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
#f-info:after{ background:#fff; border-top:1px solid #e1e3e6;background:#fff;position:absolute; left:50%; top:0; width:100%; margin-left:-50%; display:block; content:""; height:100%; z-index:-1;}

#f-info .link{ overflow:hidden;text-align:left; padding:15px 0;border-bottom:1px solid #e5e7eb; position: relative;}
#f-info .link ul{position: relative;float: left;}
#f-info .link li{float:left; margin-right:15px;}
#f-info .link li a{display:block; color:#5a5a5a; line-height:20px; font-size:14px; }
#f-info .link .abs-app{position: absolute; right: 0; top: 0; height: 51px; }
#f-info .link .abs-app div{float: left;padding:14px 0; line-height: 23px}
#f-info .link .abs-app div.ios-app span{padding-left: 23px;position: relative;}
#f-info .link .abs-app div.ios-app span:before{background: url(/assets/_Img/Main/app-ios.png) no-repeat; width: 18px;height: 23px; content: ""; position: absolute; left: 0; z-index: 1}
#f-info .link .abs-app div.and-app span{padding-left: 26px;position: relative; margin-left: 30px}
#f-info .link .abs-app div.and-app span:before{background: url(/assets/_Img/Main/app-and.png?t=v1) no-repeat; width: 21px;height: 23px; content: "";position: absolute; left: 0; z-index: 1}

#f-info .cs-center{padding-top: 15px}
#f-info .cs-center .tit{font-size:14px; font-weight:600; color:#49acda;line-height:140%;}
#f-info .cs-center .tel{color:#222; font-size:18px; font-weight:300; line-height:140%;margin:2px 0;letter-spacing: 0}
#f-info .cs-center .tel span{display:inline-block; margin-left:20px;position:relative;}
#f-info .cs-center .tel span:before{width:1px;background:#222; height:14px; top:50%;margin-top:-5px; display:block; content:""; position:Absolute; left:-14px;}
#f-info .cs-center .time{color:#222; font-size:13px; font-weight:400; line-height:140%; letter-spacing: 0; margin-left: 10px}
#f-info .cs-center .time .let1{letter-spacing: -1px}

#f-info .banner{width:100%; border-top:1px solid #e5e7eb; border-bottom:1px solid #e5e7eb; overflow:hidden; margin-bottom: 15px}
#f-info .banner li{display:table; height:38px; float:left; margin-right:25px;padding:10px 0 10px 10px}
#f-info .banner li a{display:table-cell ;vertical-align:bottom;}

#f-info .office{width: 100%; padding:20px 0 10px 0;font-size:12px; color:#6e6e6e; font-weight:400; line-height:140%; letter-spacing:-0.03em;}
#f-info .copy{font-size:13px;text-transform:uppercase; letter-spacing:0; margin-bottom: 30px}
	@media only screen and (max-width:1000px){
		#footer-wrap{}
		#f-info {padding:0 20px;}
	}
	@media only screen and (max-width:990px){
		#f-info .company span.f05{margin-left: 0;padding-left: 0; border-left: 0; display: inline-block;}
	}

	@media only screen and (max-width:800px){
		#footer .company span:before{ display:none;}
		#footer .company span{margin:3px 0;display:block;line-height:110%;}
		#footer .copy {line-height:120%; margin-top:5px;}

		#f-info {padding:0 20px;}
		#f-info .link li{margin-right:10px;}
		#f-info .link .abs-app{position: relative; float: left;width: 100%; display: inline-block; height: 23px; margin-bottom: 15px}
		#f-info .link .abs-app div{padding:0 0 0 0; display: inline-block;}
		#f-info .cs-center .time{display: inline-block; margin-left: 0; margin-bottom: 15px}

	}
	@media only screen and (max-width:750px){
		#f-info .company span.f03{margin-right: 60px}
		#f-info .company span.f05{margin-left:15px;padding-left:15px; border-left: 1px solid #6e6e6e; }
		#f-info .company span.f04{margin-left: 0;padding-left: 0; border-left: 0; }
	}
	@media only screen and (max-width:580px){
		#f-info .company span.f02{margin-right: 120px}
		#f-info .company span.f04{margin-left:15px;padding-left:15px; border-left: 1px solid #6e6e6e;}
		#f-info .company span.f03, #f-info .company span.f05{margin-left: 0;padding-left: 0; border-left: 0;margin-right: 0 }
	}
	@media only screen and (max-width:480px){
		#f-info .company span.f02, #f-info .company span.f03, #f-info .company span.f04, #f-info .company span.f05{margin-left: 0;padding-left: 0; border-left: 0;margin-right: 0; display: block; line-height: 20px}
		#f-info .banner li{height:22px; margin-right:10px;}
		#f-info .banner li img{width:100px}
		#f-info .office{font-size:11px; padding-top:25px;}
		#footer .copy{font-size:11px;}
	}
	@media only screen and (max-width:400px){
		#f-info {padding:0 15px;}
		#f-info .cs-center .tel{font-size:17px}

	}