@charset "utf-8";
/****************************************/
/* Name: 진광(주)
/* Version: 1.0 / day: 2018-10-24
/* Author:  

/* Summary 
	1)메인, 서브레이아웃
	2)반응형 레이아웃
	3)메인 콘텐츠
	4)반응형 메인콘텐츠
	5)서브 콘텐츠
	6)반응형 서브콘텐츠
*/
/****************************************/

@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css"); 

/* Common */
body{text-align: left;font-size:15px;color:#313131;line-height:26px;font-family:'Nanum gothic',sans-serif;letter-spacing:-1px;font-weight:400;height:100%}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,span,form,fieldset,p,button,address,table, tbody, tfoot, thead, th, tr, tdvideo, tt{margin:0;padding:0;box-sizing: border-box;word-break:keep-all}
header,article,aside,canvas,details,figcaption,figure,footer,hgroup,menu,nav,section,summary,mark {display:block;margin: 0; padding: 0;box-sizing: border-box;}
h1,h2,h3,h4,h5,h6,input,button,textarea,select,table{font-family:'Nanum gothic',sans-serif;font-size:15px;box-sizing: border-box;}
input,button,textarea,select{background-color:#fff;border-radius:0;box-sizing: border-box;} /*-webkit-appearance: none*/
button,textarea{-webkit-appearance: none}
img,fieldset,iframe{border:0 none}
li{list-style:none}
img,input,select,button,textarea{vertical-align:middle;box-sizing: border-box;}
img{max-width:100%}
em,address,optgroup{font-style:normal}
label,button{cursor:pointer}
label{position: relative;}
button{margin:0;padding:0;border:0;background:none}
a{box-sizing: border-box}
a:link,a:visited{text-decoration:none;color:#3a3a3a;}
a:hover,a:focus,a:active{text-decoration:none;color:#3a3a3a}
hr{display:none}
legend,caption{font-size:0; width:0; height:0; line-height:0;overflow:hidden;text-indent:-9999px}
.blind{position:absolute;top:0;left:0;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0)}
p{text-align:left;font-weight:400;word-break:keep-all}
table {width:100%;font-weight:400;border-spacing:0}


/*
================================================================================
메인, 서브레이아웃
================================================================================
*/


#wrapper{position:relative;min-width:320px;width:100%;height:100%;right:0;z-index:300}
#wrapper.fix{position:fixed;top:0;width:100%;height:auto;z-index:200;}

/* ---- 상단영역 ---- */
#header{position:relative;width:100%;z-index:200}

#header .head_box{position:relative;margin:0 auto;max-width:1350px;min-height:60px}
#header .head_box .logo{padding-top:10px;text-align:center;z-index:10}

#header .head_box .btnMenu{display:block;position:fixed;top:0;right:0;width:60px;height:60px;text-indent:-999px;overflow:hidden;background:#d3141a;z-index:10}
#header .head_box .btnMenu span{position:relative;display:block;margin-left:17px;width:17px;height:3px;background:#fff;}
#header .head_box .btnMenu span::before{position:absolute;top:-9px;left:0;width:27px;height:3px;content:'';background:#fff;}
#header .head_box .btnMenu span::after{position:absolute;top:9px;left:0;width:27px;height:3px;content:'';background:#fff;}

#gnb{display:none;position:fixed;top:0;right:0;padding:10% 20px;width:100%;height:100%;z-index:30}
#gnb .gnb{position:relative;margin:0 auto;max-width:1200px;}
#gnb .gnb > ul{background:#fff;}
#gnb .gnb > ul::after{display:block;clear:both;content:''}
#gnb .gnb > ul > li{position:relative;float:left;width:25%;text-align:center}
#gnb .gnb > ul > li > a{display:block;padding-top:115px;height:170px;font-size:24px;font-weight:bold;color:#fff;background-color:#131d29;background-repeat:no-repeat;background-position:center 33%}
#gnb .gnb > ul > li:nth-child(2n) > a{background-color:#182536}
#gnb .gnb > ul > li:nth-child(1) > a{background-image:url('../img/tm_ic1.png')}
#gnb .gnb > ul > li:nth-child(2) > a{background-image:url('../img/tm_ic2.png')}
#gnb .gnb > ul > li:nth-child(3) > a{background-image:url('../img/tm_ic3.png')}
#gnb .gnb > ul > li:nth-child(4) > a{background-image:url('../img/tm_ic4.png')}
#gnb .gnb > ul > li:nth-child(5) > a{background-image:url('../img/tm_ic5.png')}
#gnb .gnb li ul{padding:30px 0;}
#gnb .gnb li ul li{margin:15px 0}
#gnb .gnb li ul li a{display:block;padding:3px 0;font-size:20px}
#gnb .gnb > ul > li button{display:none}
#gnb .btnMenuClose{position:absolute;top:-60px;right:0;width:60px;height:60px;text-indent:-999px;overflow:hidden;z-index:30}
#gnb .btnMenuClose span{position:relative;display:block;margin-left:17px;width:20px;height:3px;background:transparent}
#gnb .btnMenuClose span::before{position:absolute;top:0;left:0;width:27px;height:3px;content:'';background:#fff;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
#gnb .btnMenuClose span::after{position:absolute;top:0;left:0;width:27px;height:3px;content:'';background:#fff;transform: rotate(45deg);-webkit-transform: rotate(45deg);}

.fixed{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:10}
.fixed.on{display:block}


.main #header{position:absolute;top:0;left:0;}
.main #header .head_box .logo{position:absolute;top:45px;left:20px;padding-top:0;z-index:10}
.main #header .head_box .btnMenu{right:-60px;}
.main #header .head_box .btnMenu.view{right:0;transition-delay:0.3s;}

/* ---- 중간영역 ---- */
#container{position:relative;height:100%}
#container #content{position:relative;margin:0 auto;min-height:500px}
#container #content::after{display:block;clear:both;content:''}

#lnbCon{position:relative;background:#182d5c;z-index:110}
#lnbCon nav{position:relative;margin:0 auto;max-width:1200px}
#lnb::after{display:block;clear:both;content:''}
#lnb > li{position:relative;float:left;border-right:1px solid #2a4a81}
#lnb > li.home{width:44px;height:44px;border:0;}
#lnb > li.home a{display:block;height:100%;text-indent:-999px;overflow:hidden;background:#101f45 url('../img/ic_home.png') no-repeat center center;}
#lnb > li button{position:relative;min-width:240px;height:44px;font-size:16px;color:#d4e1f8;text-indent:20px;text-align:left;border:0;border-right:1px solid #17294a}
#lnb > li button::after{position:absolute;top:50%;right:20px;margin-top:-4px;width:16px;height:8px;content:'';transition:all 0.2s ease;background:url('../img/lnb_arrow.png') no-repeat}
#lnb > li button.on::after{transform:rotate(180deg)}
#lnb > li > ul{display:none;position:absolute;top:43px;left:0;min-width:100%;background:#182d5c;border-bottom:1px solid #2a4a81;}
#lnb > li > ul li{margin:0 -1px;font-size:15px;white-space: nowrap;}
#lnb > li > ul li a{display:block;padding:10px 20px;color:#fff;line-height:20px;border:1px solid #2a4a81;border-width:1px 1px 0}
#lnb > li > ul li a:hover,
#lnb > li > ul li.on a{color:#182d5c;background:#fff}
#lnb > li.depth2 button{color:#fff}

/* ---- 하단영역 ---- */
#footer {position:relative;width:100%;background:#f5f5f5;z-index:100}
#footer .footWrap{position:relative;margin:0 auto;padding:20px 360px 20px 200px;max-width:1350px;}
#footer .footWrap .fLang{position:absolute;top:20px;right:10px;padding:0 10px;height:30px;font-size:12px;line-height:28px;background:#fff;border:1px solid #b4b4b4;border-radius:15px}
#footer .footWrap .fLang dt{display:inline-block;margin-right:15px;padding-left:25px;font-weight:bold;background:url('../img/ic_lang.png') no-repeat left center}
#footer .footWrap .fLang dd{display:inline-block}
#footer .footWrap .fLang dd ul li{display:inline-block;margin:0 4px}
#footer .footWrap .fLang dd ul li.on a{color:#002590;font-weight:bold}
#footer .footWrap .fLang dd ul li:nth-child(3).on a { color: #ff0000;}
#footer .footWrap .foot_logo{position:absolute;top:17px;left:10px;width:240px;}
#footer .footWrap address{font-size:12px;color:#6f6f6f;line-height:18px}
#footer .footWrap address span{display:inline-block;margin-right:15px}
#footer .innobiz_logo {position: absolute; top: 20px; right: 270px; width: 75px;}
#footer.on{bottom:0}

#wrapper.main #footer{position:fixed;left:0;bottom:0;}

/*
================================================================================
반응형 레이아웃
================================================================================
*/


 /* TABLET Device */
@media all and (max-width:1000px){
	
	#header .head_box .logo.on{display:none}

	#gnb{padding:60px 10px 0}
	#gnb .btnMenuClose{right:-10px}

	#lnb > li button{min-width:190px}
	
	#footer .footWrap{padding:20px 30px}
	#footer .footWrap .fLang{top:25px}
	#footer .footWrap .foot_logo{position:relative;top:0;display:inline-block;margin-bottom:10px;width:auto;text-align:left}

}

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

	body{line-height:24px}
	
	#header .head_box .logo{top:10px;left:0 !important;width:100%;text-align:center}
	#header .head_box .logo.on{display:block}
	.main #header .head_box .btnMenu{position:absolute;right:0}

	#gnb{display:none;position:fixed;top:0;right:0;padding:60px 20px;width:100%;height:100%;overflow:auto;z-index:30}
	#gnb .gnb{position:relative;padding-bottom:60px}
	#gnb .gnb > ul{background:#fff;}
	#gnb .gnb > ul > li{float:none;width:100%;}
	#gnb .gnb > ul > li > a{padding:0;height:auto;font-size:22px;font-weight:bold;line-height:60px;background-image:none !important;}
	#gnb .gnb li ul{display:none;padding:20px 0;}
	#gnb .gnb li ul li{margin:0;padding:}
	#gnb .gnb li ul li a{display:block;padding:5px 50px;font-size:18px}
	#gnb .gnb > ul > li button{display:block;position:absolute;top:0;left:0;width:100%;height:60px;text-indent:-999px;overflow:hidden}

		
	#lnb > li{width:50%}
	#lnb > li.home{display:none}
	#lnb > li button{min-width:100%;font-size: 14px;}
	
	#wrapper.main #footer{position:relative}

	#footer{position:relative;}
	#footer .footWrap{padding:20px}
	#footer .footWrap .foot_logo{left:0}
	#footer .footWrap .fLang{position:relative;top:0;right:0;margin:0 auto 20px;width:280px}
	#footer .innobiz_logo {
	    top: 78px;
		left: 200px;
		width: 65px;
	}
}

/*
================================================================================
콘텐츠
================================================================================
*/

.mVisual{position:fixed;top:0;left:0;padding:0 300px 75px 0;width:100%;height:100%;transition:left 0.3s ease;-webkit-transition:left 0.3s ease;z-index:10}
.mVisual.on{left:-300px}
.mVisual .bx-wrapper{width:100%;height:100%}
.mVisual .bx-wrapper .bx-viewport{height:100% !important}
.mVisual ul{width:100%;height:100%}
.mVisual ul::after{display:block;clear:both;content:''}
.mVisual ul li{position:relative;height:100%;}
.mVisual ul li .mBg{position:absolute;top:0;left:0;width:100%;height:100%;transition:all 0.8s;-webkit-transition:all 0.8s;background-repeat:no-repeat;background-position:center center;background-size:cover}
.mVisual ul li .mBg:hover{transform:scale(1.05);-webkit-transform:scale(1.05);}
.mVisual ul li .bg1{background-image:url('../img/m_slide1.jpg')}
.mVisual ul li .bg2{background-image:url('../img/m_slide2.jpg')}
.mVisual ul li .bg3{background-image:url('../img/m_slide3.jpg')}
.mVisual ul li .bg4{background-image:url('../img/m_slide4.jpg')}

.mVisual ul li .txt{position:absolute;right:0;bottom:50px;padding:40px;background:rgba(0,0,0,0.7)}
.mVisual ul li .txt p{color:#fff;text-align:right;font-weight:bold}
.mVisual ul li .txt .txt1{margin-bottom:20px;font-size:22px}
.mVisual ul li .txt .txt2{font-size:19px}

.mVisual .bx-controls{position:absolute;top:60px;right:360px;padding-right:30px}
.mVisual .bx-controls .bx-controls-direction{display:none}
.mVisual .bx-controls .bx-controls-auto{position:absolute;top:5px;right:0}
.mVisual .bx-controls .bx-controls-auto a{display:block;width:16px;height:16px;text-indent:-999px;overflow:hidden;background-repeat:no-repeat;background-position:center center;}
.mVisual .bx-controls .bx-controls-auto .bx-start{background-image:url('../img/ic_play.png')}
.mVisual .bx-controls .bx-controls-auto .bx-stop{background-image:url('../img/ic_stop.png')}
.mVisual .bx-controls .bx-controls-auto a.active{display:none}
.mVisual .bx-controls .bx-pager .bx-pager-item{display:inline-block;margin:0 12px;vertical-align:middle}
.mVisual .bx-controls .bx-pager .bx-pager-item a{display:block;width:8px;height:8px;text-indent:-999px;overflow:hidden;background:#000;border:1px solid #21303d}
.mVisual .bx-controls .bx-pager .bx-pager-item a.active{position:relative;width:18px;height:18px;background:#fff}
.mVisual .bx-controls .bx-pager .bx-pager-item a.active::before{position:absolute;top:50%;left:50%;margin:-4px 0 0 -4px;width:8px;height:8px;content:'';background:#000}

.mSideCon{position:fixed;top:0;right:-500px;padding-bottom:75px;width:800px;height:100%;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;background:#fff;z-index:50}
.mSideCon .conBox{position:relative;padding:60px 60px 80px;width:102%;height:100%;overflow:auto;opacity:0.2;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
.mCon1{margin-bottom:40px}
.mCon1::after{display:block;clear:both;content:''}
.mCon1 h2{margin-bottom:10px;font-size:18px;line-height:18px}
.mCon1 h2 span{color:#d3141a}
.mCon1 img{float:left;width:50%;border:1px solid #ddd}
.mCon1 dl{float:right;margin-top:-28px;padding:30px 30px;width:50%;color:#fff;background:#0063ff}
.mCon1 dl dt{margin-bottom:40px;font-size:18px}
.mCon1 dl dd{font-size:14px;line-height:20px}

.mSideCon.on{right:0}
.mSideCon.on .conBox{opacity:1}

.mCon2{margin-bottom:50px}
.mCon2 ul{text-align:center}
.mCon2 ul li{display:inline-block;width:19%;vertical-align:top}
.mCon2 ul li a{display:block;padding-top:90px;background-position:center top;background-repeat:no-repeat}
.mCon2 ul li .tit{display:block;font-size:12px;color:#797979;line-height:20px}
.mCon2 ul li .tit span{display:block;font-size:14px;color:#d3141a}
.mCon2 ul li.ic1 a{background-image:url('../img/m_ic1.png')}
.mCon2 ul li.ic2 a{background-image:url('../img/m_ic2.png')}
.mCon2 ul li.ic3 a{background-image:url('../img/m_ic3.png')}
.mCon2 ul li.ic4 a{background-image:url('../img/m_ic4.png')}
.mCon2 ul li.ic5 a{background-image:url('../img/m_ic5.png')}

.mCon3{position:relative;margin-bottom:50px}
.mCon3 h3{position:absolute;top:0;left:0;padding:15px;width:215px;height:100px;font-size:20px;color:#fff;background:#20252c;z-index:10}
.mCon3 h3 span{position:absolute;right:10px;bottom:10px;font-size:12px}
.mCon3 ul::after{display:block;clear:both;content:''}
.mCon3 ul li{position:relative;}
.mCon3 ul li::after{display:block;clear:both;content:''}
.mCon3 ul li .txt{position:relative;float:left;width:60%;height:220px;}
.mCon3 ul li .txt p{position:absolute;right:0;bottom:0;padding-right:20px;font-size:14px;text-align:right;line-height:18px}
.mCon3 ul li .img{float:right;width:40%}
.mCon3 .bx-controls{position:absolute;left:0;bottom:0;height:34px}
.mCon3 .bx-controls-direction{height:34px}
.mCon3 .bx-controls a{display:inline-block;width:34px;height:34px;text-indent:-999px;overflow:hidden;background-position:center center;background-repeat:no-repeat;background-color:#fff;border:1px solid #86868b}
.mCon3 .bx-controls .bx-prev{border-right:0;background-image:url('../img/ic_before.png')}
.mCon3 .bx-controls .bx-next{background-image:url('../img/ic_next.png')}

.subVisual{height:168px;background-position:center center;background-repeat:no-repeat;background-size:cover}
.subVisual.bg1{background-image:url('../img/sub_visual01.jpg')}
.subVisual.bg2{background-image:url('../img/sub_visual02.jpg')}
.subVisual.bg3{background-image:url('../img/sub_visual03.jpg')}
.subVisual.bg4{background-image:url('../img/sub_visual04.jpg')}
.subVisual.bg5{background-image:url('../img/sub_visual05.jpg')}

.sConBox{position:relative;margin:0 auto;padding-top:130px;max-width:1200px}

h2.title{position:absolute;top:-43px;left:0;padding:15px;width:218px;height:129px;font-size:24px;color:#fff;background:#297ec6;box-shadow:0 5px 5px rgba(0,0,0,0.2); z-index: 99;}
h2.title span{position:absolute;right:15px;bottom:10px;font-size:14px}

.s1_con1{position:relative;padding-left:430px}
.s1_con1 .txt1{/*margin-bottom:35px*/}
.s1_con1 .txt1 span{font-style:italic;color:#757575}
.s1_con1 .txt1 b{font-size:24px;color:#1d4a9e}
.s1_con1 .txt2{margin-bottom:30px;font-size:16px}
.s1_con1 .txt2 span{display:block}
.s1_con1 .txt3{margin-bottom:30px;font-size:14px}
.s1_con1 .txt3 span{display:block}
.s1_con1 ul{margin-bottom:35px;padding:20px 30px;background:#f2f9ff}
.s1_con1 ul li{margin:10px 0;font-size:17px}
.s1_con1 ul li b{font-size:21px;color:#ff0000}
.s1_con1 .sign {font-size: 21px; padding-bottom: 15px;}
.s1_con1 .photo{position:absolute;top:-26px;left:-100px;;z-index:-1}

.s1_con1_bt{padding:90px 20px 0;height:400px;text-align:center;background:url('../img/s1_1_bg.jpg') no-repeat center center;background-size:cover}
.s1_con1_bt p{color:#fff;text-align:center;font-style:italic;text-shadow:1px 1px 4px rgba(0,0,0,0.5);}
.s1_con1_bt .txt1{display:inline-block;margin-bottom:10px;padding:8px 40px;font-size:22px;font-weight:bold;background:rgba(18,29,42,0.35)}

.s1_con2 dl{position:relative;padding:0 0 0 365px}
.s1_con2 dl dt{position:absolute;top:-20px;left:0;width:330px;font-size:50px;color:#4c4c4c;text-align:right;font-style:italic;line-height:50px}
.s1_con2 dl dd{position:relative;padding-left:30px}
.s1_con2 dl dd::before{position:absolute;top:7px;left:0;width:10px;height:10px;content:'';background:#d3141a;border-radius:50%;z-index:1}
.s1_con2 dl dd::after{position:absolute;top:7px;left:5px;width:1px;height:100%;content:'';border-left:1px solid #a9a9a7}
.s1_con2 dl dd > ol{padding-bottom:60px;}
.s1_con2 dl dd > ol > li{position:relative;margin-bottom:20px;padding-left:85px}
.s1_con2 dl dd ol li .year{position:absolute;top:0;left:0;font-size:23px;color:#d3141a;font-weight:bold}
.s1_con2 dl dd ol li ul li{position:relative;padding-left:40px}
.s1_con2 dl dd ol li ul li .month{position:absolute;top:0;left:0;font-size:16px;font-weight:bold}
.s1_con2 dl dd ol li ul li .block {display: block;}
.s1_con2 dl dd .img{position:absolute;}
.s1_con2 dl:nth-child(1) dd .img{top:0;right:0}
.s1_con2 dl:nth-child(2) dd .img{top:60px;left:-270px}
.s1_con2 dl:nth-child(3) dd .img{top:0;right:0}


.tit_text {
	font-size: 18px;
	font-weight: bold;
	color: #20252c;
	display: inline-block;
	padding-bottom: 20px;;
}
.container {
    max-width: 1200px;
    position: absolute;
    overflow: hidden;
    left: 50%;
    margin-left: -600px;
}

.s3_con1,
.s4_con,
.s_con
{position:relative; padding-bottom: 60px; overflow: hidden;}

.s3_con1_bt{
	padding:0;
	height:510px;
	text-align:center;
	background:url('../img/s1_3_img2.jpg') no-repeat center center;
	background-size:cover;
	position: relative;
}
.s3_con1_bt .text_con {
	padding: 60px 0 162px;
	width: 70.62%;
	background: #182d5c;
	color: #fff
}
.s3_con1_bt .text_con .tit_text{
	color: #fff;
	float: left;
}
.s3_con1_bt .text_con .txt1 {
	margin-left: 192px;
	float: left;
}
.s3_con1_bt .text_con .txt1 span{
	display: block;
	text-align: left;
}

.s3_con1_bt .img_con {
	line-height: 510px;
	top: 0;
	right: 0;
	margin: 0;
}


.s4_con .tit_text{
	display: block;
}
.s4_con1 .box{
	width: 32.5%;
	height: 168px;
	background: #f5f5f5;
	margin: 0.4%;
	float: left;
	text-align: center;
}
.s4_con1 .box .box_title{
	font-size: 19px;
	font-weight: bold;
	color: #20252c;
	padding: 35px 0 20px 0;
}
.s4_con1 .box .box_conWrap {
	margin: 0 auto;
	display: inline-block;
	overflow: hidden;
	display: table;
}
.s4_con1 .box .box_text{
	font-size: 25px;
	text-align: left;
	display: table-cell;
	vertical-align: middle;
	text-shadow: 1px 1px 0px #aaa;
}
.s4_con1 .box .box_img{
	padding-right: 10px;
}

.red {
	color: #d3141a;
}
.b {
	font-weight: bold;
}
.f14{
	font-size: 14px;
}
.f30{
	font-size: 30px;
}
.s4_con1 .box5 {
	background:#f5f5f5 url('../img/s1_4_img5.png') no-repeat 100%;
	background-position: left bottom;
}
.s4_con1 .box2 .box_text,
.s4_con1 .box5 .box_text {
	line-height: 55px;
}

.s4_con2 .box {
	width: 24.41%;
	margin:0 0.295%;
	float: left;
}
.s4_con2 .box .box_text{
	font-size: 15px;
	color: #20252c;
	text-align: center;
	font-weight: bold;
	padding: 10px 0;
}
.s4_con3 .box {
	width: 14.33%;
	margin: 0 1.16%;
	float: left;
	text-align: center;
}
.s4_con3 .box .box_text{
	font-size: 15px;
	color: #20252c;
	text-align: center;
	font-weight: bold;
	padding: 10px 0;
}

.s5_con2 {
    display: table;
    margin: 0 auto;
}
.s5_con2 .logo{
	float: left;
	padding-right: 85px;
	display: table-cell;
    line-height: 90px;
}
.s5_con2 .info {
	float: left;
	font-size: 16px;
	line-height: 30px;
}
.s5_con2 .info .tit {
	color: #767676;
}
.s5_con2 .info .tit .line{
	padding: 0 5px;
}

.sub02_01_co1 {
	background: #282f44;
	color: #fff;
	position: relative;
}
.sub02_01_co1 .con {
	overflow: hidden;
}
.sub02_01_co1 .con .tit {
	font-size: 55px;
	line-height: 55px;
    margin-bottom: 45px;
}
.sub02_01_co1 .con .sub_tit {
    font-size: 19px;
    line-height: 29px;
    margin-bottom: 45px;
}
.sub02_01_co1 .con .sub_tit span{
	display: block;
}
.sub02_01_co1 .con .text{
	overflow: hidden;
	margin-bottom: 65px;
	float: left;
	width: 20%;
}
.sub02_01_co1 .con .text li{
	font-size: 19px;
	text-decoration: underline;
	line-height: 32px;
}
.sub02_01_co1 .img{
    position: absolute;
    left: 50%;
    bottom: -65px;
    margin-left: -100px;
    width: 57%;
}

.sub02_01_con2 {
	background: url(../img/s2_1_img2.jpg) repeat;
	overflow: hidden;
	padding: 65px 0;
}
.sub02_01_con2 .sConBox {
	padding: 0;
}
.sub02_01_con2 .con{
	float: left;
	width: 33%;
	border-right: 1px solid rgba(255,255,255,0.3);
	color: #fff;
	padding: 0 45px;
}
.sub02_01_con2 .con:first-child{
	padding: 0;
}
.sub02_01_con2 .con:last-child{
	border-right: 0;
}
.sub02_01_con2 .con .tit{
	font-size: 35px;
	margin-bottom: 45px;
}
.sub02_01_con2 .con .text{
	font-size: 19px;
	line-height: 29px;
}
.sub02_01_con2 .con .text li{
	text-decoration: underline;
}

.sub04_01_co1 {
	width:  969px;
	overflow: hidden;
	background: url(../img/s4_1_img1.png) no-repeat 100%;
	margin: 0 auto;
	padding-top: 140px;
	text-align: center;
    margin-bottom: 65px;
}
.sub04_01_co1 .tit img {
	padding-right: 30px;
}
.sub04_01_co1 .sub_tit{
	padding-top: 32px;
	font-size: 25px;
	line-height: 30px;
}
.sub04_01_co1 .sub_tit span{
	display: block;
}
.sub04_01_co1 .wrap {
	position: relative;
    margin: 78px auto 0;
    display: table;
	width: 100%;
}
.sub04_01_co1 .wrap .box_wrap{
	width: 25%;
	text-align: center;
	float: left;
}
.sub04_01_co1 .wrap .box{
	width: 215px;
	height: 215px;
	border-radius: 107.5px;
	box-shadow: 0px 0px 20px #ddd;
	text-align: center;
	color: #20252c;
	background: #fff;
	margin: 0 auto;
}
.sub04_01_co1 .wrap .box.red{
	border: 23px solid #eec5c7;
}
.sub04_01_co1 .wrap .box.blue{
	border: 23px solid #c5cfe1;
}
.sub04_01_co1 .wrap .box .ic{
	margin: 40px 0 0 0;
}
.sub04_01_co1 .wrap .box .tit{
	font-size: 19px;
	font-weight: bold;
    padding: 10px 0 0 0;
    line-height: 25px;
}
.sub04_01_co1 .wrap .box .con{
    line-height: 19px;
}
.sub04_02_co1 {
	background: url(../img/s4_2_img1.png) no-repeat 100%;
	background-position: right top;
    padding-top: 270px;
    position: relative;
    top: -130px;
	overflow: hidden;
}
.sub04_02_co1 .tit{
	width: 100%;
    margin-bottom: 50px;
}
.sub04_02_co1 .img{
	float: left;
}
.sub04_02_co1 .text{
	padding-left: 552px;
	padding-top: 20px;
	width: 100%;
	position: relative;
}
.sub04_02_co1 .text .tit{
	
	width: 654px;
	height: 54px;
	line-height: 54px;
	font-size: 27px;
	background: url(../img/s4_2_img7.png) no-repeat 100%;
	background-position: right bottom;
}
.sub04_02_co1_tit {
	background: #f5f5f5;
	width: 54.89%;
	height: 54px;
	position: relative;
	float: right;
    top: 365px;
}
.sub04_02_co1 .text dl{
	position: relative;
	padding-left: 23px;
    margin: 19px 0;
}
.sub04_02_co1 .text dl dt{
	font-size: 19px;
	position: relative;
}
.sub04_02_co1 .text dl dd::before{
	width: 9px;
	height: 9px;
	border-radius: 4.5px;
	background: #d3141a;
	position: absolute;
	left: -54px;
	top: 9px;
	content:'';
	z-index: 2;
}
.sub04_02_co1 .text dl dt::after{
	width: 45px;
	height: 1px;
	line-height: 9px;
	position: absolute;
	background:#000;
	left:-68px;
	top: 13px;
	content:'';
	z-index: 1;
}
.sub04_02_co1 .text .tit dl dd{
	font-size: 16px;
}
.sub04_02_co2 {
    position: relative;
    top: -70px;
}
.sub04_02_co3{
	position: relative;
}
.sub04_02_co3::after{
	width: 100%;
	height: 1px;
	background: #4c4c4c;
	content:'';
	z-index: 3;
	position: absolute;
	top: 109px;
	left: 0;
}
.sub04_02_co3 .sConBox {
	padding-top: 0;
	padding-bottom: 130px;
	overflow: hidden;
}
.sub04_02_co2 .tit,
.sub04_02_co3 .tit{
	font-size: 18px;
    font-weight: bold;
    color: #20252c;
	width: 100%;
}

.sub04_02_co3 .step{
	float: left;
	width: 25%;
	text-align: center;
}
.sub04_02_co3 .step .text .tit_text {
	position: relative;
	padding: 30px 0;
}
.sub04_02_co3 .step .text .tit_text::before{
	width: 9px;
	height: 9px;
	border-radius: 4.5px;
	background: #d3141a;
	content:'';
	z-index: 4;
	position: absolute;
	top: 11px;;
	left: 50%;
	margin-left: -4.5px;
}
.sub04_02_co3 .step span{
	display: block;
}
.sub04_02_co2 .tit,
.sub04_02_co3 .tit{
	padding: 0 0 20px 0;
}





.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  -moz-transform: translate3d(0px, 0, 0);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-transition-property: -webkit-transform, height;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform, height;
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

.photoSlide{margin-bottom:50px}
.photoSlide .photoThumb{position:relative;margin-bottom:10px;}
.photoSlide .photoThumb ul::after{display:block;clear:both;content:''}
.photoSlide .photoThumb li{position:relative;background:#000;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;cursor:pointer}
.photoSlide .photoThumb li::before{position:absolute;top:0;left:0;width:100%;height:100%;content:'';opacity:0;border:6px solid #d3141a;box-sizing:border-box;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;z-index:2}
.photoSlide .photoThumb li.swiper-slide-active::before{opacity:1}
.photoSlide .photoThumb li img{opacity:0.4;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
.photoSlide .photoThumb li.swiper-slide-active img{opacity:1}
.photoSlide .photoBigView{position:relative;background:#edf1f9}
.photoSlide .photoBigView ul::after{display:block;clear:both;content:''}
.photoSlide .photoBigView li::after{display:block;clear:both;content:''}
.photoSlide .photoBigView li .bigSlide{float:left;width:63%}
.photoSlide .photoBigView li dl{float:right;padding:50px 30px;width:37%}
.photoSlide .photoBigView li dl dt{position:relative;margin-bottom:25px;padding-left:12px;font-size:20px;font-weight:bold}
.photoSlide .photoBigView li dl dd{font-size:16px}
.photoSlide .photoBigView li dl dt::before{position:absolute;top:2px;left:0;width:3px;height:20px;content:'';background:#1d4a9e}
.photoSlide button{position:absolute;top:50%;width:45px;height:45px;margin-top:-25px;overflow:hidden;text-indent:-999px;background-color:rgba(0,0,0,0.65);background-repeat:no-repeat;background-position:center center;z-index:20}
.photoSlide button.swiper-button-prev{left:0;background-image:url('../img/ic_g_before.png') }
.photoSlide button.swiper-button-next{right:0;background-image:url('../img/ic_g_next.png') }
.bigSlide{position:relative;}
.bigSlide .swiper-pagination{position:absolute;left:0;bottom:20px;width:100%;;text-align:center;z-index:20}
.bigSlide .swiper-pagination span{display:inline-block;margin:0 3px;width:20px;height:10px;text-indent:-999px;overflow:hidden;cursor:pointer;background:#fff; border-radius:5px}
.bigSlide .swiper-pagination span.swiper-pagination-bullet-active{width:40px;background:#d3141a;}

/*
================================================================================
반응형 콘텐츠
================================================================================
*/

 /* PC Device */
@media all and (min-width:1001px){
	
	
}

 /* TABLET Device */
@media all and (max-width:1000px){
	
	
	
	.mVisual{padding:0 200px 145px 0}
	.mVisual ul li .txt{bottom:20px;padding:20px}
	.mVisual .bx-controls{right:240px}
	.mSideCon{right:-600px;padding-bottom:145px}
	.mSideCon.on{width:100%}
	.mSideCon .conBox{padding:60px 0 60px 40px;}

	.s1_con1{padding:0 80px}
	.s1_con1 ul{margin:0 -80px 45px;padding:20px 80px}
	.s1_con1 .sign{text-align:right}
	.s1_con1 .photo{position:relative;top:0;left:0;overflow:hidden}
	.s1_con1 .photo img{margin-bottom:-2px}
	
	.s1_con2{padding:0 20px}
	.s1_con2 dl{padding:0}
	.s1_con2 dl dt{position:relative;top:0;margin-bottom:20px;text-align:left;width:auto;font-size:40px;line-height:40px;}
	.s1_con2 dl dd{padding-left:0}
	.s1_con2 dl dd::after{left:50%;height:150%}
	.s1_con2 dl dd::before{left:50%;margin-left:-5px}
	.s1_con2 dl dd > ol{padding-bottom:30px;width:45%}
	.s1_con2 dl dd .img{width:45%}
	.s1_con2 dl:nth-child(2) dd ol{padding-left:55%;width:100%}
	.s1_con2 dl:nth-child(2) dd .img{top:0;left:0;}
	.s1_con2 dl dd ol li ul li .block {display: inline;}
	
	.photoSlide .photoBigView{background:#fff}
	.photoSlide .photoBigView li .bigSlide{float:none;width:100%}
	.photoSlide .photoBigView li dl{float:none;width:100%;background:#edf1f9}
	
	.sConBox {
		padding: 130px 15px 0 15px;
	}
	
	.s3_con1_bt{
    	background-position: 33% center;
	}
	
	.s3_con1_bt .text_con {
		width: 100%;
		padding: 30px 0 0 0;
		overflow: hidden;
		height: 200px;
	}
	.s3_con1_bt .text_con .txt1 span {
		display: block;
	}
	.container {
		margin-left: 0;
		left: 0;
		padding: 0 15px;
	}
	.s3_con1_bt .text_con .tit_text {
		float: none;
	    display: block;
		text-align: left;
	}
	.s3_con1_bt .text_con .txt1 {
		margin-left: 0;
		float: none;
	    display: block;
		text-align: left;
	}
	.s3_con1_bt .img_con {
		line-height: 0;
		top: 0;
		left: 100%;
		margin-left: -250px;
		width: 250px;
	}
	
	
	.s4_con1 .box {
		width: 49%;
	}
	
	.s4_con2 .box {
		width: 24.41%;
	}
	.s4_con3 .box{
		width: 31%;
	}
	
	
	.s4_con1 .box .box_img {
		padding-right:0;
		width: 85%;
	    margin: 0 auto;
	}
	.s4_con1 .box .box_text {
		font-size: 20px;
	}
	.s4_con1 .box5 {
		background-position: -25px 66px;
	}
	
	.f30 {
		font-size: 25px;
	}
	
	.sub02_01_co1 .con .sub_tit span{
		display: inline;
	}
	.sub02_01_co1 .con .text {
		width: 50%;
		padding-left: 15px;
	}
	.sub02_01_co1 .img {
		position: relative;
		width: 100%;
		left: 0;
		margin: -150px 0 0 0;
	}
	.sub02_01_con2 .con {
		width: 50%;
		height: 158px;
	}
	.sub02_01_con2 .con:first-child{
		padding: 0 45px;
	}
	.sub02_01_con2 .con:last-child{
		margin-top: 45px;
	}
	
	.sub04_01_co1 {
		background: none;
		width: 100%;
		padding: 0;
	}
	.sub04_01_co1 .wrap{
		margin: 20px auto 0;
	}
	.sub04_01_co1 .wrap .box_wrap {
		width: 50%;
	}
	.sub04_01_co1 .wrap .box {
		margin: 30px auto;
	}
	
	
	.sub04_02_co1 {
		padding: 0;top: 0;
		background: none;
	}
	.sub04_02_co1 .img {
		display: none;
	}
	.sub04_02_co1 .text{
		padding: 0;
	}
	.sub04_02_co1 .text .tit {
		width: 100%;
		background: #f5f5f5 url(../img/s4_2_img7.png) no-repeat 100%;
	    background-position: right bottom;
		margin-bottom: 20px;
	}
	.sub04_02_co1_tit{
		display: none;
	}
	.sub04_02_co1 .text dl dd::before{
		left: 0
	}
	.sub04_02_co1 .text dl dt::after {
	    display: none;
	}
	.sub04_02_co2 {
		top: 0;
	}
	.sub04_02_co1,
	.sub04_02_co2,
	.sub04_02_co3 {
		padding-bottom: 60px;
	}
	.sub04_02_co1 .text dl {
		width: 50%;
		float: left;
		margin: 10px 0;
		margin-left: 16px;
	}
	.sub04_02_co2 .text {
		margin-left: 16px;
	}
	

}


 /* Mobile Device */
@media all and (max-width:640px){
	
	
	
	.mVisual{position:relative;left:0 !important;padding:0;min-height:500px;}
	.mVisual ul li{height:100vh;}
	.mVisual ul li .mBg{position:relative;height:100vh;min-height:500px;}
	.mVisual ul li .txt{bottom:0;padding:40px 10px 60px;width:100%}
	.mVisual ul li .txt p{text-align:center}
	.mVisual ul li .txt .txt1,
	.mVisual ul li .txt .txt2{font-size:14px;line-height:22px}
	.mVisual ul li .txt .txt1{margin-bottom:10px}
	.mVisual.on{left:0}
	.mVisual .bx-controls{top:auto;right:0;bottom:20px;padding:0;width:100%;text-align:center}
	.mVisual .bx-controls .bx-controls-auto{position:relative;top:0;display:inline-block;margin-right:10px;vertical-align:middle}
	.mVisual .bx-controls .bx-pager{display:inline-block}

	.mSideCon{position:relative;right:0;padding:0;width:100%;}
	.mSideCon .conBox{padding:40px 0;width:auto;opacity:1}
	
	.mCon1{margin-bottom:20px}
	.mCon1 img{float:none;width:100%}
	.mCon1 dl{float:none;margin:0;width:auto;}
	
	.mCon2{margin-bottom:30px;padding:0 20px}
	.mCon2 ul li{margin:10px;width:90px}
	
	.mCon3{margin-bottom:0}
	.mCon3 h3{position:relative;width:auto}
	.mCon3 ul li .txt{float:none;padding:20px;width:auto;height:auto}
	.mCon3 ul li .txt p{position:relative;padding:0}
	.mCon3 ul li .img{float:none;padding:0 20px ;width:auto;text-align:center}
	.mCon3 .bx-controls{bottom:auto;top:40%;left:10px}

	.s1_con1{padding:0 20px}
	.s1_con1 .txt2{margin-bottom:20px;font-size:14px}
	.s1_con1 .txt2 span,
	.s1_con1 .txt3 span{display:inline; word-break: break-all;}
	.s1_con1 .txt3 span:nth-child(2),
	.s1_con1 .txt3 span:nth-child(6){
		padding-bottom: 20px;
		display: inline-block;
	}
	.s1_con1 ul{margin:0 -20px 20px;padding:20px 20px}
	.s1_con1 ul li{margin:5px 0;font-size:13px}
	.s1_con1 ul li b{font-size:15px}
	
	.s1_con1_bt{padding-top:40px;background-position:55% center}
	.s1_con1_bt .txt1{margin-bottom:0;padding:10px 20px 0;line-height:30px}
	.s1_con1_bt .txt2{padding:10px;font-size:13px;line-height:20px;background:rgba(18,29,42,0.35)}
	
	.s1_con2 dl dd::after{display:none}
	.s1_con2 dl dd::before{display:none}
	.s1_con2 dl dd > ol{width:100%}
	.s1_con2 dl:nth-child(2) dd ol{padding-left:0}
	.s1_con2 dl dd .img{position:relative;margin-bottom:20px;width:auto}
	.s1_con2 dl dd ol li .year{font-size:19px}
	.s1_con2 dl dd > ol > li{margin-bottom:10px;padding-left:65px}
	.s1_con2 dl dd ol li ul li{font-size:12px}
	.s1_con2 dl dd ol li ul li .month{font-size:14px}

	.photoSlide .photoBigView li dl{padding:40px 20px}
	.bigSlide .swiper-pagination{bottom:10px}
	.bigSlide .swiper-pagination span{width:10px;height:6px;}
	.bigSlide .swiper-pagination span.swiper-pagination-bullet-active{width:20px}
	
	
	
	.s3_con1_bt .img_con {
		line-height: 0;
		top: 170px;
		left: 50%;
		margin-left: -100px;
		width: 200px;
	}
	.s3_con1_bt .text_con .txt1 span {
		display: inline;
	}
	
	.s4_con1 .box .box_title{
		font-size: 16px;
	}
	.s4_con1 .box .box_text {
		font-size: 20px;
		text-align: center;
		display: block;
	}
	.s4_con1 .box .box_img {
		display: none;
	}
	.s4_con1 .box1 .box_img {
		display: block;
	}
	.s4_con1 .box5 {
		background: #f5f5f5;
	}
	.f30 {
		font-size: 23px;
	}
	.f14 {
		display: block;
	}
	.s4_con2 .box .box_text {
		height: 68px;
	}
	.s4_con1 .box2 .box_text, .s4_con1 .box5 .box_text {
		line-height: 24px;
	}
	
	.s4_con2 .box {
		width: 49%;
	}
	.s4_con3 .box{
		width: 47%;
		height: 360px;
	}
	.s5_con2 .logo {
	    width: 45%;
		float: none;
		display: block;
		text-align: center;
		margin: 0 auto;
		padding: 0;
	}
	.s5_con2 .info {
		float: none;
		display: block;
	}
	.s5_con2 .info .tit{
		width: 27%;
		display: inline-block;
		vertical-align: top;
		text-align: right;
	}
	.s5_con2 .info .text{
		width: 71%;
		display: inline-block;
	}
	
	.sub02_01_con2 .con .tit{
	    margin-bottom: 25px;
	}
	.sub02_01_co1 .con .text {
		width: 100%;
	}
	.sub02_01_con2 .con {
		width: 100%;
		height: auto;
	    margin-bottom: 45px;
		padding: 0 30px;
	}
	.sub02_01_con2 .con:first-child {
		padding: 0 30px;
	}
	.sub02_01_con2 .con:last-child{
		margin-top: 0;
		margin-bottom: 0;
	}
	
	.sub04_01_co1 .tit img {
		padding-right: 10px;
	}
	.sub04_01_co1 .sub_tit {
	    font-size: 19px;
		line-height: 24px;
	}
	.sub04_01_co1 .sub_tit span{
		display: inline;
	}
	.sub04_01_co1 .wrap .box_wrap {
		width: 100%;
	}
	.sub04_01_co1 .wrap .box {
		margin: 10px auto;
	}

	.sub04_02_co1 .text .tit {
		background: #f5f5f5;
	}
	
	.sub04_02_co1 .text dl {
		width: 100%;
	}
	.sub04_02_co3 .step {
		width: 100%;
		margin: 20px 0;
	}
	.sub04_02_co3 .step:last-child {
		margin-bottom: 0;
	}
	.sub04_02_co3 .step .text .tit_text::before,
	.sub04_02_co3::after {
		display: none;
	}
	.sub04_02_co3 .step .text{
	}
	.sub04_02_co3 .step .text .tit_text {
		padding: 10px 0;
	}
	.sub04_02_co3 .sConBox {
		padding-bottom: 0;
	}
}