html,body{height:100%;}

body{ font-family:'malgun gothic','돋움',dotum,Helvetica,'Apple SD Gothic Neo',sans-serif; letter-spacing:-0.5px; background:url(http://edzine.kedi.re.kr/2018_01m/images/bg.jpg)  repeat center top; }
body,p,div,h1,h2,h3,h4,h5,h6,ul,ol,dl,dt,dd,table,caption,form,fieldset,legend,input{margin:0; padding:0;}
li{list-style-type:none;}
fieldset,img{border:0;}
h1,h2,h3,h4,h5,h6 { font-weight:600;  }
li img, li a, dd img, img, a img{vertical-align:middle;}
.hdd{visibility:hidden; position:fixed; top:-9999; width:0; height:0; line-height:0; font-size:0}
legend,caption{font-size:0; width:0; height:0; line-height:0; visibility:hidden; position:absolute;}

a{text-decoration:none; color:#777;}
a:hover, a:focus, a:active{text-decoration:none; color:#777;}

.swiper-container{width:100%;}
.swiper-slide{ text-align:center;font-size:18px; overflow-y:hidden;
-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}

footer { position:fixed; bottom:0;  height:60px; width:100%; margin:0 auto; text-align: center; background-color:#ebebeb; z-index:999; }
.main_sns { text-align:center; padding:10px 0;  }
.main_sns img { width:40px;  }


/* 메뉴 */
.header_web { width:100%; ; }
.header_webwrap { width:900px; margin:0 auto;  }
.header_webwrap p { float:right; width:400px; text-align:right; font-size:14px; margin:30px 0 0 0; padding:0px 0 10px 0; vertical-align:middle;   }


.header_top { float:left; width:100%; padding:10px 0 0px 0;  }
.header_top span { float:right; text-align:right; font-size:15px; font-weight:600; padding:8px 0 0 0;  color:#2d608e ;}
.sns { width: 150px; vertical-align:middle; float:right;  }
.sns ul li { float:left; padding-right:5px; margin: 10px 0 0 0 ;}
.web_logo {width: 250px; float:left; }

.sel { float:right; margin: 10px 0px  0 0; width:280px;  }
.sel select { font-size:13px; color:#fff; line-height:36px;  border:1px solid #333;  width:280px; height:30px;  padding:5px 0 ; background:#333; }
.sel select option { padding:10px 0; border-bottom:1px solid #fff;  width:280px; }

.sel_tit { float:right; margin: 10px 10px  0 0; width:80px;  }
.sel_tit select { font-size:13px; color:#fff; line-height:36px;  border:1px solid #0a5ca8;  width:80px; height:30px;  padding:5px 0 ; background:#0a5ca8; }
.sel_tit select option { padding:10px 0; border-bottom:1px solid #fff;  width:280px; }

.sel_tit_mob { float:right; margin: 10px 0px  0 0; width:80px;  }
.sel_tit_mob select { font-size:13px; color:#fff; line-height:36px;  border:1px solid #0a5ca8;  width:80px; height:30px;  padding:5px 0 ; background:#F26521; }
.sel_tit_mob select option { padding:10px 0; border-bottom:1px solid #fff;   }

.mob_sel { width:90%; margin:0 auto;   }
.mob_sel select { margin:5px 0 5px 0 ; font-size:13px; color:#fff; line-height:30px;  border:1px solid #ccc;  width:100%; height:30px;  padding:5px 0 ; background:#ED125A; }
.mob_sel select option { padding:10px 0; border-bottom:1px solid #fff; }

.header_mobile{position:fixed; top:0; left:0; width:100%; padding:0px 0; z-index:9999; }
.header_mobile_top { width:90%; margin:0 auto; }
.header_mobile h1{ width:30%; float:left; text-align:left;}
.header_mobile p { width:100px; float:right; margin:17px 0px 0 0; font-size:14px; font-weight:600; vertical-align:middle; color:#ff9600;}
.header_mobile .btn_gnb{position:absolute; top:0px; right:0px; display:block; width:44px; height:44px; padding:20px;}

.gnb{display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999; font-family:"NanumGothic",NanumGothic;
background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.65) 99%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(99%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 99%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 99%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 99%,rgba(0,0,0,0.65) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 99%,rgba(0,0,0,0.65) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}
.gnb .inner{position:fixed; overflow-y:scroll; right:-50%; width:65%; height:100%; padding-bottom:200px; z-index:9999; background:#f8f8f8;}
.gnb a{display:block; width:100%; width:100%; padding:15px 0; text-indent:10px; font-size:12px; color:#000; border-bottom:1px solid #ccc;}
.gnb .depth01{background:#f8f8f8;}
.gnb .depth01 > dd > a{  background:url(../img/bg_plus.png) no-repeat right center; background-size:5px 13px}
.gnb .depth01 > dd.home{border-bottom:1px solid #ccc; background:#b45c06;}
.gnb .depth01 > dd.home > a{width:19px; padding:5px; border:0; text-indent:0; background:none}
.gnb .depth01 > dd > a.nobg{background:none;}

.gnb .depth01 .util dl{position:fixed; bottom:0; right:-85%; width:85%}
.gnb .depth01 .util dl dd{float:left; width:50%; background:#666;}
.gnb .depth01 .util dl dd:last-child{background:#666;}
.gnb .depth01 .util dl dd a{text-align:center; text-indent:0}
.gnb .depth01 .collec .depth02 > dd > a{background:url(../img/bg_plus.png) no-repeat right center; background-size:28px 13px}
.gnb .depth02{width:100%; background:#444;}
.gnb .depth02 > dt{display:block; width:100%; width:100%; padding:15px 0; text-indent:15px; color:#fff; background:#444;}
.gnb .depth02 > dt > h3{font-size:14px; font-weight:normal}
.gnb .depth02 > dd > a{border-bottom:1px solid #555;}
.gnb .depth03{width:100%; background:#757575}
.gnb .depth03 > dd > a{border-bottom:1px solid #555;}

.gnb .depth02,
.gnb .depth03{display:none}

.list_img { position:absolute; z-index:11; width:100%;  }
.list_img ul { width:50%; height:100%; margin:0 auto;  }
.list_img ul li { float:left; width:50%; text-align:center;   }
.list_img img { width:100%;  }

.list_bg { position:relative; z-index:1; width:100%; height:100%;  }
.list_bg img { width:100%; padding:0 0 60px 0; }

.copy_menu ul li a{text-decoration:none; color:#777;}


.copy_menu ul li a{text-decoration:none; color:#777;}
.copy_menu ul li a:hover, a:focus, a:active{text-decoration:none; color:#777;}


/* 스마트폰대상  레이아웃 지정：100px～769px */
@media only screen and (min-width: 100px) {
	
	

.body_bg {background:url(/sscf/images/bg.jpg)  repeat center top; }

footer { display:block;  }
.header_web { display:none; }
.header_mobile { display:block; }
.mob_sel {  display:block;  }

.list_img { position:absolute; z-index:11; width:100%; margin-left:0px; margin-top:0px; }

.swiper-slide { margin:78px 0 35px 0;  }
.swiper-button-next{background-image:url("/swiper/arrow_left.png"); left:10px;right:auto; }
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("/swiper/arrow_right.png");right:10px;left:auto}

.copy_wrap { display:none; }

.main_wrap { width:100%; height:100%; position:absolute; top:0; right:0; bottom:0px; left:0; margin:auto;   }
.main_title { width:60%; margin:0 auto; padding:50px 0 30px 0;  }
.main_title img { width:100%; }
.main_list { width:90%; margin:0 auto;  }
.main_list ul { float:left; padding-bottom:100px; }
.main_list ul li { float:left; width:45.2%; padding:5px;  }
.main_list ul li img { width:100%; }

.intro_img { width:90%; margin:0 auto; padding-top:50px; }
.intro_img img { width:100%; }


#only_pc {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#LayoutDiv_mobile {
	clear: both;
	float: left;
	margin-bottom: 85px;
	width: 100%;
	display: block;
}

}


/* PC대상 및 대형 태블릿 대상 레이아웃 지정：769px～1060px */
@media only screen and (min-width: 900px) {

.body_bg {background:url(/sscf/images/bg.jpg)  repeat center top; }

footer { display:none;  }
.header_web { display:block; }
.header_mobile { display:none; }
.mob_sel {  display:none;  }

.swiper-slide img { width:900px; height:1040px;  padding:10px 0 30px 0; }
.swiper-slide { margin:0px 0 0px 0;  }

.list_img { position:absolute; z-index:11; width:900px; left:50%; margin-left:-450px; }
.list_bg { position:relative; z-index:1; width:900px; margin:0 auto;  }

.swiper_btn {    }
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("/swiper/arrow_left.png"); left:50%; margin-left:-530px; right:auto;}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("/swiper/arrow_right.png");right:50%;margin-right:-530px; left:auto;}

.copy_wrap {  display:block; width:100%; margin-top:20px; height:200px;  float:left; background: #fff;  font-size:13px; border-top:1px solid #ccc;  }
.copy {width:900px; margin:0 auto; padding-bottom:50px; }
.copy_menu { width:900px;  margin:30px 0;  overflow:hidden;  }
.copy_menu ul {width:900px;  }
.copy_menu ul li { float:left; padding-right:10px; color:#333; font-weight:bold;  } 
.copy_txt { line-height:22px; color:#666;  float:left; }
.copy_logo {float:right; } 

.main_wrap { width:900px; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;  }
.main_title { width:463px; margin:0 auto; padding:40px 0 30px 0;  }
.main_title img { width:100%; }
.main_list { width:68%; margin:0 auto; }
.main_list ul {}
.main_list ul li { float:left; width:272px; padding:15px; }
.main_list ul li img { width:100%; }
.main_list .main_list_li {padding-right:0px; }

.intro_img { width:100%; }
.intro_img img { width:100%; }

#only_pc {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#LayoutDiv_mobile {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}


}