@charset "utf-8";

/*
 * Layout Style
 *
 */


.pc-display{position:relative}
.wide-display{position:absolute; left:-9999px; top:-9999px}
.mobile-display{position:absolute; left:-9999px; top:-9999px}


#wrap{width:100%; margin:0 auto;}
#container {position:relative;margin:0px auto; top:129px;}


/********************************************
	HEADER
********************************************/

#header{position:fixed; top:0; border-top:4px solid #df1f26; width:100%; background:#fff; margin:0 auto;z-index:6;}
#header .headWrap{position:relative;width:1200px; height:80px; margin:0 auto; font-size:0; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
#header .headWrap .m_open{display:inline-block; width:25%;padding:28px 0px 0px 0px; }
#header .headWrap .logo{display:inline-block; width:50%;text-align:center;padding:17px 0px 0px 0px; }
#header .headWrap .util{float:right;width:25%; text-align:right;padding:35px 0px 0px 0px; }
#header .headWrap .util ul{display:inline-block;}
#header .headWrap .util li:first-child{background:none; padding-left:0; margin-left:0}
#header .headWrap .util li{float:left; background:url(/img/gbar.gif) left center no-repeat; padding-left:10px; margin-left:10px;font-size:11px; color:#555;text-transform:uppercase;}
#header .headWrap .util li img{padding:4px 5px 0px 0px;}
#header .headWrap .util li a{color:#666666;}
#header .headWrap .util li a:hover{color:#df1f26;}

#header .sheadWrap{display:none; position:relative; width:1200px; height:60px; margin:0 auto; font-size:0;  transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; border-bottom:1px solid #dedede; }
#header .sheadWrap .logo{display:inline-block; width:15%;text-align:left;padding:15px 0px 0px 0px;  transition:all 0.8s ease-in-out; -webkit-transition:all 0.8s ease-in-out;}
#header .sheadWrap .sgnb{display:inline-block; margin:0 auto; padding:15px 0px 0px 0px; width:70%; text-align:center;}
#header .sheadWrap .util{float:right;width:15%; text-align:right;padding:20px 0px 0px 0px; transition:all 0.8s ease-in-out; -webkit-transition:all 0.8s ease-in-out;}
#header .sheadWrap .util ul{display:inline-block;}
#header .sheadWrap .util li:first-child{background:none; padding-left:0; margin-left:0}
#header .sheadWrap .util li{float:left; background:url(/img/gbar.gif) left center no-repeat; padding-left:10px; margin-left:10px;font-size:11px; color:#555;text-transform:uppercase;}
#header .sheadWrap .util li img{padding:4px 5px 0px 0px;}
#header .sheadWrap .util li a{color:#666666;}
#header .sheadWrap .util li a:hover{color:#df1f26;}

/*.sgnb{display:none; position:absolute; margin:0 auto; top:15px; width:100%; text-align:center;} */
.sgnb nav{width:100%; height:35px; margin:0 auto;  text-align:center; position:relative;  border-right:0px solid #c3c3c3;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.sgnb nav > ul > li{display:inline-block; padding:0px 20px; height:35px}
.sgnb nav > ul > li > a{display:block; height:35px; line-height:35px; border-left:0px solid #c3c3c3; font-family:'Nanum Gothic Bold'; font-size:15px; color:#555; text-align:center;}
.sgnb nav > ul > li.first > a{border-left:0}
.sgnb nav > ul > li > a:hover{color:#df1f26}
.sgnb nav > ul > li.on .two-depth{display:block}

.slogo{display:none;position:absolute;left:0; top:15px; width:50%;text-align:left;z-index:2;}
.sutil{display:none;position:absolute;right:0; top:20px; width:50%;text-align:right; z-index:2;}
.sutil ul{display:inline-block;}
.sutil li:first-child{background:none; padding-left:0; margin-left:0}
.sutil li{float:left; background:url(/img/gbar.gif) left center no-repeat; padding-left:10px; margin-left:10px;font-size:11px; color:#555;text-transform:uppercase;}
.sutil li img{padding:4px 5px 0px 0px;}
.sutil li a{color:#666666;}
.sutil li a:hover{color:#df1f26;}

.two-depth-bg_s{width:100%; height:35px; position:absolute; left:0; top:60px; background:rgba(223,31,38,0.8); display:block; z-index:99; display:none}

.fixed{background:#fff;height:60px;  transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; border-bottom:#d2d2d2 1px solid;}

.gnb{position:relative; width:100%; height:44px; border-top:0px solid #c3c3c3; border-bottom:0px solid #c3c3c3; }
.gnb nav{width:1200px; height:44px; margin:0 auto;  text-align:center; position:relative; border-left:0px solid #c3c3c3; border-right:0px solid #c3c3c3;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.gnb nav > ul > li{display:inline-block; padding:0px 20px; height:44px}
.gnb nav > ul > li > a{display:block; height:44px; line-height:44px; border-left:0px solid #c3c3c3; font-family:'Nanum Gothic Bold'; font-size:15px; color:#555; text-align:center;}
.gnb nav > ul > li.first > a{border-left:0}
.gnb nav > ul > li > a:hover{color:#df1f26}
.gnb nav > ul > li.on .two-depth{display:block}

.two-depth-bg{width:100%; height:35px; position:absolute; left:0; top:45px; background:rgba(223,31,38,0.8); display:block; z-index:99; display:none}
.two-depth{height:35px; position:absolute; left:0; top:45px; z-index:100; display:none}
.two-depth > li{float:left}
.two-depth > li a{height:35px; line-height:35px; margin-left:30px; font-size:12px; color:#fff}
.two-depth > li.on a{font-family:'Nanum Gothic Bold';}
.two-depth > li a:hover{font-family:'Nanum Gothic Bold';}


#header .headWrap .t_logo{display:none; width:50%; text-align:center;padding:7px 0px 0px 0px;}
.gnbOpener {display:none;}
#header .headWrap .util_m{display:none; float:right;width:23%;padding:10px 2% 0px 0px; }

/* allMenu */
.allMenu {display:none; position:absolute; top:-50%; width:100%; height:100%; padding:0px; z-index: 200; background:rgba(0,0,0,0.85); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000)"; }
.allMenu .mclose { position:absolute;  top:10px;right:20px;}
.allMenu .mtit { position:absolute;  top:10px;left:20px;}
.ac-container{
	width: 100%;
	margin: 50px auto 30px auto;
	text-align: left;
	z-index: 200;
}
.ac-container label{
	font-family:'Nanum Gothic Bold';
	padding: 7px 20px;
	position: relative;
	z-index: 200;
	display: block;
	cursor: pointer;
	color: #f1f1f1;
	line-height: 24px;
	font-size: 14px;
	background:rgba(0,0,0,0.9);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
	border-bottom:1px solid #4f4f4f;
}
.ac-container label:hover{
	background: #c93235;
	color: #fff;
}
.ac-container input:checked + label,
.ac-container input:checked + label:hover{
	background: #c93235;
	color: #fff;
	text-shadow: 0px 1px 1px rgba(255,255,255, 0.6);
	
}
.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	right: 13px;
	top: 4px;
	background: transparent url(/img/arrow_down.png) no-repeat center center;	
}
.ac-container input:checked + label:hover:after{
	background-image: url(/img/arrow_up.png);
}
.ac-container input{
	display: none;
}
.ac-container article{
	background: rgba(48, 48, 48, 1);
	margin-top: -1px;
	overflow: hidden;
	height: 0px;
	position: relative;
	-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}
.ac-container article li{
	font-family:'Nanum Gothic';
	color: #777;
	line-height: 20px;
	font-size: 12px;
	padding:2px 20px;
}
.ac-container article li:first-child{padding:15px 20px 2px 20px;}
.ac-container article li a{
	color: #d1d1d1;
}
.ac-container article li a:hover {color:#fff;}
.ac-container input:checked ~ article{
	-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
}
.ac-container input:checked ~ article.ac-small{
	height: 120px;z-index: 200;
}
.ac-container input:checked ~ article.ac-medium{
	height: 150px;z-index: 200;
}
.ac-container input:checked ~ article.ac-large{
	height: 200px;z-index: 200;
}



/* footer */
.footer_wrap{clear: both; position:relative;width:100%; margin:0 auto; background:#1e2024; border-top:0px solid #e4e4e4; overflow:hidden; }
.footer{margin:0 auto; width:1200px; padding: 30px 0px 0px 0px; }
.footer .flogo{padding: 0px 10px 10px 10px; text-align:center; vertical-align:top; }
.footer .fcopy{padding: 0px 10px 40px 10px; text-align:center; vertical-align:top;  FONT-SIZE: 11px; COLOR: #9fa1a5; line-height: 20px;}
.footer .fcopy p br{display:none}
.footer .fcopy a{COLOR: #9fa1a5;}
.footer .fcopy a:hover{color:#fff;}
.footer .mflogo{display:none;padding: 0px 10px 10px 10px; text-align:center; vertical-align:top;}
/* mainimg */
.content-video{clear:both; position:relative; width:100%; max-width:1200px; height:675px; margin:0 auto; text-align:center; background-color: #000; overflow:hidden; vertical-align:top; padding: 0px;}
.content-video:after {clear:both;display:block;height:0;overflow:hidden;visibility:hidden;content:"";} 
.content-video-txt{z-index: 2; position:absolute; width:1200px; top:40%;left:50%;margin-left:-600px;margin-top:-20px; text-align:center; font-size:50px; color:#fff; text-transform:uppercase;text-shadow: 0 1px rgba(0, 0, 0, 0.1);letter-spacing:-0.2px;}
.content-video video{background-color: #000;opacity:0.8;vertical-align:top;max-width:100%;height:auto}
.content-video iframe{background-color: #000;opacity:0.8;vertical-align:top;width:100%;height:100%;}


/* 영상 */
.video {position: relative; margin:0 auto; padding-bottom: 56.25%;height: 0;overflow: hidden;}
.video iframe,
.video object,
.video embed {position: absolute;top: 0;left: 0;width: 100%; height: 100%;}
.video_wrapper {background-color: #000;max-width:1200px;margin-left: auto; margin-right: auto;padding:20px 0px;}
/* fcs */
.fcs_wrap{clear: both; width:100%; margin:0 auto; background:#fff; border-top:1px solid #e4e4e4; overflow:hidden;}
.fcs{margin:0 auto; width:1200px; padding: 15px 0px 0px 0px; overflow:hidden; }
.fcs .notice{float:left; width:50%; padding: 15px 0px 18px 75px; text-align:left; vertical-align:top; background:url('/img/notice.png') no-repeat left 15px; font-family:'Nanum Gothic'; color: #666;line-height:16px;font-size:12px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;  white-space:nowrap;word-wrap: normal !important; overflow:hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis;/*text-overflow:ellipsis-word;*/}
.fcs .notice span{color: #999;font-size:11px;padding-left:10px;}
.fcs .cs{float:right; width:50%; padding: 0px 0px 18px 0px; text-align:right; vertical-align:top;}
.fcs .cs span{padding-left:40px;  vertical-align:top;}

/* mcontents */

.mcontents{position:relative; margin:0 auto; width:1200px; padding: 0px 0px 50px 0px; overflow:hidden; font-size:0; }
.mcontents .mbox01{display: inline-block; width:400px;}

.mcontents .mbox01 .lo01{display: inline-block; width:100%; height:400px;position:relative; overflow:hidden; cursor:pointer;}
.mcontents .mbox01 .lo01 .limg{position:relative; }
.mcontents .mbox01 .lo01 .limg > img {transition:1s all; }
.mcontents .mbox01 .lo01 .limg .imgTxt{transition:.5s all; opacity: 1; filter: alpha(opacity=100); position:absolute; left:0; top:31%; width:100%; text-align:center;  z-index:2; font-size:20px;}
.mcontents .mbox01 .lo01 .bg .imgTxt01{transition:.5s all; opacity:0; filter: alpha(opacity=0); position:absolute; left:0; top:31%; width:100%; text-align:center;  z-index:2; font-size:20px;}

.mcontents .mbox01 .lo01:hover .imgTxt {opacity:0; filter: alpha(opacity=0); top:0px;}
.mcontents .mbox01 .lo01:hover .imgTxt01 {opacity: 1; filter: alpha(opacity=100);}
.mcontents .mbox01 .lo01 img{max-width:100%;height:auto}
/*라인 */
.mcontents .mbox01 .lo01 .line {position:absolute;background-color:transparent;border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.mcontents .mbox01 .lo01 .line.Ltop {left:0px; top:0px;width:100%;height:20px; background:#df1f26;transform:scale(0,1);-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-ms-transform:scale(0,1);transform-origin:left;-webkit-transform-origin:left;-moz-transform-origin:left;-ms-transform-origin:left;transition:transform .2s .2s;-webkit-transition:-webkit-transform .2s .2s;-moz-transition:-moz-transform .2s .2s;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.mcontents .mbox01 .lo01 .line.Lbottom {bottom:0px;left:0px; width:100%; height:20px; background:#df1f26;transform:scale(0,1);-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-ms-transform:scale(0,1);transform-origin:left;-webkit-transform-origin:right;-moz-transform-origin:right;-ms-transform-origin:right;transition:transform .5s .5s;-webkit-transition:-webkit-transform .5s .5s;-moz-transition:-moz-transform .5s .5s;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.mcontents .mbox01 .lo01 .line.Lleft {left:0px;top:0px;width:20px; height:100%;background:#df1f26;transform:scale(1,0);-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-ms-transform:scale(1,0);transform-origin:left top;-webkit-transform-origin:left bottom;-moz-transform-origin:left bottom;-ms-transform-origin:left bottom;transition:transform .8s .8s; -webkit-transition:-webkit-transform .8s .8s;-moz-transition:-moz-transform .8s .8s;border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.mcontents .mbox01 .lo01 .line.Lright {right:0px;top:0px; width:20px; background:#df1f26; height:100%;transform:scale(1,0);-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-ms-transform:scale(1,0);transform-origin:left top;-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top; transition:transform .4s .4s; -webkit-transition:-webkit-transform .4s .4s;-moz-transition:-moz-transform .4s .4s;border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.mcontents .mbox01 .lo01:hover .Ltop {transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1);}
.mcontents .mbox01 .lo01:hover .Lleft {transform:scale(1,1);-webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1);}
.mcontents .mbox01 .lo01:hover .Lbottom {transform:scale(1,1);-webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1);}
.mcontents .mbox01 .lo01:hover .Lright {transform:scale(1,1);-webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1);}

.mcontents .mbox01 .lo02{display: inline-block; width:100%; height:400px; position:relative; overflow:hidden; cursor:pointer;}
.mcontents .mbox01 .lo02 .limg{position:relative; }
.mcontents .mbox01 .lo02 .limg > img {transition:1s all; }
.mcontents .mbox01 .lo02 img{max-width:100%;height:auto}
/*라인 */
.mcontents .mbox01 .lo02 .line {position:absolute;background-color:transparent;border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.mcontents .mbox01 .lo02 .line.Ltop {left:0px; top:0px;width:100%;height:20px; background:#df1f26;transform:scale(0,1);-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-ms-transform:scale(0,1);transform-origin:left;-webkit-transform-origin:left;-moz-transform-origin:left;-ms-transform-origin:left;transition:transform .2s .2s;-webkit-transition:-webkit-transform .2s .2s;-moz-transition:-moz-transform .2s .2s;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.mcontents .mbox01 .lo02 .line.Lbottom {bottom:0px;left:0px; width:100%; height:20px; background:#df1f26;transform:scale(0,1);-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-ms-transform:scale(0,1);transform-origin:left;-webkit-transform-origin:right;-moz-transform-origin:right;-ms-transform-origin:right;transition:transform .5s .5s;-webkit-transition:-webkit-transform .5s .5s;-moz-transition:-moz-transform .5s .5s;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.mcontents .mbox01 .lo02 .line.Lleft {left:0px;top:0px;width:20px; height:100%;background:#df1f26;transform:scale(1,0);-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-ms-transform:scale(1,0);transform-origin:left top;-webkit-transform-origin:left bottom;-moz-transform-origin:left bottom;-ms-transform-origin:left bottom;transition:transform .8s .8s; -webkit-transition:-webkit-transform .8s .8s;-moz-transition:-moz-transform .8s .8s;border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.mcontents .mbox01 .lo02 .line.Lright {right:0px;top:0px; width:20px; background:#df1f26; height:100%;transform:scale(1,0);-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-ms-transform:scale(1,0);transform-origin:left top;-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top; transition:transform .4s .4s; -webkit-transition:-webkit-transform .4s .4s;-moz-transition:-moz-transform .4s .4s;border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.mcontents .mbox01 .lo02:hover .Ltop {transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1);}
.mcontents .mbox01 .lo02:hover .Lleft {transform:scale(1,1);-webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1);}
.mcontents .mbox01 .lo02:hover .Lbottom {transform:scale(1,1);-webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1);}
.mcontents .mbox01 .lo02:hover .Lright {transform:scale(1,1);-webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1);}


.mcontents .mbox02{display: inline-block; width:800px;}

.mcontents .mbox02 .ro01{display: inline-block; width:50%; height:400px; position:relative; overflow:hidden; cursor:pointer;}
.mcontents .mbox02 .ro01 .limg{position:relative; }
.mcontents .mbox02 .ro01 .limg > img {transition:1s all; }
.mcontents .mbox02 .ro01 img{max-width:100%;height:auto}
/*라인 */
.mcontents .mbox02 .ro01 .line {position:absolute;background-color:transparent;border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.mcontents .mbox02 .ro01 .line.Ltop {left:0px; top:0px;width:100%;height:20px; background:#df1f26;transform:scale(0,1);-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-ms-transform:scale(0,1);transform-origin:left;-webkit-transform-origin:left;-moz-transform-origin:left;-ms-transform-origin:left;transition:transform .2s .2s;-webkit-transition:-webkit-transform .2s .2s;-moz-transition:-moz-transform .2s .2s;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.mcontents .mbox02 .ro01 .line.Lbottom {bottom:0px;left:0px; width:100%; height:20px; background:#df1f26;transform:scale(0,1);-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-ms-transform:scale(0,1);transform-origin:left;-webkit-transform-origin:right;-moz-transform-origin:right;-ms-transform-origin:right;transition:transform .5s .5s;-webkit-transition:-webkit-transform .5s .5s;-moz-transition:-moz-transform .5s .5s;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.mcontents .mbox02 .ro01 .line.Lleft {left:0px;top:0px;width:20px; height:100%;background:#df1f26;transform:scale(1,0);-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-ms-transform:scale(1,0);transform-origin:left top;-webkit-transform-origin:left bottom;-moz-transform-origin:left bottom;-ms-transform-origin:left bottom;transition:transform .8s .8s; -webkit-transition:-webkit-transform .8s .8s;-moz-transition:-moz-transform .8s .8s;border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.mcontents .mbox02 .ro01 .line.Lright {right:0px;top:0px; width:20px; background:#df1f26; height:100%;transform:scale(1,0);-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-ms-transform:scale(1,0);transform-origin:left top;-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top; transition:transform .4s .4s; -webkit-transition:-webkit-transform .4s .4s;-moz-transition:-moz-transform .4s .4s;border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.mcontents .mbox02 .ro01:hover .Ltop {transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1);}
.mcontents .mbox02 .ro01:hover .Lleft {transform:scale(1,1);-webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1);}
.mcontents .mbox02 .ro01:hover .Lbottom {transform:scale(1,1);-webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1);}
.mcontents .mbox02 .ro01:hover .Lright {transform:scale(1,1);-webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1);}


.mcontents .mbox02 .ro02{display: inline-block; width:50%; height:400px; position:relative; overflow:hidden; cursor:pointer;}
.mcontents .mbox02 .ro02 .limg{position:relative; }
.mcontents .mbox02 .ro02 .limg > img {transition:1s all; }
.mcontents .mbox02 .ro02 .limg .imgTxt{transition:.5s all; opacity:1; filter: alpha(opacity=100); position:absolute; left:0; top:31%; width:100%; text-align:center;  z-index:2;  font-size:20px;}
.mcontents .mbox02 .ro02 .bg .imgTxt01{transition:.5s all; opacity:0; filter: alpha(opacity=0); position:absolute; left:0; top:31%; width:100%; text-align:center; z-index:2;  font-size:20px;}

.mcontents .mbox02 .ro02:hover .imgTxt {opacity:0; filter: alpha(opacity=0); top:0px}
.mcontents .mbox02 .ro02:hover .imgTxt01 {opacity:1; filter: alpha(opacity=100);}
.mcontents .mbox02 .ro02 img{max-width:100%;height:auto}
/*라인 */
.mcontents .mbox02 .ro02 .line {position:absolute;background-color:transparent;border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.mcontents .mbox02 .ro02 .line.Ltop {left:0px; top:0px;width:100%;height:20px; background:#df1f26;transform:scale(0,1);-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-ms-transform:scale(0,1);transform-origin:left;-webkit-transform-origin:left;-moz-transform-origin:left;-ms-transform-origin:left;transition:transform .2s .2s;-webkit-transition:-webkit-transform .2s .2s;-moz-transition:-moz-transform .2s .2s;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.mcontents .mbox02 .ro02 .line.Lbottom {bottom:0px;left:0px; width:100%; height:20px; background:#df1f26;transform:scale(0,1);-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-ms-transform:scale(0,1);transform-origin:left;-webkit-transform-origin:right;-moz-transform-origin:right;-ms-transform-origin:right;transition:transform .5s .5s;-webkit-transition:-webkit-transform .5s .5s;-moz-transition:-moz-transform .5s .5s;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.mcontents .mbox02 .ro02 .line.Lleft {left:0px;top:0px;width:20px; height:100%;background:#df1f26;transform:scale(1,0);-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-ms-transform:scale(1,0);transform-origin:left top;-webkit-transform-origin:left bottom;-moz-transform-origin:left bottom;-ms-transform-origin:left bottom;transition:transform .8s .8s; -webkit-transition:-webkit-transform .8s .8s;-moz-transition:-moz-transform .8s .8s;border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.mcontents .mbox02 .ro02 .line.Lright {right:0px;top:0px; width:20px; background:#df1f26; height:100%;transform:scale(1,0);-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-ms-transform:scale(1,0);transform-origin:left top;-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top; transition:transform .4s .4s; -webkit-transition:-webkit-transform .4s .4s;-moz-transition:-moz-transform .4s .4s;border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.mcontents .mbox02 .ro02:hover .Ltop {transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1);}
.mcontents .mbox02 .ro02:hover .Lleft {transform:scale(1,1);-webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1);}
.mcontents .mbox02 .ro02:hover .Lbottom {transform:scale(1,1);-webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1);}
.mcontents .mbox02 .ro02:hover .Lright {transform:scale(1,1);-webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1);}



.mcontents .mbox02 .ro03{display: inline-block; width:50%; height:400px; position:relative; overflow:hidden; cursor:pointer;}
.mcontents .mbox02 .ro03 .limg{position:relative; }
.mcontents .mbox02 .ro03 .limg > img {transition:1s all; }
.mcontents .mbox02 .ro03 .limg .imgTxt{transition:.5s all; opacity:1; filter: alpha(opacity=100);position:absolute; left:0; top:31%; width:100%; text-align:center;  z-index:2;  font-size:20px;}
.mcontents .mbox02 .ro03 .bg .imgTxt01{transition:.5s all; opacity:0; filter: alpha(opacity=0); position:absolute; left:0; top:31%; width:100%; text-align:center;  z-index:2;  font-size:20px;}

.mcontents .mbox02 .ro03:hover .imgTxt {opacity:0; filter: alpha(opacity=0); top:0px;}
.mcontents .mbox02 .ro03:hover .imgTxt01 {opacity:1; filter: alpha(opacity=100);}
.mcontents .mbox02 .ro03 img{max-width:100%;height:auto}
/*라인 */
.mcontents .mbox02 .ro03 .line {position:absolute;background-color:transparent;border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.mcontents .mbox02 .ro03 .line.Ltop {left:0px; top:0px;width:100%;height:20px; background:#df1f26;transform:scale(0,1);-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-ms-transform:scale(0,1);transform-origin:left;-webkit-transform-origin:left;-moz-transform-origin:left;-ms-transform-origin:left;transition:transform .2s .2s;-webkit-transition:-webkit-transform .2s .2s;-moz-transition:-moz-transform .2s .2s;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.mcontents .mbox02 .ro03 .line.Lbottom {bottom:0px;left:0px; width:100%; height:20px; background:#df1f26;transform:scale(0,1);-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-ms-transform:scale(0,1);transform-origin:left;-webkit-transform-origin:right;-moz-transform-origin:right;-ms-transform-origin:right;transition:transform .5s .5s;-webkit-transition:-webkit-transform .5s .5s;-moz-transition:-moz-transform .5s .5s;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.mcontents .mbox02 .ro03 .line.Lleft {left:0px;top:0px;width:20px; height:100%;background:#df1f26;transform:scale(1,0);-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-ms-transform:scale(1,0);transform-origin:left top;-webkit-transform-origin:left bottom;-moz-transform-origin:left bottom;-ms-transform-origin:left bottom;transition:transform .8s .8s; -webkit-transition:-webkit-transform .8s .8s;-moz-transition:-moz-transform .8s .8s;border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.mcontents .mbox02 .ro03 .line.Lright {right:0px;top:0px; width:20px; background:#df1f26; height:100%;transform:scale(1,0);-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-ms-transform:scale(1,0);transform-origin:left top;-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top; transition:transform .4s .4s; -webkit-transition:-webkit-transform .4s .4s;-moz-transition:-moz-transform .4s .4s;border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.mcontents .mbox02 .ro03:hover .Ltop {transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1);}
.mcontents .mbox02 .ro03:hover .Lleft {transform:scale(1,1);-webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1);}
.mcontents .mbox02 .ro03:hover .Lbottom {transform:scale(1,1);-webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1);}
.mcontents .mbox02 .ro03:hover .Lright {transform:scale(1,1);-webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1);}



.mcontents .mbox02 .ro04{display: inline-block; width:50%; height:400px; position:relative; overflow:hidden; cursor:pointer;}
.mcontents .mbox02 .ro04 .limg{position:relative; }
.mcontents .mbox02 .ro04 .limg > img {transition:1s all; }
.mcontents .mbox02 .ro04 .bg .imgTxt01{transition:.5s all; opacity:0; filter: alpha(opacity=0); position:absolute; left:0; top:45%; width:100%; text-align:center;  z-index:2;  font-size:24px; COLOR: #fff;font-family:'Nanum Gothic Bold'; }
.mcontents .mbox02 .ro04:hover .limg > img {opacity:0.7; filter: alpha(opacity=70);}
.mcontents .mbox02 .ro04:hover .imgTxt01 {opacity:1;filter: alpha(opacity=100);}
.mcontents .mbox02 .ro04 img{max-width:100%;height:auto}
/*라인 */
.mcontents .mbox02 .ro04 .line {position:absolute;background-color:transparent;border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.mcontents .mbox02 .ro04 .line.Ltop {left:0px; top:0px;width:100%;height:20px; background:#df1f26;transform:scale(0,1);-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-ms-transform:scale(0,1);transform-origin:left;-webkit-transform-origin:left;-moz-transform-origin:left;-ms-transform-origin:left;transition:transform .2s .2s;-webkit-transition:-webkit-transform .2s .2s;-moz-transition:-moz-transform .2s .2s;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.mcontents .mbox02 .ro04 .line.Lbottom {bottom:0px;left:0px; width:100%; height:20px; background:#df1f26;transform:scale(0,1);-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-ms-transform:scale(0,1);transform-origin:left;-webkit-transform-origin:right;-moz-transform-origin:right;-ms-transform-origin:right;transition:transform .5s .5s;-webkit-transition:-webkit-transform .5s .5s;-moz-transition:-moz-transform .5s .5s;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.mcontents .mbox02 .ro04 .line.Lleft {left:0px;top:0px;width:20px; height:100%;background:#df1f26;transform:scale(1,0);-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-ms-transform:scale(1,0);transform-origin:left top;-webkit-transform-origin:left bottom;-moz-transform-origin:left bottom;-ms-transform-origin:left bottom;transition:transform .8s .8s; -webkit-transition:-webkit-transform .8s .8s;-moz-transition:-moz-transform .8s .8s;border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.mcontents .mbox02 .ro04 .line.Lright {right:0px;top:0px; width:20px; background:#df1f26; height:100%;transform:scale(1,0);-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-ms-transform:scale(1,0);transform-origin:left top;-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top; transition:transform .4s .4s; -webkit-transition:-webkit-transform .4s .4s;-moz-transition:-moz-transform .4s .4s;border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.mcontents .mbox02 .ro04:hover .Ltop {transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1);}
.mcontents .mbox02 .ro04:hover .Lleft {transform:scale(1,1);-webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1);}
.mcontents .mbox02 .ro04:hover .Lbottom {transform:scale(1,1);-webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1);}
.mcontents .mbox02 .ro04:hover .Lright {transform:scale(1,1);-webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1);}


/* quick */

#rightquick_area {position:fixed; width:55px; left:50%; margin-left:640px; top:100px; text-align:right; overflow:hidden;  z-index:90;}
.right{float: right; width:55px; text-align:center; vertical-align:top;}
.right ul{margin-bottom:10px;}
.right ul.rightquick {float: right; width:53px; text-align:center; vertical-align:top; border:1px solid #d9dbde;background:#fff;}
.right ul.rightquick li:first-child{padding: 17px 0px 17px 0px;}
.right ul.rightquick li {text-align:center; vertical-align:top; padding: 0px 0px 17px 0px; }
.right ul.righttop {text-align:center; vertical-align:top;}


/* subHeader */
#subtop {width:100%; margin:0px auto; padding:0; border-bottom:1px solid #d4d4d5;width:100%;height:35px;z-index:1;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;background:url('/img/location_bg.png') center top repeat; }
#subtop:after { content:""; display:block; clear:both; height:0;}
.location {width:1200px; margin:0px auto; height:35px; padding: 0px 0px 0px 10px; vertical-align:top; text-align:left; COLOR: #fff;font-family:'Nanum Gothic';FONT-SIZE: 12px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.location li.home{float:left; padding: 10px 15px 0px 0px; vertical-align:top; text-align:left; }
.location li.lo01{float:left; padding: 8px 15px 0px 0px; vertical-align:top; text-align:left; background:url('/img/icon_arrow01.png') right 12px no-repeat;}
.location li.lo02{float:left; padding: 8px 15px 0px 15px; vertical-align:top; text-align:left; background:url('/img/icon_arrow02.png') right 14px no-repeat;}
.location a {COLOR: #666666;}
.location a:hover{COLOR: #df1f26;}


#subcontainer{width:1200px; margin:0px auto;  padding: 30px 0px; vertical-align:top;overflow:hidden;}
#subcontainer:after{display:block;clear:both;content:''}
.title_wrap {width:100%;  margin:0px auto; text-align:center; vertical-align:top; padding:0px 0px 40px 0px; }
.title_wrap .tit_left{display: inline-block; width:115px; height:25px; background:url('/img/title_lbg.png') left 5px no-repeat; }
.title_wrap .tit_right{display: inline-block; width:115px; height:25px; background:url('/img/title_rbg.png') right 5px no-repeat; }
.title_wrap .title{display: inline-block; padding:0px 10px; text-align:center; vertical-align:top; font-family:'Nanum Gothic Bold'; color:#333; FONT-SIZE: 38px; }

.stopimg{position:relative; width:100%; margin:0 auto; text-align:center; background-color: #000; overflow:hidden; vertical-align:top; padding-top: 0px;}
.stopimg:after {clear:both;display:block;height:0;overflow:hidden;visibility:hidden;content:"";} 
.stopimg-txt{z-index: 2; position:absolute; width:1200px; top:40%;left:50%;margin-left:-600px;margin-top:-20px; text-align:center;}
.stopimg-txt h2{display:inline-block;widh:auto; font-family:'Nanum Gothic Bold';font-size:45px;line-height: 45px; color:#fff; text-transform:uppercase;text-shadow: 0 1px rgba(0, 0, 0, 0.1); padding-bottom:5px; border-bottom:1px solid #df1f26; margin-bottom:5px;}
.stopimg-txt p{font-family:'Nanum Gothic Bold';font-size:25px; line-height: 25px;color:#fff; text-transform:uppercase;text-shadow: 0 1px rgba(0, 0, 0, 0.1);}
.stopimg img{background-color: #000;opacity:1;vertical-align:top;max-width:100%;height:auto}

/* Tab */
.tab_type {margin: 0px auto 20px auto; width: 100%;}

.tab_type1 {width: 100%; margin: 0px auto 40px auto; text-align: center; display: inline-block; font-size:0}
.tab_type1::after {clear: both; display: block; content: "";}
.tab_type1 li {margin-left: -1px; margin-bottom:-1px; display: inline-block;}
.tab_type1 li a {border: 1px solid #e1e1e1; width: 100%; text-align: center; color: #999;  padding:12px 50px; line-height: 16px; font-size: 16px;font-family:'Nanum Gothic Bold';  display: block; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; background-color: #fff;}
.tab_type1 li a:hover {color: #333;background:#fff;}
.tab_type1 li.on a {color: #df1f26; font-size: 16px;background:url(/img/menu_bg.png) 0 repeat-x;}
.tab_type1 li:first-child a {border-radius: 3px 0px 0px 3px;}
.tab_type1 li:last-child a {border-radius: 0px 3px 3px 0px;}

.tab_type3 {width: 100%; margin: 0px auto 40px auto; text-align: center; display: inline-block; font-size:0}
.tab_type3::after {clear: both; display: block; content: "";}
.tab_type3 li {width: 25%; margin-left: -1px; margin-bottom:-1px;display: inline-block}
.tab_type3 li a {border: 1px solid #e1e1e1; width:100%; height: 40px; text-align: center; color: #999;  padding:10px 0px 0px 0px;  line-height: 16px; font-size: 16px; font-family:'Nanum Gothic Bold'; display: block; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;background-color: #fff;}
.tab_type3 li a:hover {color: #333;background:#fff;}
.tab_type3 li.on a {color: #df1f26; font-size: 16px;background:url(/img/menu_bg.png) 0 repeat-x;}
.tab_type3 li:first-child a {border-radius: 3px 0px 0px 3px;}
.tab_type3 li:last-child a {border-radius: 0px 3px 3px 0px;}

.tab_type2 {display: inline-block;}
.tab_type2::after {clear: both; display: block; content: "";}
.tab_type2 li {width: 153px; margin-left: -1px; margin-bottom:-1px; float: left;}
.tab_type2 li a {border: 1px solid #d2d2d2; width: 100%; height: 31px; text-align: center; color: #4b4b4b;  padding:5px 0px 0px 0px; line-height: 20px; font-size: 13px; font-weight: bold; display: block; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; background:url('/img/tbg.png') 0px 0px repeat;}
.tab_type2 li a:hover {color: #3747a5;background:#fff;}
.tab_type2 li.on a {color: #ffffff; background-color: #3747a5; }
.tab_type2 li:first-child a {border-radius: 3px 0px 0px 3px;}
.tab_type2 li:last-child a {border-radius: 0px 3px 3px 0px;}

.tab_type7 {width: 100%; margin: 0px auto 40px auto; text-align: center; display: inline-block; font-size:0}
.tab_type7::after {clear: both; display: block; content: "";}
.tab_type7 li {width: 14.286%; margin-left: -1px; margin-bottom:-1px;display: inline-block}
.tab_type7 li a {border: 1px solid #e1e1e1; width:100%; height: 40px; text-align: center; color: #999;  padding:10px 0px 0px 0px;  line-height: 16px; font-size: 16px; font-family:'Nanum Gothic Bold'; display: block; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;background-color: #fff;}
.tab_type7 li a:hover {color: #333;background:#fff;}
.tab_type7 li.on a {color: #df1f26; font-size: 16px;background:url(/img/menu_bg.png) 0 repeat-x;}
.tab_type7 li:first-child a {border-radius: 3px 0px 0px 3px;}
.tab_type7 li:last-child a {border-radius: 0px 3px 3px 0px;}

.tab_type6 {width: 100%; margin: 0px auto 40px auto; text-align: center; display: inline-block; font-size:0}
.tab_type6::after {clear: both; display: block; content: "";}
.tab_type6 li {width: 16.68%; margin-left: -1px; margin-bottom:-1px;display: inline-block}
.tab_type6 li a {border: 1px solid #e1e1e1; width:100%; height: 40px; text-align: center; color: #999;  padding:10px 0px 0px 0px;  line-height: 16px; font-size: 16px; font-family:'Nanum Gothic Bold'; display: block; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;background-color: #fff;}
.tab_type6 li a:hover {color: #333;background:#fff;}
.tab_type6 li.on a {color: #df1f26; font-size: 16px;background:url(/img/menu_bg.png) 0 repeat-x;}
.tab_type6 li:first-child a {border-radius: 3px 0px 0px 3px;}
.tab_type6 li:last-child a {border-radius: 0px 3px 3px 0px;}

.tab_type5 {width: 100%; margin: 0px auto 40px auto; text-align: center; display: inline-block; font-size:0}
.tab_type5::after {clear: both; display: block; content: "";}
.tab_type5 li {width: 20.005%; margin-left: -1px; margin-bottom:-1px;display: inline-block}
.tab_type5 li a {border: 1px solid #e1e1e1; width:100%; height: 40px; text-align: center; color: #999;  padding:10px 0px 0px 0px;  line-height: 16px; font-size: 16px; font-family:'Nanum Gothic Bold'; display: block; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;background-color: #fff;}
.tab_type5 li a:hover {color: #333;background:#fff;}
.tab_type5 li.on a {color: #df1f26; font-size: 16px;background:url(/img/menu_bg.png) 0 repeat-x;}
.tab_type5 li:first-child a {border-radius: 3px 0px 0px 3px;}
.tab_type5 li:last-child a {border-radius: 0px 3px 3px 0px;}

/* msmenu */
.ms_select { position: relative;display:none;  margin: 0px auto 20px auto; width: 100%; min-width: 320px;color: #cccccc;vertical-align: middle; text-align: left;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none; }
.ms_select .placeholder {position: relative;display: block; background-color: #393d41;z-index: 1;padding: 10px;border-radius: 2px;cursor: pointer;}
.ms_select .placeholder:hover {background: #34383c;}
.ms_select .placeholder:after {position: absolute;right: 1em;top: 50%; -webkit-transform: translateY(-50%);transform: translateY(-50%);font-family: 'FontAwesome';content: '\f078';z-index: 10;}
.ms_select.is-open .placeholder:after {content: '\f077';}
.ms_select.is-open ul { display: block;}
.ms_select.select--white .placeholder {background: #fff;color: #1a1a1a; border: 1px solid #dfdede; line-height: 14px; font-size: 14px; font-family:'Nanum Gothic Bold'; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.ms_select.select--white .placeholder:hover {background: #fff;color: #df1f26;}
.ms_select ul {display: none; position: absolute;overflow: hidden;width: 100%;background: #fff;border-radius: 2px;top: 100%; left: 0;list-style: none;margin: 5px 0 0 0;padding: 8px 0px;z-index:2;border: 1px solid #dfdede; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.ms_select ul li {display: block;text-align: left;padding: 8px 10px;color: #555;cursor: pointer;font-family:'Nanum Gothic Bold';}
/*.ms_select ul li:hover {background: #f9f9f9;color: #555;}*/

/* sub01-1 */
.scontent {width:100%;margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align:left; vertical-align:top; font-size:0; background:url('/img/sub01_bg.png') no-repeat 110px 20px;}
.scontent .sleft{display: inline-block;width:45%; margin:0px 0px 0px 0px; padding: 0px 0px 0px 5%; text-align:left; vertical-align:top; font-size: 13px;}
.scontent .sright{display: inline-block;width:50%; margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align:center; vertical-align:top; font-size: 13px;}

.subtable_center {width:100%;  margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align:center; vertical-align:top; }
.subtable_center .cimg{padding: 0px 0px 20px 0px;}

.sub01_top{display: block;margin:0px 0px 0px 0px; padding: 80px 0px 80px 40px; text-align:left; vertical-align:top; font-size: 28px;line-height: 40px;color:#3c53a8;font-family:'Nanum Gothic Bold';}
.sub01_txt{display: block;margin:0px 0px 0px 0px; padding: 0px 5px 30px 40px; text-align:left; vertical-align:top; font-size: 14px;line-height: 24px;color:#555;}

/* sub01-2 */
.scontent01 {width:100%;margin:0px; padding: 0px 0px; text-align:left; vertical-align:top; font-size:0; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; overflow:hidden;}
.scontent01 h2{display: block; margin:0px 10px 30px 10px; text-align:left; vertical-align:top;font-size: 16px;line-height: 26px;color:#333; }
.scontent01 ul{margin:0px 20px 10px 20px;} 
.scontent01 li.cleft{float:left; width:45%;margin:30px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align:left; vertical-align:top;} 
.scontent01 li.cright{float:right; width:55%;margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align:center; vertical-align:top;} 
.scontent01 li.cright img {max-width:100%; height:auto;}

.sub01_2{width:100%;margin:0px 0px 0px 15px;font-size:0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; overflow:hidden;}
.sub01_2 .sl {display: inline-block;width:40%;margin:0px 0px 20px 0px;background:url('/img/stitle_bg.png') no-repeat left top; padding:10px 0px 10px 0px;text-transform:uppercase;font-size:18px;line-height: 20px; color:#444;font-family:'Nanum Gothic Bold';} 
.sub01_2 .sl span{display: block; font-size:14px;}
.sub01_2 .sr {display: inline-block;width:60%;margin:10px 0px 20px 0px;font-size: 14px;line-height: 24px;color:#555;}

.scontent02 {width:100%;max-width:1200px; margin:10px auto 20px; padding: 0px 0px; vertical-align:top; font-size:0; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; overflow:hidden;}
.scontent02 h2{display: block; margin:0px 0px 10px 10px; text-align:left; vertical-align:top;font-size: 16px;line-height: 26px;color:#333; font-family:'Nanum Gothic Bold';}
.scontent02 p{display: block; margin:0px 0px 10px 10px; text-align:left; vertical-align:top;font-size: 14px;line-height: 20px;color:#666; font-family:'Nanum Gothic';}
.scontent02 .scimg{width:100%; margin:30px 0px 0px 0px; text-align:center; vertical-align:top;}
.scontent02 .scimg img {max-width:100%; height:auto;}
.scontent02 .sctxt{display: block; margin:0px 0px 30px 0px; text-align:center; vertical-align:top;font-size: 14px;line-height: 16px;color:#424242; font-family:'Nanum Gothic Bold';}

/* history */
.history_top {width:100%;margin-bottom:20px; }
.history_top img {max-width:100%; height:auto;}
.history_top_t {display: none; width:100%;margin-bottom:20px; }
.history_top_t img {max-width:100%; height:auto;}
.history_top_800 {display: none; width:100%;margin-bottom:20px; }
.history_top_800 img {max-width:100%; height:auto;}
.history_top_m {display: none; width:100%;margin-bottom:10px; }
.history_top_m img {max-width:100%; height:auto;}

.history{width:100%; text-align:left; vertical-align:top; padding:0px 20px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; overflow:hidden;font-size:0;}
.history .hyear{display:inline-block; width:100%; background:url('/img/stitle_bg.png') no-repeat left top; padding:10px 0px 20px 0px;text-transform:uppercase;font-size:28px;line-height:28px; color:#222;font-family:'Nanum Gothic Bold';} 
.history .h01{display:inline-block; width:20%; padding-right:5%; text-align:right; font-size:18px;line-height: 20px; color:#2d4197;font-family:'Nanum Gothic Bold';} 
.history .h02{display:inline-block; width:75%; padding-bottom:10px; text-align:left;  border-bottom:1px dotted #cecece; margin-bottom:10px;font-size:0;} 
.history .h02 ul{margin:0px 0px 0px 0px; }
.history .h02 li.month{display:inline-block; width:10%;font-size:15px;text-align:left; line-height: 24px; color:#424242;font-family:'Nanum Gothic Bold';} 
.history .h02 li.hcont{display:inline-block; width:90%;font-size:13px;text-align:left; line-height: 18px; color:#666;font-family:'Nanum Gothic';} 

/* 인증현황 */
.stit{display:inline-block; width:100%;text-align:left;  margin-left:10px; background:url('/img/stitle_bg01.png') no-repeat 2px top; padding:18px 0px 20px 0px; font-size:24px; line-height:24px; color:#4242422;font-family:'Nanum Gothic Bold';box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; } 
.box_cwrap{display: inline-block; width:100%; margin:0px auto; text-align:center;overflow:hidden;}
.box_c{display: inline-block; width:28%; margin:2%; text-align:center; border:1px solid #d8d8d8;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;overflow:hidden;}
.box_c img{max-width:100%; height:auto;}

/* 비전 */
.vision_top {width:100%; text-align:center;margin:0px auto; background:url('/img/vision_bg.png') no-repeat center top; background-size:85% auto; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;overflow:hidden;}
.vision_top .vtit{display:inline-block; margin:20px auto; text-align:center;padding:20px 40px; background:rgba(255,255,255,0.85); font-size:30px;line-height: 30px; color:#424242;font-family:'Nanum Gothic Bold'; overflow:hidden;text-transform:uppercase;}
.vision_top .vtit h2{margin:20px 0px; padding:20px 0px; font-size:16px;line-height: 16px; color:#da1e25;font-family:'Nanum Gothic Bold'; border-top:1px solid #424242; }

.vision {width:100%; text-align:center;margin:0px auto;}
.vision .vimg{text-align:center; margin-bottom:20px;}
.vision .vimg img {max-width:100%; height:auto;}
.vision .vbox{display:inline-block; text-align:center; margin-bottom:40px; width:250px; padding:10px 0px; background:#3254c0;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;}
.vision .vbox p{display:inline-block; margin:0px auto; font-size:16px;line-height: 16px; color:#fff;font-family:'Nanum Gothic Bold'; text-align:center; }
.vision .vbox span{display:inline-block;width:100%;font-size:12px;line-height: 14px; text-align:center; color:#bcd1fd;font-family:'Nanum Gothic Bold';}
.vision .vimg01{text-align:center; margin-bottom:20px;}
.vision .vimg01 img {max-width:100%; height:auto;}
.vision .vimg01_m{display:none; }
.vision .vimg01_m img {max-width:100%; height:auto;}

/* 조직도 */
.organization{width:100%; text-align:center; margin:10px auto 0px; }
.organization img{text-align:center; }
.organization_m{display:none; }
.organization_m img {max-width:100%; height:auto;}

.imgc {width:100%; margin:0px auto; text-align:center;padding:20px 0px 40px; }
.imgc img{max-width:100%; height:auto;}
.imgl {text-align:left;padding:20px 0px 20px 20px}
.spacing {letter-spacing:-0.5px;}

.contacts {width:98%;margin:0px 1%;  border-top:0px solid #555;padding-top:20px}
.contacts ul {border-bottom:2px dotted #dedede;padding:10px 0px}
.contacts .ltitle {display:inline-block;width:150px;font-size:13px;color:#222;font-family:'Nanum Gothic Bold';padding-left:10px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.contacts .ltitle img{padding-right:10px}
.contacts .rcontent {display:inline-block;width:auto;color:#555;font-size:13px;line-height:18px;}
.contacts .img{text-align:center;padding:20px 0px}
.mapbox {width:100%; border:1px solid #d9d8d8; margin:0px auto; padding: 0px 0px 0px 0px; text-align:center; vertical-align:top;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
#map {height: 500px;}
.map_icon{font-size:18px;color:#df1f26; margin-right:10px}

.product_box {width:100%;border:1px solid #616fc3;; padding: 30px 0px; text-align:center; vertical-align:top; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

/* 사업영역 */
.molding {width:100%;margin:0px auto; padding: 0px; font-size:0; }
.molding .md01{display:inline-block;width:50%;margin:0px; padding: 0px; text-align:left; vertical-align:top;}
.molding .md01 img {width:100%; height:auto;}

.molding .md02{display:inline-block;width:50%;margin:0px; text-align:left; vertical-align:top;padding:25px 30px 0px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.molding .md02 h2{margin-bottom:15px;font-size:26px;line-height:26px;color:#222;font-family:'Nanum Gothic Bold';background:url('/img/bar_yellow.png') no-repeat left top; padding-left:20px;}
.molding .md02 p{margin-bottom:10px;font-size:15px;line-height:18px;color:#424242;font-family:'Nanum Gothic Bold';background:url('/img/icon_circle.png') no-repeat 25px 6px; padding-left:40px;}
.molding .md02 span{display:inline-block; font-size:13px;line-height:20px;color:#666;font-family:'Nanum Gothic';padding-left:50px;}

.molding .md03{float:right;width:50%;margin:0px; padding: 0px; text-align:left; vertical-align:top;}
.molding .md03 img {width:100%; height:auto;}
.molding .md04{display:inline-block;width:50%;margin:0px; text-align:left; vertical-align:top;padding:30px 30px 0px; font-size:14px;color:#555;font-family:'Nanum Gothic Bold';box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.molding .md04 h2{margin-bottom:30px;font-size:26px;line-height:26px;color:#222;font-family:'Nanum Gothic Bold';background:url('/img/bar_orange.png') no-repeat left top; padding-left:20px;}
.molding .md04 p{margin-bottom:10px;font-size:15px;line-height:18px;color:#424242;font-family:'Nanum Gothic Bold';background:url('/img/icon_circle.png') no-repeat 25px 6px; padding-left:40px;}
.molding .md05{display:none;}
/*
.molding .md02 ul{margin-left:25px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.molding .md02 ul li{ margin-left:10px;}
.molding .md02 ul li:first-child {margin-left:0px;}
.molding .md02 ul li.cb01{float:left;display:table;text-align:center; vertical-align:middle; background-color: #df1f26; width:100px;height:100px;border-radius:50px;-moz-border-radius:50px;-webkit-border-radius:50px;-ms-border-radius:50px;-khtml-border-radius:50px;-o-border-radius:50px;}
.molding .md02 ul li.cb01 span{display:table-cell;text-align:center; vertical-align:middle; font-size:12px;line-height:14px;color:#fff;font-family:'Nanum Gothic Bold'; padding:0px 10px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.molding .md02 ul li.cb02{float:left;display:table;text-align:center; vertical-align:middle; background-color: #fb8035; width:100px;height:100px;border-radius:50px;-moz-border-radius:50px;-webkit-border-radius:50px;-ms-border-radius:50px;-khtml-border-radius:50px;-o-border-radius:50px;}
.molding .md02 ul li.cb02 span{display:table-cell;text-align:center; vertical-align:middle; font-size:12px;line-height:14px;color:#fff;font-family:'Nanum Gothic Bold'; padding:0px 10px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;margin-left:10px;}
.molding .md02 ul li.cb03{float:left;display:table;text-align:center; vertical-align:middle; background-color: #fba535; width:100px;height:100px;border-radius:50px;-moz-border-radius:50px;-webkit-border-radius:50px;-ms-border-radius:50px;-khtml-border-radius:50px;-o-border-radius:50px;}
.molding .md02 ul li.cb03 span{display:table-cell;text-align:center; vertical-align:middle; font-size:12px;line-height:14px;color:#fff;font-family:'Nanum Gothic Bold'; padding:0px 10px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;margin-left:10px;}
.molding .md02 ul li.cb04{float:left;display:table;text-align:center; vertical-align:middle; background-color: #fcbc42; width:100px;height:100px;border-radius:50px;-moz-border-radius:50px;-webkit-border-radius:50px;-ms-border-radius:50px;-khtml-border-radius:50px;-o-border-radius:50px;}
.molding .md02 ul li.cb04 span{display:table-cell;text-align:center; vertical-align:middle; font-size:12px;line-height:14px;color:#fff;font-family:'Nanum Gothic Bold'; padding:0px 10px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;margin-left:10px;} */


.molding .ms{display:inline-block;width:30%;margin:0px 1.5%; padding: 0px; text-align:center; vertical-align:top;}
.molding .ms .mf01{display:inline-block;width:100%;margin:0px; padding: 0px; text-align:left; vertical-align:top;}
.molding .ms .mf01 img{width:100%; height:auto;}
.molding .ms .mf02{display:inline-block;width:100%;margin-top:20px; padding: 0px; text-align:left; vertical-align:top;}
.molding .ms .mf02 h2{margin-bottom:15px;font-size:22px;line-height:22px;color:#222;font-family:'Nanum Gothic Bold';background:url('/img/bar_red.png') no-repeat left top; padding-left:15px;}
.molding .ms .mf02 p{margin-bottom:10px;font-size:14px;line-height:18px;color:#424242;font-family:'Nanum Gothic Bold';background:url('/img/icon_circle.png') no-repeat 15px 6px; padding-left:20px;}

.molding .ms .mf03{display:inline-block;width:100%;margin-top:20px; padding: 0px; text-align:left; vertical-align:top;}
.molding .ms .mf03 h2{margin-bottom:15px;font-size:22px;line-height:22px;color:#222;font-family:'Nanum Gothic Bold';background:url('/img/bar_orange.png') no-repeat left top; padding-left:15px;}
.molding .ms .mf03 p{margin-bottom:10px;font-size:14px;line-height:18px;color:#424242;font-family:'Nanum Gothic Bold';background:url('/img/icon_circle.png') no-repeat 15px 6px; padding-left:20px;}

.molding .ms .mf04{display:inline-block;width:100%;margin-top:20px; padding: 0px; text-align:left; vertical-align:top;}
.molding .ms .mf04 h2{margin-bottom:15px;font-size:22px;line-height:22px;color:#222;font-family:'Nanum Gothic Bold';background:url('/img/bar_yellow.png') no-repeat left top; padding-left:15px;}
.molding .ms .mf04 p{margin-bottom:10px;font-size:14px;line-height:18px;color:#424242;font-family:'Nanum Gothic Bold';background:url('/img/icon_circle.png') no-repeat 15px 6px; padding-left:20px;}

.molding .ms .mf01_m{display:none;width:35%;margin:0px 5% 0px 0px; padding: 0px; text-align:left; vertical-align:top;}
.molding .ms .mf01_m img{width:100%; height:auto;}

.molding .ms .mf_line{display:none;width:100%;padding-top:10px; margin-top:10px; text-align:left; vertical-align:top;border-top:1px solid #d8d8d8;}

.molding .mtit{display:inline-block;width:100%;margin:60px auto 0px auto; text-align:center; vertical-align:top;padding:10px 0px 0px; font-size:26px;line-height:26px;color:#222;font-family:'Nanum Gothic Bold';background:url('/img/bar_rline.png') no-repeat center top; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

.box_mwrap{display: inline-block; width:100%; margin:0px auto; text-align:center;overflow:hidden;}
.box_mwrap .ptitle{display: inline-block; width:25%; margin:2% 3% 0%; text-align:center;padding:10px 0px 0px; font-size:20px;line-height: 22px; color:#222;font-family:'Nanum Gothic Bold';background:url('/img/bar_rline01.png') no-repeat center top; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.box_md{display: inline-block; width:25%; margin:3%; text-align:center;}
.box_md .mdwrap{display: inline-block; width:100%; text-align:center; border:1px solid #d8d8d8;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-ms-border-radius:50%;-khtml-border-radius:50%;-o-border-radius:50%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;overflow:hidden;cursor:pointer;}
.box_md .mdwrap img{max-width:100%; height:auto;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-ms-border-radius:50%;-khtml-border-radius:50%;-o-border-radius:50%;}
.box_md .mdwrap:hover > img {transform:scale(1.2); -webkit-transition:all 0.5s; transition:all 0.5s;}

/* 
.box_md{display: inline-block; width:28%; margin:2%; text-align:center; border:1px solid #d8d8d8;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;overflow:hidden;cursor:pointer;}
.box_md img{max-width:100%; height:auto;}
.box_md:hover{animation:pulse 1s ease-in-out both;border:1px solid #df1f26;}
*/

.molding .mtit03{display:inline-block;width:100%;margin:0px auto 0px auto; text-align:center; vertical-align:top;padding:10px 0px 0px; font-size:26px;line-height:26px;color:#222;font-family:'Nanum Gothic Bold';background:url('/img/bar_rline.png') no-repeat center top; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.box_mwrap .ptitle04{display: inline-block; width:20%; margin:2% 2.5% 0%; text-align:center;padding:10px 0px 0px; font-size:20px;line-height: 22px; color:#222;font-family:'Nanum Gothic Bold';background:url('/img/bar_rline01.png') no-repeat center top; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.box_md04{display: inline-block; width:20%; margin:2.5%; text-align:center; border:1px solid #d8d8d8;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;overflow:hidden;cursor:pointer;}
.box_md04 img{max-width:100%; height:auto;}
.box_md04:hover > img {transform:scale(1.2); -webkit-transition:all 0.5s; transition:all 0.5s;}


.drawing {width:100%; margin:50px auto; text-align:center;overflow:hidden; font-size:0}
.drawing .dr_box{display: inline-block; width:25%; margin-left: -1px;}
.drawing .dr_box .box{border: 1px solid #e1e1e1; width:100%; height:330px; color: #999;  padding:10px 10px; display: block; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.drawing .dr_box .box .bimg{border: 1px solid #e1e1e1; width:100%; display: block; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.drawing .dr_box .box .bimg img{width:100%; height:auto;}
.drawing .dr_box .box .btxt{display: block; }
.drawing .dr_box .box .btxt h2{display: block; text-align:center; padding:15px 0px 10px 0px;  line-height: 16px; font-size: 16px; font-family:'Nanum Gothic Bold'; color:#df1f26}
.drawing .dr_box .box .btxt p{display: block; padding:0px 0px 10px 0px;text-align:left;line-height: 18px; font-size: 13px; font-family:'Nanum Gothic'; color:#666}

.box_dd_line{display: inline-block;width:100%;padding-top:15px; margin-top:15px; text-align:left; vertical-align:top;border-top:2px dotted #d8d8d8;}
.box_dd{display: inline-block; width:14%; margin:1%; text-align:center;}
.box_dd .bdwrap{display: inline-block; width:100%; text-align:center; border:1px solid #d8d8d8;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-ms-border-radius:50%;-khtml-border-radius:50%;-o-border-radius:50%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;overflow:hidden;cursor:pointer;}
.box_dd .bdwrap img{max-width:100%; height:auto;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-ms-border-radius:50%;-khtml-border-radius:50%;-o-border-radius:50%;}
.box_dd .bdwrap:hover > img {transform:scale(1.2); -webkit-transition:all 0.5s; transition:all 0.5s;}

.imgc_box {margin-top:30px; border: 1px solid #e1e1e1; text-align:center; width:100%; padding:50px;display: block; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.imgc_box img{width:100%; height:auto;}

.imgd_box {margin-top:30px; border: 1px solid #e1e1e1; text-align:center; width:100%; padding:50px;display: block; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.imgd_box img{width:100%; height:auto;}

.imgf_box {border: 1px solid #e1e1e1; text-align:center; width:100%; margin:20px auto 0px auto; padding:60px;display: block; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.imgf_box img{width:100%; height:auto;}

/* board */
.bcontent {width:100%;margin:0px; padding: 0px; text-align:left; vertical-align:top; font-size:0; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; overflow:hidden;}

/* board list-table */
.list-table {width:98%;margin:0px auto;overflow:hidden; text-align:center}
.list-table th {background:url('/img/tbg.jpg') left top repeat-x; padding: 8px 0px; border-left:1px solid #ebf2f9; font-size:13px;font-family:'Nanum Gothic Bold';text-align: center;color:#fff;}
.list-table td.left {text-align: left; padding-left:20px; }
.list-table tr.nbg {background:url(/image/th_bg.png) no-repeat;}
.list-table tr.tbg {background-color: #f6f6f6;}
.list-table tr.tbg:hover {background-color: rgba(220,220,220,.5);}
.list-table tr {background-color: #fff;}
.list-table tr:hover {background-color: rgba(228,228,228,.5);}
.list-table td {font-size:12px;padding:8px 0px;text-align: center;color:#5b5b5b;border-bottom: 1px solid #e5e5e5;}
.list-table td.date {font-size:12px;color:#999;letter-spacing:-0.5px;}
.list-table td:first-child, .list-table th:first-child {border-left: none;}
.list-table .ellipsis {display:block;text-align:left;padding-left:5px;}
.list-table input[type="checkbox"],.list-table input[type="radio"]{width:10px; height:10px;vertical-align:middle;border:0; margin:0; padding:0; cursor:pointer;}

.search_info {position:relative;clear:both;width:98%;margin:20px auto; text-align:center;}
.select_type001 {display: inline-block;width:70px;height:25px;line-height:30px;text-indent:11px;font-family:'Nanum Gothic';}
.select_type001 select {display: inline-block;background: url(/img/select_bg.png) right 0px repeat-x; /* 네이티브 화살표 대체 */ border-radius: 0px; /* iOS 둥근모서리 제거 */border:1px solid #cccccc;line-height:30px;height:25px;padding:0;margin:0 2px 0 0;width:100%;-webkit-appearance: none;-moz-appearance: none;appearance: none;-webkit-box-sizing:content-box;}
.select_type001 select::-ms-expand {display: none;}

.search001 {display: inline-block;width:120px;height:27px; margin:0 5px 0 10px;padding-left:5px}

.board-txt {display:block; font-size:14px; color:#666;font-family:'Nanum Gothic';line-height:24px; margin-bottom:20px}


/* pagination --------------------------------------------- */
.paging {position:relative;clear:both;text-align:center;margin-bottom:20px; margin-top:20px;}
.paging span {vertical-align:middle;display:inline-block; color:#666666;font-size:12px; font-family:'Nanum Gothic Bold';}
.paging span img {vertical-align:middle; max-width:100%;}
.paging span a {vertical-align:middle;color:#666666; padding:0px 10px; display:inline-block}
.paging span.on {vertical-align:middle;color:#000;}
.paging span.on a {color:#000;}

/* boardView */
.boardtb {width:100%;margin:0px auto;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px; overflow: hidden; background:#ffffff;border: 1px solid #dfdede;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.boardtb .news_view {border-top:0px solid #555;margin:0px 10px;}
.boardtb .news_view > dt {padding:30px 25px 20px;border-bottom:1px solid #d1d1d1; text-align:left;}
.boardtb .news_view .subject {margin-bottom:20px;font-size:18px;color:#222;line-height:20px;font-family:'Nanum Gothic Bold'}
.boardtb .news_view .date {font-size:12px;color:#888;line-height:1}
.boardtb .news_view .date .mr15 {letter-spacing:-1px;vertical-align:top}
.boardtb .news_view .name {line-height:1;margin-right:20px;color:#333;font-size:12px;}
.boardtb .news_view .name .mr15 {letter-spacing:-1px;vertical-align:top;}
.boardtb .news_view .email {line-height:1;margin-right:20px;color:#333;font-size:12px;}
.boardtb .news_view .email .mr15 {letter-spacing:-1px;vertical-align:top;}
.boardtb .news_view .sdate {line-height:1;color:#333;font-size:12px;}
.boardtb .news_view .sdate .mr15 {letter-spacing:-1px;vertical-align:top;}
.boardtb .news_view > dd {padding:20px 25px 30px;color:#555;font-size:13px;line-height:22px;}

.boardtb .page_move {width:100%; border-bottom:0px solid #555;line-height:1;padding:0px 10px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.boardtb .page_move > li {width:100%; padding:15px 25px;border-top:1px solid #e6e6e6;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.boardtb .page_move > li > p {float:left}
.boardtb .page_move > li > p > a {display:inline-block;font-size:12px;font-family:'Nanum Gothic Bold'}
.boardtb .page_move .prev {font-size:12px;width:50px;margin-right:20px;background:url(/img/ico_up.png) no-repeat 100% 50%}
.boardtb .page_move .next {font-size:12px;width:50px;margin-right:20px;background:url(/img/ico_dn.png) no-repeat 100% 50%}
.boardtb .page_move .prev_tit,
.boardtb .page_move .next_tit {color:#999;font-size:12px;}
.boardtb .btn_r {margin-top:20px;text-align:right}

/* Write */
.wr-type_warp {width:100%;margin:0px auto;overflow:hidden; text-align:center;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px; background:#fafafa;border: 1px solid #dfdede;word-wrap:break-word;padding:30px 20px 20px;}
.wr_type {width:95%;margin:0px auto 20px auto;}
.wr_type .w_row {margin-bottom: 10px; text-align:left;}
.wr_type .row:after {display: table; content: " "; clear: both; }
.wr_type .col_left {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width: 45%;margin-right: 5%; float: left; text-align:left;font-size:14px; }
.wr_type .col_right {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width: 45%;margin-left: 5%; float: left; text-align:left;font-size:14px;}
.wr_type label {display: block;width: 100%;color: #333;font-size:14px;line-height: 26px;vertical-align: middle;margin-bottom: 15px;}
.wr_type label span {display: inline-block;width: 100%; font-family:'Nanum Gothic Bold'; background: url("/img/q_icon.png") no-repeat left 6px; padding:0px 0px 0px 15px; color: #333;line-height: 20px;font-size:14px;}
.wr_type input {border-radius: 2px;display: inline-block;box-sizing: border-box;border:1px solid #d2d2d2;height: 30px;padding: 5px;color:#666;font-size:12px;}
.wr_type .input01 {width: 70%;}
.wr_type .input04 {width: 30%;}
.wr_type .input03 {width: 100%;}
.wr_type label textarea { border-radius: 2px;display: block;box-sizing: border-box; border:1px solid #d2d2d2;font-size:12px;}
.wr_type label .textarea01 {width: 100%;padding: 10px 15px;resize: none; overflow-y: scroll; font-size:13px; height: 150px;line-height: 1.6em;font-size:12px;}
.textarea_box {border-radius: 2px;width: 90%;padding-left:5%;padding-right:5%;padding-top:15px;padding-bottom:15px;resize: none; line-height: 16px; font-size:12px; background:#ebebeb; color: #444; overflow-y: hidden;}
.wr_type input[type="checkbox"],.wr_type input[type="radio"]{width:12px; height:12px;vertical-align:middle;border:0; margin:0px 5px 0px 0px; padding:0; cursor:pointer;}
.wr_type input[type="file"] {padding:0px}
.w_row textArea:focus {outline: none;border-color:#df1f26}
.w_row input:focus {outline: none;border-color:#df1f26}
.wtxt {display: inline-block;padding:0px 0px 0px 0px; color: #555;line-height: 20px;font-size:14px;}

.w_row select {border-radius: 2px; background: url(/img/select_bg.png) right 3px repeat-x; /* 네이티브 화살표 대체 */ /* border-radius: 0px; /* iOS 둥근모서리 제거 */ border:1px solid #cccccc;line-height:30px;height:30px;padding:0 0 0 2px;margin:0 2px 0 0;width:100px;-webkit-appearance: none;-moz-appearance: none;appearance: none;-webkit-box-sizing:content-box;}
/* IE 10, 11의 네이티브 화살표 숨기기 */
.w_row select::-ms-expand {display: none;}


/* 갤러리 */
/* box-wrap */
.box-wrap { max-width: 1200px; width:100%; margin: 0px auto; position: relative; overflow: hidden;font-size:0; padding:0px;}
.box-wrap .box{display: inline-block; width:23%; margin:1%; text-align:left; background:#fff; border:1px solid #d8d8d8; -moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;  position: relative; font-size:0;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.box-wrap .box img{ width:100%;}
.box .thumb_over{position: absolute; display:inline-block; top:0; left:0; width:100%; height:100%; background-color:transparent; -ms-filter: alpha(opacity=0); filter: Alpha(opacity=0); opacity: 0;  -moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px; overflow: hidden; }
.box .thumb_over p{ font-family:'Nanum Gothic Bold'; color: #fff;line-height: 28px;font-size:16px;text-align:center; padding-top:46%; filter: Alpha(opacity=0); opacity: 0; }
.box .thumb:hover .thumb_over{background:#000; -ms-filter: alpha(opacity=80); filter: Alpha(opacity=80); opacity: 0.8; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; }
.box .thumb:hover .thumb_over p{ filter: Alpha(opacity=100); opacity: 1; }

.box .thumb{display: inline-block; width:100%; border-radius:6px 6px 6px 6px; -webkit-border-radius:6px 6px 0px 0px;-moz-border-radius:6px 6px 0px 0px;  cursor:pointer; border-bottom:1px solid #e1e1e1;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.box .thumb img{border-top-right-radius: 6px;border-top-left-radius: 6px;}

.box .subject{display: block; padding:10px 15px; font-family:'Nanum Gothic'; color: #666;line-height: 15px;font-size:12px;border-bottom:2px dotted #d1d1d1;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;/*text-overflow:ellipsis-word;*/}
.box .subject p {display: block; font-family:'Nanum Gothic Bold'; color: #333;line-height: 15px;font-size:15px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;/*text-overflow:ellipsis-word;*/}
.box .cont{display: block; padding:10px 15px; font-family:'Nanum Gothic'; color: #444;line-height: 12px;font-size:12px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;/*text-overflow:ellipsis-word;*/}
.box .tab{position: absolute; top:0; left:10px; font-family:'Nanum Gothic Bold'; color: #fff; font-size:12px;text-align:center;z-index: 20;}
.box .tab img{border-top-right-radius: 0px;border-top-left-radius: 0px}
.box .subject em{display:none}


/* 팝업 레이어 S */
.pwinpopup {position:fixed; left:0; top:0; width:100%; height:100%; z-index:200; -ms-filter: alpha(opacity=80); filter: alpha(opacity=80); opacity:0.8; -moz-opacity:0.8;}
.pwinpopup .back {position:fixed; left:0; top:0; width:100%; height:100%; background:#000; z-index:201;}

.pwinpopup_box {position:fixed; left:50%; top:10%; z-index:202; background:#ffffff;}
.pwinpopup_box .pwinpopup_contents {position:absolute; left:0; top:0; width:100%; height:100%; z-index:202; background:#ffffff;}

.pwinpopup iframe, .pwinpopup_box iframe {position:absolute; left:0; top:0; width:100%; height:100%; background:#ffffff;}
/* 팝업 레이어 E */

/* 메뉴크게보기 팝업 레이어 S */

#menu_big_wrap {width: 888px; height:100%; margin: 0px 0px 0px 0px; text-align:center; vertical-align:top; border: 0px solid #e5e5e5;  padding: 0px 0px 0px 0px; }
#menu_big_wrap ul {width: 888px; }
#menu_big_wrap ul li.menu01 {float:left;width: 848px; text-align:center; vertical-align:top; background: #fcd598; padding: 0px; border: 0px solid #828a99;}
#menu_big_wrap ul li.menu02 {float:left;width: 40px; text-align:left; vertical-align:top;}

#menu_big {width: 848px; margin: 0px 0px 0px 0px; text-align:center; vertical-align:top; background: #ffffff; border: 0px solid #828a99;   }
#menu_big ul.mbig_top {width: 848px; text-align:left; vertical-align:top; background: #fcd598;  padding: 0px 0px 0px 0px;  }
#menu_big ul.mbig_middle {float:left; width: 848px; height:568px; display:table; text-align:center; vertical-align:top; padding: 0px; background: #fff; }
#menu_big ul.mbig_middle .big {display: table-cell; width:470px; height:520px; text-align:center; vertical-align:middle; margin:0px 0px 0px 0px;}

.drawborder {
  position: absolute;
  z-index: 2;
  background: #b61c21;
}

.drawborder-left,
.drawborder-right {
  width: 20px;
  height: 0;
}

.drawborder-top,
.drawborder-bottom {
  height: 20px;
  width: 0;
}

.drawborder-top,
.drawborder-right {
  top: 0;
}

.drawborder-right,
.drawborder-bottom {
  right: 0;
}

.drawborder-bottom,
.drawborder-left {
  bottom: 0;
}

.drawborder-left,
.drawborder-top {
  left: 0;
}