@charset "utf-8";
@import url("style.css");
/* @import url("fontface.css"); */
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
@import url("https://fonts.googleapis.com/css?family=Titillium Web:Extra-Light");

/* header */
#header{max-width: 1000px;margin:0 auto;background-color:#999;}
.header .content { position:absolute; max-width:1000px; margin:0 auto;top:0; left:0; width:100%;}
.header .content.h_newWrap { position:absolute; max-width:1000px; margin:0 auto;top:0; left:0; width:100%;}

.noFixed .header .content { position:absolute; left:0; margin-left:0; }
.header .section { max-width:1000px; margin:0 auto; }
.header .section:after { content:""; display:block; clear:both; }
.header .btGnb { display:none; position:absolute; right:20px; top:50%; margin-top:-12px; width:25px; height:25px; background-position:-55px -10px; background-size:500px auto; }
.header .btGnb em { position:absolute; width:0; height:0; overflow:hidden; z-index:-1; }
.header .btGnb:after { content:"\00a0"; position:absolute; top:0; left:0; }




/* */

@media all and (min-width:1px) {
	.wrap { min-width:inherit; }
	.header .section { width:auto; }

	/* */
	.off .wrap { position:fixed; left:-80%; width:100%; height:100%; -webkit-backface-visibility:hidden; /* box-shadow:3px 0 6px rgba(0,0,0,.3); -webkit-box-shadow:3px 0 6px rgba(0,0,0,.3); */ }
	.off.noFixed .wrap { position:absolute; }
	.off .wrap .header .content { left:-80%; width:100%; }
	.off.noFixed .header .content { margin-left:80%; -webkit-transition:none; transition:none; }
	.off .aside { display:block; position:relative; }
	.off .areaBg:after { content:""; position:absolute; top:0; bottom:0; right:0; width:26px;
		background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(51,51,51,0.45) 100%);
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(51,51,51,0.45)));
		background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(51,51,51,0.45) 100%);
		background: -o-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(51,51,51,0.45) 100%);
		background: -ms-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(51,51,51,0.45) 100%);
		background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(51,51,51,0.45) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6333333',GradientType=1 );
	}
	.mcontent .cont .slnk:after { background-image:url('../images/main/s_arr_2x.png'); background-size:100% auto; }
}



@media all and (min-width:1021px) and (max-width:1200px) {
	.mainNavi .nav > li a { font-size:18px; font-size:1.286rem; }
	.mainNavi .nav > li a > span br { display:block; }
	.mainNavi .nav > li.sn { display:table-cell; }

	.sidebar-sticky { visibility:hidden; width:0px; z-index:-1; overflow:hidden; }
}

@media all and (min-width:768px) and (max-width:945px) {
	.mainNavi .nav > li a { font-size:18px; font-size:1.286rem; }
	.mainNavi .nav > li a > span br { display:block; }
	.mainNavi .nav > li.sn { display:table-cell; }

	.sidebar-sticky { visibility:hidden; width:0px; z-index:-1; overflow:hidden; }
}

/* tablet */
@media all and (min-width:768px) and (max-width:1020px) {
	html { font-size:11px; }

	.mainNavi .nav { max-width:768px; width:100%; }
	.container .content { max-width:768px; }
	.header .content, .footer .content, .mainVisual .content { max-width:750px; }
	.header .content .new_h{max-width:750px;margin:0 auto;}
	.header .content.h_newWrap .selectbox{top:-10px;}

	.container { background-size:1584px auto; }

	/* */

	/* */
	.mainNavi { height:60px; }
	.mainNavi .nav > li { height:60px; }
	.mainNavi .nav > li a { line-height:60px; height:60px; }
	.header .mainNavi .nav > li a.on, .header .mainNavi .nav > li a:hover, .header .mainNavi .nav > li a:focus { background-size:13px auto; }
	.header .content.h_newWrap .selectbox.selectLastMg .txt{height: 10px;line-height: 10px;border:1px solid #ddd;padding: 13px 100px 13px 20px;}


}



/* mobile */
@media all and (max-width:767px) {


	/* */
	.off .wrap .area { overflow:hidden; }
	.off .areaBg { display:block; position:absolute; top:0; left:0; right:0; bottom:0; background-color:rgba(0,0,0,.5); z-index:100; }
	.off .area:after { position:absolute; top:0; left:0; right:0; bottom:0; background-color:rgba(0,0,0,.6); content:""; z-index:100; min-height:100%; display:none; }

	.footer { height:114px; }
	.container { background-image:none; }
	.container .content { padding:0; }
	.br { display:inline; }
	.mhid { display:none !important; }
	.mshow { display:block; }
	br.mshow { display:inline; }
	.sidebar-sticky { visibility:hidden; width:0px; z-index:-1; overflow:hidden; }
	.mnewline { white-space:normal; }
	.mlineh { line-height:1.7; }

	/* */
	.header, .header .content { height:55px; }
	.header .content { background-color:#00b6c2; position:fixed; top:0; left:0; width:100%; -webkit-backface-visibility:hidden; box-shadow:0 1px 3px rgba(0,0,0,.3); -webkit-box-shadow:0 1px 3px rgba(0,0,0,.3);
		-webkit-transition:left 0.2s; -moz-transition:left 0.2s; -ms-transition:left 0.2s; transition:left 0.2s; }


	/* footer */
	.footer { height:86px; }
	.footer .section { position:relative; padding:15px 10px; }
	.footer .section .kosaf { position:relative; top:auto; left:auto; margin:0 auto; width:100px; height:19px; background-position:0 -75px; }
	.footer .section .kosaf > a { display:block; width:100%; height:100%; overflow:hidden; text-indent:-999px; }
	.footer .section .selectbox { display:none; }
	.footer .section address { font-size:0.714rem; text-align:center; padding-top:6px; }
	.footer .section address a:hover, .footer .section address a:focus { text-decoration:underline; }

	/* */
	.mainNavi { display:none; }
	.mainVisual { height:auto; background-image:none !important; }
	.mainVisual .visualBg { background-image:none !important; }
	.mainVisual:after { display:none; }

	/* */
	.mainPage .header { display:block; }

}

@media all and (max-width:639px) {
}

@media all and (min-width:480px) and (max-width:767px) {
	html { font-size:17px; }
	.mcontent .cont5, .mcontent .cont4, .mcontent .cont3 { height:165px; }
	.mcontent .cont .slnk { bottom:20px; }
}

@media all and (min-width:414px) and (max-width:479px) {
	html { font-size:15px; }
}

@media all and (max-width:399px) {
}

@media all and (max-width:359px) {
	html { font-size:13px; }
}

@media all and (max-width:319px) {
	body { min-width:320px; }
	.header .content { min-width:320px; }
	.mcontent { padding-top:20px; }
}

@media all and (max-width:767px) {
	.new_h .selectbox { display: none;}

}