/*
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;line-height:145%;letter-spacing:normal}
body,html{width:100%; font-size:15px; color:#666; font-family:'Noto Sans KR',sans-serif; height:100%;}
.noscroll{overflow:hidden}
*{font-family:'Noto Sans KR',sans-serif;}
ol,ul,li{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table {border-collapse:separate;border-spacing:0; font-size:15px;}
table caption {overflow:hidden; font-size:0; line-height:0; font-size:15px;}
tbody,tfoot,thead,tr,th,td {margin:0;line-height:155%;letter-spacing:normal;}
dt{display:block;}
hr{display:none;}
a{cursor:pointer;text-decoration:none;color:#666;}
address{font-style:normal;}
input,select,img{vertical-align:middle;}
input{font-size:14px; color:#666; border:1px solid #d4d4d4; background-color:#fff; padding:8px 5px;}
select{font-size:14px; color:#666; border:1px solid #d4d4d4; background-color:#fff; padding:7px 5px;}
img{max-width:100%;}
strong{font-weight:800}
input:focus, textarea:focus, button:focus {outline:none;}
*/
/* Web Content Accessibility TTS(Text To Speech) Code */
.blind {position:absolute; top:0px; left:0px; overflow:hidden; display:inline-block !important; width:1px !important; height:1px !important; margin:0 !important; font-size:0 !important; line-height:0 !important;}
/*  */
/*
#wrap {position:relative; width:100%; height:100%; min-width:1310px; }

#header{position:absolute; z-index:10002; width:100%; top:-30px; clear:both; opacity:0}
#header.fixed{position:fixed; background:rgba(51,51,51,.7); padding-bottom:20px;}
#header.fixed .header_in h1{padding:40px 0 0 0;}
#header.fixed .header_in h1 img{width:180px}
#header.fixed .header_in .topUtil{padding-top:5px;}
#header .header_in{position:relative; margin:0 auto; width:1280px;}
#header .header_in h1{position:relative; float:left; padding:41px 0 0 0; z-index:10004;}

#header .header_in .topUtil{position:relative; float:right; padding-top:10px; z-index:10004;}
#header .header_in .topUtil dt{float:right; padding-left:10px}
#header .header_in .topUtil dt a{display:inline-block; font-family:'Raleway',sans-serif;  color:#fff; border:1px solid rgba(255,255,255,.4); border-radius:27px; font-size:13px; line-height:25px; font-weight:800; padding:0 15px; transition: all 0.3s;}
#header .header_in .topUtil dt a:hover{border-color:#cf2026; background:#cf2026; transition: all 0.3s;}
#header .header_in .topUtil dt a.menu_o{color:#777; border:1px solid #ddd;}
#header .header_in .topUtil dd{float:left; padding:5px 8px 0 0;}

#header .header_in .topUtil dd span.title{position:relative; display:block; font-family:'Raleway',sans-serif;  color:#fff; letter-spacing:0.4pt; font-size:13px; cursor:pointer; padding:0 14px 5px 15px; background:url('../../i/aprogen/top_arrow_w.png') right 8px no-repeat;}
#header .header_in .topUtil dd span.title a{font-family:'Raleway',sans-serif;  color:#fff; letter-spacing:0.4pt;}
#header .header_in .topUtil dd span.title.on_t {background:url('../../i/aprogen/top_arrow_w2.png') right 8px no-repeat;}
#header .header_in .topUtil dd.menu_o span.title{color:#777; background:url('../../i/aprogen/top_arrow_b.png') right 8px no-repeat;}
#header .header_in .topUtil dd.menu_o span.title a{font-family:'Raleway',sans-serif;  color:#777; letter-spacing:0.4pt;}
#header .header_in .topUtil dd ul.sub_m{position:absolute; opacity:0; display:none; background:#fff; z-index:99; padding:8px 0 8px 0; width:125px; border-radius:17px; box-shadow:rgba(0,0,0,.1) 2px 2px 6px;}
#header .header_in .topUtil dd li{font-size:13px; letter-spacing:-0.3pt;}
#header .header_in .topUtil dd li a{display:block; font-size:13px; letter-spacing:-0.3pt; padding:0 0 0 15px; line-height:24px;}
#header .header_in .topUtil dd li a:hover{color:#cf2026}
#header .header_in .topUtil dd li a.on{color:#cf2026; font-weight:600; text-decoration:underline}

#header .mBtn_m {display:none;}
*/
/* TOP */

/*
.gnbDiv {width:100%; height:108px; overflow:hidden; position:absolute; top:0; left:0; z-index:10003;transition:all 0.5s;}


.gnbDiv .gnbWrap .gnb ul li a.oneDep{display:block; position:relative; color:#fff; font-weight:bold; text-decoration:none !important; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
.gnbDiv .gnbWrap .gnb ul li.on a.oneDep {color:#cf2026 !important; text-decoration:none; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
*/


/**********************************************************************************************************************************************************/
/*
#visual{position:relative; overflow:hidden; width:100%; text-align:center; height:441px; background-color:#000; background-position:center 0; background-repeat:no-repeat; opacity:0}

#contents{position:relative; opacity:0;}
*/
h4.sub_title{font-size:32px; line-height:135%; letter-spacing:-1pt; color:#222; font-weight:300;}
h4.sub_title span{line-height:135%; letter-spacing:-1pt; font-weight:bold;}
h4.sub_title span.title_red{color:#21a451; font-weight:bold;}

p.sub_stitle{font-size:18px; letter-spacing:-0.7pt; color:#888; font-weight:300;}
/*** About Us ***/

/* 소개 */
.about_con{position:relative; padding-top:20px;}
.about_in01{position:relative; overflow:hidden; background:url('/img/about_img01.jpg') center 0 no-repeat; background-size:cover;}
.about_in01 dd{float:left; width:33.33333333333333%; height:270px; text-align:center; box-sizing:border-box; border-right:1px solid rgba(255,255,255,.2);}
.about_in01 dd:nth-child(3n){border-right:0}
.about_in01 dd p.tit{padding:160px 0 0 0; font-size:18px; font-weight:300; letter-spacing:-0.5pt; color:rgba(255,255,255,.7)}
.about_in01 dd p.num{color:#df2930; font-family:'Raleway',sans-serif; font-size:35px; font-weight:800; line-height:100%; padding-top:2px;}
.about_in01 dd p.num span{font-size:22px; font-weight:normal; line-height:100%;}
.about_in01 dd.one, .about_in01 dd.two, .about_in01 dd.three{border-bottom:1px solid rgba(255,255,255,.2)}
.about_in01 dd.one{background:url('/img/about_icon01.png') center 64px no-repeat;}
.about_in01 dd.two{background:url('/img/about_icon02.png') center 64px no-repeat;}
.about_in01 dd.three{background:url('/img/about_icon03.png') center 64px no-repeat;}
.about_in01 dd.four{background:url('/img/about_icon04.png') center 64px no-repeat;}
.about_in01 dd.five{background:url('/img/about_icon05.png') center 64px no-repeat;}
.about_in01 dd.six{background:url('/img/about_icon06.png') center 64px no-repeat;}

.about_in02{position:relative; overflow:hidden; margin-bottom:100px}
.about_in02 dt{float:left; width:630px;}
.about_in02 dd{float:right; width:585px; padding-top:40px;}
.about_in02 dd h4.sub_title{}
p.sub_stitle {
    font-size: 18px;
    letter-spacing: -0.7pt;
    color: #888;
    font-weight: 300;
}
.about_in02 dd p.sub_stitle{padding:13px 0 15px 0;}
.about_in02 dd p.txt{letter-spacing:-0.5pt; line-height:165%}

.about_in03{position:relative; overflow:hidden; margin-bottom:100px}
.about_in03 dt{float:right; width:630px;}
.about_in03 dd{float:left; width:585px; padding-top:40px;}
.about_in03 dd h4.sub_title{}
.about_in03 dd p.sub_stitle{padding:13px 0 15px 0;}
.about_in03 dd p.txt{letter-spacing:-0.5pt; line-height:165%}

.about_note{padding-top:20px; letter-spacing:-0.5pt; color:#888}

/*******************************************************************************
	@media 1024px~1310px
*******************************************************************************/
@media all and (max-width:1310px){


	/*** About Us ***/

	/* 소개 */
	.about_in02 dt{width:45%;}
	.about_in02 dd{width:100%; padding-top:30px;}
	.about_in02 dd p.txt br{display:none}

	.about_in03 dt{width:50%;}
	.about_in03 dd{width:45%; padding-top:25px;}
	.about_in03 dd p.txt br{display:none}

}


/*******************************************************************************
	@media 768~980px
*******************************************************************************/
@media all and (max-width:1090px){

}

/*******************************************************************************
	@media 768~980px
*******************************************************************************/
@media all and (max-width:980px){

	/*** About Us ***/

	/* 소개 */
	.about_in02 dt{float:none; width:100%; text-align:center;}
	.about_in02 dd{float:none; width:100%; text-align:center; padding-top:20px;}

	.about_in03 dt{float:none; width:100%; text-align:center;}
	.about_in03 dd{float:none; width:100%; text-align:center; padding-top:20px;}

}



/*******************************************************************************
	@media 640px~768px
*******************************************************************************/
@media all and (max-width:768px){

}


/*******************************************************************************
	@media ~640px
*******************************************************************************/
@media all and (max-width:640px){

	/*** About Us ***/

	/* 소개 */
	.about_con{padding-top:0;}
	.about_in01 dd{float:left; width:33.33333333333333%; height:175px;}
	.about_in01 dd p.tit{padding:100px 0 0 0; font-size:14px;}
	.about_in01 dd p.num{font-size:23px;}
	.about_in01 dd p.num span{font-size:14px;}
	.about_in01 dd.one{background:url('/i/aprogen/about/about_icon01.png') center 35px no-repeat; background-size:68px}
	.about_in01 dd.two{background:url('/i/aprogen/about/about_icon02.png') center 35px no-repeat; background-size:68px}
	.about_in01 dd.three{background:url('/i/aprogen/about/about_icon03.png') center 35px no-repeat; background-size:68px}
	.about_in01 dd.four{background:url('/i/aprogen/about/about_icon04.png') center 35px no-repeat; background-size:68px}
	.about_in01 dd.five{background:url('/i/aprogen/about/about_icon05.png') center 35px no-repeat; background-size:68px}
	.about_in01 dd.six{background:url('/i/aprogen/about/about_icon06.png') center 35px no-repeat; background-size:68px}

	.about_in02{ margin-bottom:50px}
	.about_in02 dd{padding-top:25px;}
	.about_in02 dd p.sub_stitle{padding:10px 0 14px 0;}

	.about_in03{margin-bottom:50px}
	.about_in03 dd{padding-top:25px;}
	.about_in03 dd p.sub_stitle{padding:10px 0 14px 0;}

}


/*******************************************************************************
	@media ~480px
*******************************************************************************/
@media all and (max-width:480px){

}