@charset "utf-8";

/* basic */
#wrap{overflow:hidden}
.poppins{font-family: 'Poppins', sans-serif;}
.serif{font-family: 'Noto Serif KR', serif;}
body.overflow{overflow:hidden; position:fixed; width:100%;}



/* inner */
.inner{width:100%; max-width:1400px; margin:0 auto; position:relative;}
.inner1400{width:100%; max-width:1400px; margin:0 auto; position:relative;}

@media all and (max-width:1400px){
	.inner1400{width:93.75%}
}

@media all and (max-width:1400px){
	.inner{width:93.75%}
}



/* header */
#header{width:100%; background:#fff; position:relative;}
#header.scroll{position:fixed; left:0; top:0; z-index:100;}
#header:before{content:''; position:absolute; left:0; top:0; width:60px; height:40px; background:#0d88da}
#header:after{content:''; position:absolute; right:0; top:40px; width:calc(50% - 700px); height:60px; background:#0f006b}
#header .inner1400{position:static;}
#header .top:after{clear:both; content:""; display:block; height:0; visibility:hidden}
#header .top a.logo{position:absolute; left:80px; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%)} 
#header .top a.logo:before{content:''; position:absolute; left:-20px; top:-30px; border-bottom:40px solid transparent; border-left:20px solid #0d88da; z-index:10;}
#header .top .right{float:right; padding:12px 0 8px;}
#header .top .right ul li{display:inline-block; vertical-align:top;}
#header .top .right ul li a{display:block; font-size:14px; color:#888888; letter-spacing:-0.045em; font-weight:300; padding:0 15px;}
#header .top .right ul li:last-child a{padding-right:0;}
#header .top .right .m_btn{display:none; cursor:pointer;}
#header .top .right .m_btn i{display:inline-block; vertical-align:middle; width:47px; height:48px; transition:0.2s; background-image:url('/img/m_btn_off.png'); background-size:cover; background-position:center; background-repeat:no-repeat;}
#header .top .right .m_btn.on i{background-image:url('/img/m_btn_on.png');}
#header .bot .gnb > ul{font-size:0; letter-spacing:-4px; position:relative;}
#header .bot .gnb > ul:before{content:''; position:absolute; left:-20px; bottom:0; border-top:50px solid transparent; border-right:20px solid #0d88da; z-index:10;}
#header .bot .gnb > ul > li{display:inline-block; vertical-align:bottom; width:12.5%; position:relative; padding:0 10px; box-sizing:border-box;  background:#0d88da;}
#header .bot .gnb > ul > li.type01{padding:0; background:none;}
#header .bot .gnb > ul > li > a{display:block; padding:13px 0; font-size:16px; color:#ffffff; letter-spacing:-0.045em; font-weight:300; text-align:center; position:relative; word-break:keep-all; z-index:12;}
#header .bot .gnb > ul > li > a:before{display:none ;content:''; position:absolute; left:-20px; bottom:0; border-top:50px solid transparent; border-right:20px solid #fff; z-index:10;}
#header .bot .gnb > ul > li > a:after{display:none ;content:''; position:absolute; right:-20px; top:0; border-bottom:50px solid transparent; border-left:20px solid #fff; z-index:10;}
#header .bot .gnb > ul > li.type01 > a{background:#0f006b; color:#fff; position:relative; padding:23px 0 13px;}
#header .bot .gnb > ul > li.type01 > a:before{display:block; content:''; position:absolute; left:-20px; bottom:0; border-top:60px solid transparent; border-right:20px solid #0f006b; z-index:11;}
#header .bot .gnb > ul > li .depth02_box{display:none; width:607px; position:absolute; left:-10px; top:100%; background:#fff; z-index:10;}
#header .bot .gnb > ul > li .depth02_box .top{padding:15px;}
#header .bot .gnb > ul > li .depth02_box .top .box{padding:20px 0; box-sizing:border-box; text-align:center; background:url('/img/depth02_box_bg.png') no-repeat center /cover;}
#header .bot .gnb > ul > li .depth02_box .top .box p{font-size:18px; color:#ffffff; letter-spacing:-0.045em; font-weight:500;}
#header .bot .gnb > ul > li .depth02_box .top ul{font-size:0; letter-spacing:-4px; padding:10px 0;}
#header .bot .gnb > ul > li .depth02_box .top ul li{width:33.3333%; display:inline-block; vertical-align:top; box-sizing:border-box; padding:0 20px;}
#header .bot .gnb > ul > li .depth02_box .top ul li a{padding:7px 0 7px 10px; display:block; font-size:16px; color:#666666; letter-spacing:-0.045em; font-weight:300; box-sizing:border-box; position:relative; word-break:keep-all;  white-space:nowrap}
#header .bot .gnb > ul > li .depth02_box .top ul li.type01{background:#0f006b}
#header .bot .gnb > ul > li .depth02_box .top ul li a i{position:absolute; display:block; left:0px; top:16px; width:7px; height:7px; background:url('/img/depth02_box_icon01_off.png') no-repeat center;}
#header .bot .gnb > ul > li .depth02_box .top ul li:hover a{color:#ffffff; background:#0d88da}
#header .bot .gnb > ul > li .depth02_box .top ul li:hover a:before{content:''; position:absolute; left:-15px; top:0; border-top:38px solid transparent; border-right:15px solid #0d88da; }
#header .bot .gnb > ul > li .depth02_box .top ul li:hover a:after{content:''; position:absolute; left:100%; top:0; border-bottom:38px solid transparent; border-left:15px solid #0d88da;}
#header .bot .gnb > ul > li .depth02_box .top ul li:hover a i{background:url('/img/depth02_box_icon01_on.png') no-repeat center;}
#header .bot .gnb > ul > li .depth02_box .bot{min-height:235px; position:relative;}
#header .bot .gnb > ul > li .depth02_box .bot .bg{width:100%; height:100%; background:#000; background-size:cover; background-position:center; position:absolute; left:0; top:0; background-repeat:no-repeat;}
#header .bot .gnb > ul > li .depth02_box .bot .text{position:relative; z-index:2; padding:30px 55px 20px; box-sizing:border-box;}
#header .bot .gnb > ul > li .depth02_box .bot .text dl dt{width:40%; display:inline-block; vertical-align:middle;}
#header .bot .gnb > ul > li .depth02_box .bot .text dl dt h4{font-size:30px; color:#fff; letter-spacing:-0.045em; font-weight:bold; line-height:40px;}
#header .bot .gnb > ul > li .depth02_box .bot .text dl dd{width:60%; display:inline-block; vertical-align:middle;}
#header .bot .gnb > ul > li .depth02_box .bot .text dl dd p{font-size:16px; color:#e5e5e5; letter-spacing:-0.045em; font-weight:300; padding-left:15px; position:relative;}
#header .bot .gnb > ul > li .depth02_box .bot .text dl dd p:before{content:"*"; position:absolute; left:0;}
#header .bot .gnb > ul > li .depth02_box .bot .text dl dd p + p{margin-top:10px;}
#header .bot .gnb > ul > li .depth02_box .bot .text > a{text-align:center; margin:20px 0 0; display:block; border:1px solid #1676aa; line-height:60px; font-size:20px; color:#019aff; letter-spacing:-0.045em; font-weight:500; background:rgba(0,0,0,0.6); box-sizing:border-box;}
#header .bot .gnb > ul > li .depth02_box .bot .text > a i{display:inline-block; vertical-align:middle; margin:-4px 10px 0 0;}
#header .bot .gnb > ul > li:hover > a{background:#fff; color:#0d88da; font-weight:bold;}
#header .bot .gnb > ul > li:hover > a:before,
#header .bot .gnb > ul > li:hover > a:after{display:block;}
#header .bot .gnb > ul > li:hover.type01 > a{background:#0f006b; color:#fff;}
#header .bot .gnb > ul > li:hover.type01 > a:after{display:none;}
#header .bot .gnb > ul > li:hover .depth02_box{display:block;}
#header .bot .gnb > ul > li:nth-of-type(n+5) .depth02_box{left:auto; right:10px;}

@media all and (max-width:1800px){
	#header:before{width:0 ;}
	#header .top a.logo{left:20px;}
}
@media all and (max-width:1700px){
	#header:before{width:calc(50% - 720px)}
	#header .top a.logo{position:relative; left:auto; top:auto; transform:none; float:left;}
	#header .top a.logo:before{top:0; }
}

@media all and (max-width:1400px){
	#header:before{width:calc(3.125% - 20px);}
	#header .bot .gnb > ul > li > a{font-size:14px; padding:15px 0;}
	#header:after{width:3.125%; height:60px;}
	#header .bot .gnb > ul > li.type01 > a{padding:25px 0 15px;}
}
@media all and (max-width:1168px){
	#header:after{height:80px;}
	#header .bot .gnb > ul > li.type01 > a:before{border-top:80px solid transparent}
}
@media all and (max-width:1149px){
	#header .bot .gnb > ul:before{border-top:70px solid transparent}
	#header .bot .gnb > ul > li > a{padding:25px 0;}
	#header .bot .gnb > ul > li:nth-of-type(3) > a{padding:15px 0;}
	#header .bot .gnb > ul > li > a:before{border-top:70px solid transparent}
	#header .bot .gnb > ul > li > a:after{border-bottom:70px solid transparent}
}
@media all and (max-width:1000px){
	#header:before{display:none;}
	#header{height:100px;}
	#header .inner1400{position:relative; height:100%}
	#header .top a.logo{position:absolute; left:0; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%)} 
	#header .top a.logo:before{display:none;}
	#header .top .right{padding:0; position:absolute; right:0; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%);}
	#header .top .right ul{display:none}
	#header .top .right .m_btn{display:block;}
	#header .bot{display:none}
	#header:after{display:none;}
}



/* m_menu */
#m_menu{position:fixed; right:-9999px; top:100px; width:100%; height:calc(100% - 100px); z-index:100; background:#fff; overflow-y:auto; transition:0.5s ease;}
#m_menu.on{right:0;}
#m_menu .gnb > ul > li{text-align:center; width:100%; border-top:1px solid #ededed;}
#m_menu .gnb > ul > li:last-child{border-bottom:1px solid #ededed}
#m_menu .gnb > ul > li > a{display:block; height:82px; line-height:82px; font-size:22px; color:#272727; letter-spacing:-0.045em; font-weight:300; }
#m_menu .gnb > ul > li .depth02_box{display:none; width:100%; background:#fff; z-index:10;}
#m_menu .gnb > ul > li .depth02_box .top{padding:60px 20px 20px;}
#m_menu .gnb > ul > li .depth02_box .top .box{border:1px solid #3474a1; padding:20px 0; box-sizing:border-box; text-align:center;}
#m_menu .gnb > ul > li .depth02_box .top .box p{font-size:18px; color:#01518a; letter-spacing:-0.045em; font-weight:500;}
#m_menu .gnb > ul > li .depth02_box .top ul{font-size:0; letter-spacing:-4px; padding:10px 0; text-align:left; }
#m_menu .gnb > ul > li .depth02_box .top ul br {display:none; }
#m_menu .gnb > ul > li .depth02_box .top ul li{width:50%; display:inline-block; vertical-align:top; text-align:left;}
#m_menu .gnb > ul > li .depth02_box .top ul li a{padding:15px 0 15px 20px; display:block; font-size:20px; color:#666666; letter-spacing:-0.045em; font-weight:300; box-sizing:border-box; position:relative;}
#m_menu .gnb > ul > li .depth02_box .top ul li a i{position:absolute; display:block; left:5px; top:calc(50% - 1px); width:8px; height:3px; background:#999999; transition:0.1s}
#m_menu .gnb > ul > li .depth02_box .top ul li a i:before{content: ""; width: 100%; height: 0; position: absolute; bottom:100% ; left: 0; border-left:4px solid transparent; border-right:4px solid transparent; border-bottom:3px solid #999; box-sizing:border-box; transition:0.1s}
#m_menu .gnb > ul > li .depth02_box .top ul li a i:after{content: ""; width: 100%; height: 0; position: absolute; top:100% ; left: 0; border-left:4px solid transparent; border-right:4px solid transparent; border-top:3px solid #999; box-sizing:border-box; transition:0.1s}
#m_menu .gnb > ul > li .depth02_box .top ul li:hover a{color:#0081d9}
#m_menu .gnb > ul > li .depth02_box .top ul li:hover a i{left:3px; width:12px; height:7px; top:calc(50% - 3px); background:#0081d9;}
#m_menu .gnb > ul > li .depth02_box .top ul li:hover a i:before{border-left-width:6px; border-right-width:6px; border-bottom-color:#0081d9;}
#m_menu .gnb > ul > li .depth02_box .top ul li:hover a i:after{border-left-width:6px; border-right-width:6px; border-top-color:#0081d9;}
#m_menu .gnb > ul > li .depth02_box .bot{min-height:235px; position:relative;}
#m_menu .gnb > ul > li .depth02_box .bot .bg{width:100%; padding-bottom:38%; background:#000; background-size:cover; background-position:center; position:static; left:0; top:0; background-repeat:no-repeat;}
#m_menu .gnb > ul > li .depth02_box .bot .text{position:relative; text-align:left; z-index:2; padding:30px 55px 20px; box-sizing:border-box;}
#m_menu .gnb > ul > li .depth02_box .bot .text dl{font-size:0; letter-spacing:-4px;}
#m_menu .gnb > ul > li .depth02_box .bot .text dl dt{width:40%; display:inline-block; vertical-align:middle;}
#m_menu .gnb > ul > li .depth02_box .bot .text dl dt h4{font-size:30px; color:#fff; letter-spacing:-0.045em; font-weight:bold; line-height:40px;}
#m_menu .gnb > ul > li .depth02_box .bot .text dl dd{width:60%; display:inline-block; vertical-align:middle;}
#m_menu .gnb > ul > li .depth02_box .bot .text dl dd p{font-size:18px; color:#e5e5e5; letter-spacing:-0.045em; font-weight:300; padding-left:15px; position:relative; word-break:keep-all;}
#m_menu .gnb > ul > li .depth02_box .bot .text dl dd p:before{content:"*"; position:absolute; left:0;}
#m_menu .gnb > ul > li .depth02_box .bot .text dl dd p + p{margin-top:10px;}
#m_menu .gnb > ul > li .depth02_box .bot .text > a{text-align:center; margin:20px 0 0; display:block; border:1px solid #1676aa; line-height:60px; font-size:20px; color:#019aff; letter-spacing:-0.045em; font-weight:500; background:rgba(0,0,0,0.6); box-sizing:border-box;}
#m_menu .gnb > ul > li .depth02_box .bot .text > a i{display:inline-block; vertical-align:middle; margin:-4px 10px 0 0;}
#m_menu .gnb > ul > li.on > a{color:#fff; background:url('/img/depth02_box_bg.png') no-repeat center /cover; }

@media all and (min-width:1000px){
	#m_menu{display:none !important}
}
@media all and (max-width:640px){
	#m_menu .gnb > ul > li .depth02_box .top{padding:20px;}
	#m_menu .gnb > ul > li .depth02_box .bot .text{padding:30px 20px;}
}



/* footer */
#footer .top{background:#fff; border-top:1px solid #e8e8e8}
#footer .top .inner:after{clear:both; content:""; display:block; height:0; visibility:hidden}
#footer .top .left{float:left;}
#footer .top .left ul{font-size:0; letter-spacing:-4px;}
#footer .top .left ul li{display:inline-block; vertical-align:top;}
#footer .top .left ul li a{display:block; padding:20px 15px; font-size:16px; color:#999999; letter-spacing:-0.045em; font-weight:300; position:relative;}
#footer .top .left ul li a b{font-weight:500; color:#000;}
#footer .top .left ul li a:before{content:""; width:3px; height:3px; background:#999; border-radius:50%; position:absolute; right:0; top:calc(50% - 1px)}
#footer .top .left ul li:last-child a:before{display:none}
#footer .top .left ul li:first-child a{padding-left:0;}
#footer .top .left ul li:hover a{color:#0083d9}
#footer .top .left ul li:hover a b{color:#0083d9}
#footer .top .right{float:right;}
#footer .top .right select{width:200px; height:64px; background:#0081d9 url('/img/select_btn_white.png')no-repeat right 20px center; padding:0 20px; font-size:16px; color:#fff; letter-spacing:0em; font-weight:400; box-sizing:border-box; border:0; -webkit-appearance: none; -webkit-border-radius: 0;}
#footer .top .right select::-ms-expand { display:none; }
#footer .mid{background:#101316;}
#footer .mid .inner:after{clear:both; content:""; display:block; height:0; visibility:hidden}
#footer .mid .left{width:220px; height:340px; display:table; float:left; border-left:1px solid #31363b; border-right:1px solid #31363b; box-sizing:border-box; text-align:center;}
#footer .mid .left .text{padding:0;}
#footer .mid .center{width:calc(50% - 110px); height:340px; display:table; float:left; border-right:1px solid #31363b; box-sizing:border-box; text-align:center;}
#footer .mid .right{width:calc(50% - 110px); height:340px; display:table; float:left; border-right:1px solid #31363b; box-sizing:border-box; text-align:center;}
#footer .mid .text{display:table-cell; vertical-align:middle; padding:0 0 0 30px; box-sizing:border-box;}
#footer .mid .text dl{margin:5px 0; text-align:left; font-size:0; letter-spacing:-4px;}
#footer .mid .text dl dt{width:170px; display:inline-block; vertical-align:top; font-size:16px; color:#777777; letter-spacing:-0.045em; font-weight:400;}
#footer .mid .text dl dd{width:calc(100% - 170px); display:inline-block; vertical-align:top; font-size:16px; color:#999999; letter-spacing:-0.045em; font-weight:400;}
#footer .bot{background:#000000; padding:16px 0; text-align:center;}
#footer .bot p{font-size:14px; color:#505050; letter-spacing:0em; font-weight:300; }

@media all and (max-width:1400px){
	#footer .mid .text{padding:0 30px;}
}
@media all and (max-width:1200px){
	#footer .mid .left{width:180px;}
	#footer .mid .center{width:calc(50% - 90px)}
	#footer .mid .right{width:calc(50% - 90px)}
}
@media all and (max-width:1000px){
	#footer .top .inner{width:100%;}
	#footer .top .left{float:none;}
	#footer .top .left ul li{width:33.333333%; border:1px solid #ccc; border-right:0; box-sizing:border-box;}
	#footer .top .left ul li:nth-of-type(n+4){border-top:0;}
	#footer .top .left ul li a{text-align:center; padding:20px 0;}
	#footer .top .left ul li a:before{display:none;}
	#footer .top .right{float:none; position:absolute; top:100%; right:0;}
	#footer .mid{padding:30px 0;}
	#footer .mid .left{width:100%; height:auto; float:none; border:0; text-align:left;}
	#footer .mid .center{width:100%; height:auto; float:none; border:0;}
	#footer .mid .right{width:100%; height:auto; float:none; border:0;}
	#footer .mid .text{padding:20px 0;}
}



/* quick_left */
#quick_left{position:fixed; width:119px; z-index:100; left:0; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%);}
#quick_left.scroll{-webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none;}
#quick_left ul li a{display:block; width:100%; height:133px; cursor:pointer;}
#quick_left ul li a img{width:100%; height:100%;}
#quick_left ul li.x_btn{background:#2d2d2d; border-bottom:0;}
#quick_left ul li.x_btn a{color:#aaaaaa; height:42px; line-height:42px; font-size:14px; font-weight:300; letter-spacing:-0.045em; text-align:center;}
#quick_left ul li.x_btn a img{display:inline-block; vertical-align:middle; margin-left:10px; margin-top:-3px; width:auto; height:auto;}

@media all and (max-width:1000px){
	#quick_left{display:none}
}



/* quick_right */
#quick_right{position:fixed; width:119px; box-shadow:29px 100px 82px 12px rgba(46,47,48,0.1); z-index:100; right:0; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%);}
#quick_right.scroll{-webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none;}
#quick_right .top{background:url('/img/quick_right_top_bg.png')no-repeat center/ cover; height:82px; text-align:center; padding:40px 0 0; box-sizing:border-box;}
#quick_right .top p{font-size:18px; color:#ffffff; letter-spacing:-0.045em; font-weight:500;}
#quick_right ul li{width:100%; height:101px; display:table; background:#fff; border-bottom:1px solid #e7e7e7; box-sizing:border-box;}
#quick_right ul li a{display:table-cell; text-align:center; height:100%; vertical-align:middle;}
#quick_right ul li a i{display:block; width:60px; height:60px; margin:0 auto; background-repeat:no-repeat; background-size:cover; background-position:center;}
#quick_right ul li a p{font-size:16px; color:#666666; letter-spacing:-0.045em; font-weight:300;}
#quick_right ul li a i.icon01{background-image:url('/img/quick_right_icon01_off.png')}
#quick_right ul li a i.icon02{background-image:url('/img/quick_right_icon02_off.png')}
#quick_right ul li a i.icon03{background-image:url('/img/quick_right_icon03_off.png')}
#quick_right ul li a i.icon04{background-image:url('/img/quick_right_icon04_off.png')}
#quick_right ul li a i.icon05{background-image:url('/img/quick_right_icon05_off.png')}
#quick_right ul li:hover{background:#01518a; border-color:#01518a;}
#quick_right ul li:hover a p{color:#fff;}
#quick_right ul li:hover a i.icon01{background-image:url('/img/quick_right_icon01_on.png')}
#quick_right ul li:hover a i.icon02{background-image:url('/img/quick_right_icon02_on.png')}
#quick_right ul li:hover a i.icon03{background-image:url('/img/quick_right_icon03_on.png')}
#quick_right ul li:hover a i.icon04{background-image:url('/img/quick_right_icon04_on.png')}
#quick_right ul li:hover a i.icon05{background-image:url('/img/quick_right_icon05_on.png')}
#quick_right ul li.top_btn{height:53px; background:#101316; border-bottom:0;}
#quick_right ul li.top_btn a{color:#fff; font-size:20px; font-weight:400; letter-spacing:-0.045em;}
#quick_right ul li.top_btn a img{display:inline-block; vertical-align:middle; margin-left:15px; margin-top:-3px;}

@media all and (max-width:1000px){
	#quick_right{display:none}
}

/* intro */
.intro_wrap{position:relative; display:table; width:100%; height:100vh; background:url('/img/intro_bg.png') no-repeat center / cover;}
.intro_con01{displaY:table-cell; vertical-align:middle;}
.intro_con01 .box {position:relative}
.intro_con01 .box .btn_box{opacity:0; transition:all 0.3s; position:absolute; width:135px; height:156px; left:50%; top:50%; -webkit-transform:translate(-50% , -50%); -moz-transform:translate(-50% , -50%); -ms-transform:translate(-50% , -50%); -o-transform:translate(-50% , -50%); transform:translate(-50% , -50%); z-index:10;}
.intro_con01 .box .btn_box a{display:block; width:100%; height:100%; }
.intro_con01 .box > ul{font-size:0; letter-spacing:-4px;}
.intro_con01 .box > ul > li{display:inline-block; vertical-align:top; width:50%; height:100vh; position:relative; background:url('/img/intro_con01_bg01.jpg') no-repeat center / cover; cursor:pointer; transition:all 0.3s;}
.intro_con01 .box > ul > li:nth-of-type(2){background-image:url('/img/intro_con01_bg02.jpg')}
.intro_con01 .box > ul > li .txt_box{box-sizing:border-box; width:100%; text-align:center; position:relative; height:100%;}
.intro_con01 .box > ul > li .txt_box .table{position:absolute; left:0; top:40%; width:100%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}
.intro_con01 .box > ul > li .txt_box p{font-size:66px; font-weight:700; letter-spacing:0; color:#0f006b; line-height:1;}
.intro_con01 .box > ul > li .txt_box p b{font-size:74px; }
.intro_con01 .box > ul > li .txt_box p img{display:inline-block; vertical-align:bottom}
.intro_con01 .box > ul > li .txt_box span{display:block; font-size:26px; font-weight:200; letter-spacing:-0.045em; color:#0f006b; padding-top:10px;}
.intro_con01 .box > ul > li .txt_box ul{display:none; margin-top:40px; text-align:center;}
.intro_con01 .box > ul > li .txt_box ul li{width:100%; max-width:284px; display:table; height:52px; box-sizing:border-box; border:1px solid #ffffff; background:rgba(255,255,255,0.6); margin:0 auto;}
.intro_con01 .box > ul > li .txt_box ul li + li{margin-top:5px;}
.intro_con01 .box > ul > li .txt_box ul li a{display:table-cell; vertical-align:middle; font-size:20px; font-weight:200; letter-spacing:-0.045em; color:#0f006b; }
.intro_con01 .box > ul > li .txt_box ul li:hover {border-color:#0f006b; background:rgba(15,0,107,0.6)}
.intro_con01 .box > ul > li .txt_box ul li:hover a{font-weight:500; color:#fff;}
.intro_con01 .intro_footer{position:absolute; left:0; bottom:40px; width:100%;}
.intro_con01 .intro_footer:after{content:''; display:table; clear:both;}
.intro_con01 .intro_footer .left{float:left;}
.intro_con01 .intro_footer .left ul{font-size:0; letter-spacing:-4px;}
.intro_con01 .intro_footer .left ul li{display:inline-block ; vertical-align:top; margin-right:30px; position:relative; font-size:16px; font-weight:300; letter-spacing:-0.045em; color:#a3a8ab; width:auto;}
.intro_con01 .intro_footer .left ul li:not(:last-child):before{content:''; position:absolute; right:-15px; top:5px; width:1px; height:12px; background:#c2c7ca;}
.intro_con01 .intro_footer .right{float:right;}
.intro_con01 .intro_footer .right p{font-size:14px; font-weight:300; letter-spacing:0; color:#c1c6c9;}

.intro_con01 .box.left_on .btn_box{opacity:1;}
.intro_con01 .box.left_on{display:block; box-shadow:7px 7px 20px rgba(0,0,0,0.3);}
.intro_con01 .box.left_on .btn_box a{background:url('/img/intro_con02_left_on.png') no-repeat center;}
.intro_con01 .box.left_on > ul > li:nth-of-type(2){background-image:url('/img/intro_con01_bg02_off.jpg')}
.intro_con01 .box.left_on > ul > li:nth-of-type(1) .txt_box .table{top:50%;}
.intro_con01 .box.left_on > ul > li:nth-of-type(1) .txt_box ul{display:block;}
.intro_con01 .box.left_on > ul > li:nth-of-type(2) .txt_box p{color:#969696;}
.intro_con01 .box.left_on > ul > li:nth-of-type(2) .txt_box span{color:#969696;}
.intro_con01 .box.right_on{display:block; box-shadow:7px 7px 20px rgba(0,0,0,0.3)}
.intro_con01 .box.right_on .btn_box {opacity:1;}
.intro_con01 .box.right_on .btn_box a{background:url('/img/intro_con02_right_on.png') no-repeat center;}
.intro_con01 .box.right_on > ul > li:nth-of-type(1) .txt_box p{color:#969696;}
.intro_con01 .box.right_on > ul > li:nth-of-type(1) .txt_box span{color:#969696;}
.intro_con01 .box.right_on > ul > li:nth-of-type(1){background-image:url('/img/intro_con01_bg01_off.jpg')}

.intro_con01.motion .box > ul > li:nth-of-type(1){width:60%;}
.intro_con01.motion .box > ul > li:nth-of-type(2){width:40%;}
.intro_con01.motion .box .btn_box{left:60%;}

@media all and (max-width:1000px){
	.intro_wrap{}
	.intro_con01{}
	.intro_con01 .box > ul > li{width:100%; height:800px;}
	.intro_con01 .box > ul > li .txt_box{padding:50px 40px }
	.intro_con01 .box > ul > li .txt_box .table {top:50%; }
	.intro_con01 .box > ul > li .txt_box ul {display:block; }
	.intro_con01 .box > ul > li .txt_box p{font-size:46px;}
	.intro_con01 .box > ul > li .txt_box p b{font-size:60px;}
	.intro_con01 .intro_footer{}
	.intro_con01 .intro_footer .left{float:none;}
	.intro_con01 .intro_footer .left ul li:not(:last-child):before{display:none}
	.intro_con01 .intro_footer .right{float:none; padding-top:20px;}
	
	.intro_con01.motion .box > ul > li:nth-of-type(1){width:100%;}
	.intro_con01.motion .box > ul > li:nth-of-type(2){width:100%;}
	.intro_con01.motion .box .btn_box{left:50%;}
}