/* reset */
* { margin: 0; padding:0; }
li { list-style:none; }
a { text-decoration: none !important; color:inherit; }
img { vertical-align: top; }

/* common */
html, body { height:100%; }
html { overflow-x: hidden; }
html.fix { overflow: hidden; }
.wrap { width:1280px; margin:0 auto; position: relative; }
.wrap:after, ul:after, .cl:after { content:""; clear:both; display: block; }
.blind { position:absolute; width:0; height:0; font-size:0; overflow: hidden; }
.fl { display: flex; align-items: center; justify-content: center; }
.fl:after { display:none; }
.dn { display:none !important; }


/* header & footer */
#w_header { position: fixed; left: 0; top:0; height: 81px; z-index:99; width:100%; transition:0.3s; overflow: hidden; background: #fff; }
#w_header.on { height: 400px; box-shadow: 0 2px 6px rgba(0,0,0,0.1); }
#w_header:before { content:""; position: absolute; top:80px; left:0; width:100%; border-top:1px solid #eee; }
#w_header h1 { position: absolute; left:100px; top:18px; }
#w_header #w_gnb { position: absolute; right:0; top:31px; }
#w_header #w_gnb > li { float:left; margin-right: 110px; }
#w_header #w_gnb > li:nth-child(4){ float:left; margin-right: 100px; }
#w_header #w_gnb > li:nth-child(5){ float:left; margin-right: 70px; }
#w_header #w_gnb > li > a { font:16px stb; color:#333; }
#w_header #w_gnb > li:hover > a, #w_header #w_gnb > li.select > a { border-bottom:2px solid #014262; padding-bottom: 28px;  }
#w_header #w_gnb ul { position: absolute; font:15px/1.4 stm; color:#999; top:70px; }
#w_header #w_gnb ul li { margin-bottom:20px; }
#w_header #w_gnb .space li { margin-bottom:20px; }
#w_header #w_gnb ul li a:hover { color:#014262; }
#w_header #w_lang { width:90px; height:24px; border:2px solid #234c98; border-radius: 100px; appearance:none; background:url(/images/bg_select.png) no-repeat right 10px center; box-sizing: border-box; padding-left: 10px; font:12px stb; color:#234c98; position: absolute; right:154px; top:28px;  }
#w_header .sch { position: absolute; right:100px; top:29px; }
#w_header .path { position: absolute; left:0; top:140px; }
#w_header .path h2 { font:40px steb; color:#1f1f1f; margin-top: 20px;  }
#hd_sch { position: fixed; left:0; top:80px; width: 100%; background: rgba(0,0,0,0.8); height:calc(100vh - 80px); z-index:95; border-radius: 0; align-items: center; justify-content: center; display: none; }
#hd_sch.on { display:flex; }
#hd_sch #sch_stx { padding-left: 40px; font-family: stl; width: 600px; }
#hd_sch #sch_stx, #hd_sch #sch_submit { background: #234c98; height: 80px; border-radius: 0; font-size:24px }
#hd_sch #sch_stx::placeholder { color:#ddd; }
#hd_sch .close { position: absolute; right:60px; top:60px; font-size:42px; color:#fff; }
.blank { height: 80px; }

#w_footer { background: #eee; padding:50px 0; }
#w_footer img { position: absolute; left:0; top:10px; }
#w_footer address { font:normal 13px/2 stm; color:#1f1f1f; opacity:0.7; margin-left: 440px;  }


/* index */
#w_main { height: calc(100vh - 80px); }
#w_main article { position: absolute; left: 0; top:200px; }
#w_main article h2 { font:48px/1.4 steb; }
#w_main article p { font:20px stsb; margin-top:40px; }
#w_main article .circle { margin-top: 50px; }
#w_main article .circle:before, #w_main article .circle:after { content:""; display: inline-block; width:55px; height: 55px; border-radius: 100%; background: #014262; }
#w_main article .circle:after { background: #23ac38; margin-left:-12px; }
#w_main img { position: absolute; right:-100px; margin-top:120px;  }

#cont { padding-top: 120px; }
#cont > ul li { float:left; width:400px; margin-right:40px; box-shadow: 0 6px 20px rgba(0,0,0,0.1); border-radius: 40px; padding:20px 0 0 20px; height: 420px; }
#cont > ul li:last-child { margin-right: 0; }
#cont > ul li figure { width: 130px; height: 140px; justify-content: flex-start; padding-left: 6px; }

#cont > ul li h2 { font:24px/1.4 steb; height:80px; margin-top: 20px; }
#cont > ul:last-of-type { margin-top: 140px; }
#cont > ul:last-of-type li { height:360px; }
#cont > ul:last-of-type li h2 { height:60px; }
#cont ul li p { font:16px/1.6 stb; color:#1f1f1f; }
#cont div.wrap { text-align:center; margin-top: 260px; }
#cont div.wrap h2 { font:40px steb; }
#cont div.wrap p { font:20px stsb; margin-top: 14px; }
#cont div.wrap > div { padding: 120px 0; position: relative; }
#cont div.wrap h3 { width: 516px; height: 516px; border-radius: 100%; border:2px solid #014262; margin:0 auto; position: relative; }
#cont div.wrap h3 strong { width: 400px; height: 400px; border-radius: 100%; background: #014262; color:#fff; font:30px steb; }
#cont div.wrap h3:before, #cont div.wrap h3:after, #cont div.wrap strong:before { content:""; width: 20px; height: 20px; background: #23ac38; position: absolute; border-radius: 100%; }
#cont div.wrap h3:before { left:175px; top:0; }
#cont div.wrap h3:after { left:43px; top:88px; display: block; }
#cont div.wrap strong:before { left:429px; top:426px; }
#cont div.wrap figure div { width:74px; height:60px;  } 
#cont div.wrap figure figcaption { margin-top: 4px; font:18px steb; } 
#cont div.cont4 figure { padding:20px 0; text-align: center; margin-top: 30px; }
#cont article { margin-top: 200px; margin-bottom: 260px;  }
#cont article h2 { font:40px steb; color:#1f1f1f; position: absolute; }
#cont article ul { margin-left: 440px; }
#cont article ul li { display:flex; justify-content: flex-start; align-items: center; margin-bottom: 30px; font:16px str; color:#1f1f1f; } 
#cont article ul li strong { font-family:steb; width: 120px; color:#000; } 
#cont article ul li span { font:40px steb; color:#014262; } 
#cont article:before, #cont article:after { content:""; width: 64px; height: 64px; position: absolute; top:0; display: block; border-radius: 100%;  }
#cont article:before { background: #014262; right:48px; }
#cont article:after { background: #23ac38; right:0; }


/* sub layout */
.sv { height: 350px; border-bottom:1px solid #eee; }
.sv img { margin-right: 30px; }
.sv h2 { font:40px steb; }
.pad { padding:100px 0 200px; }

.s_title { font:30px steb; margin-bottom: 20px; }
.shd { box-shadow: 0 6px 20px rgba(0,0,0,0.1); } 

/* sub1_1 */
#sub1_1 .cont1 div { padding:40px 30px; border-radius: 30px; position: relative; }
#sub1_1 .cont1 div strong { font:19px/1.6 stb; }
#sub1_1 .cont1 div p { font:15px/1.8 str; margin-top: 40px; }
#sub1_1 .cont1 div .ceo { color: #234c97; font:16px stb; }
#sub1_1 .cont1 div img { position: absolute; right:40px; top:100px; }

#sub1_1 .cont2, #sub1_1 .cont3, #sub1_1 .cont4, #sub1_1 .cont5 { margin-top: 120px; }
#sub1_1 .cont2 article { float:left; width: 620px; }
#sub1_1 .cont2 article:last-child { margin-left: 40px; }
#sub1_1 .cont2 article div { border-radius: 30px; height: 160px; text-align: center; }
#sub1_1 .cont2 article div p { font:20px/2 str; }

#sub1_1 .cont3 ul { justify-content: space-between; }
#sub1_1 .cont3 ul li { width: 400px; border-radius: 30px; padding:40px 0; text-align: center; }
#sub1_1 .cont3 ul li b { display: block; font:20px steb; margin-top: 20px; margin-bottom: 40px;  }
#sub1_1 .cont3 ul li p { width: 300px; border:1px solid #eee; border-radius: 100px; font:20px/60px str; margin:20px auto 0; }

#sub1_1 .cont4 p { font:20px/1.6 str; }
#sub1_1 .cont4 figure { padding:60px 0; text-align: center; border-radius:30px; border:1px solid #eee; margin-top: 30px; }

#sub1_1 .cont5 p { font:20px/1.6 str; }
#sub1_1 .cont5 ul { justify-content: space-between; margin-top: 30px; }
#sub1_1 .cont5 ul li { width: 290px; border:1px solid #eee; border-radius: 30px; padding:30px 0 30px; float:left; margin-left: 40px; }
#sub1_1 .cont5 ul li:nth-child(1){ margin-left: 0px; }
#sub1_1 .cont5 ul li b { display: block; font:20px steb; margin-left: 30px; }
#sub1_1 .cont5 ul li p { font:16px/1.6 str; height: 180px; margin-top: 10px; margin-left: 30px; }



/* sub1_2 */
.left { float:left; width: 400px; }
.right { float:right; width: 840px; }

#sub1_2 .cont1 { border-bottom:1px solid #eee; padding-bottom: 60px; margin-bottom: 80px; }
#sub1_2 .cont1:last-child { border:none; margin-bottom: 0;  padding-bottom: 0; }
#sub1_2 .cont1 h3 { font:26px steb; color:#014262; margin-bottom: 20px; }
#sub1_2 .cont1 ul li { border-radius: 30px; box-shadow: 0 6px 20px rgba(0,0,0,0.1); margin-bottom: 40px; }
#sub1_2 .cont1 ul li:after { content:""; clear:both; display: block; }
#sub1_2 .cont1 ul li figure { width: 120px; height: 150px; float:left; }
#sub1_2 .cont1 ul li div { float:left; height: 150px; display:flex; align-items: flex-start; justify-content: center; flex-direction: column; }
#sub1_2 .cont1 ul li div strong { font:20px steb; }
#sub1_2 .cont1 ul li div p { font:20px str; margin-top: 6px; color:#333; }

/* sub1_3 */
#sub1_3 ul li { float:left; width:290px; height:250px; border-radius: 20px; margin:0 40px 40px 0; box-shadow: 0 6px 20px rgba(0,0,0,0.1); padding:40px 0 0 40px; box-sizing: border-box; position: relative; }
#sub1_3 ul li:nth-child(3) { clear:both; }
#sub1_3 ul li:last-child { margin-right: 0; }
#sub1_3 ul li.select { background: #234c97; color:#fff; }
#sub1_3 ul li strong { font:23px steb; }
#sub1_3 ul li p { font:23px str; }
#sub1_3 ul li span { font:16px str; position: absolute; left: 40px; bottom: 40px; }
#sub1_3 ul li img { position: absolute; right: 40px; top: 40px; }
#sub1_3 .wrap > p { font:18px/1.6 str; text-align: right; position: absolute; right:0; top:0; }

/* sub1_4 */
#sub1_4 .cont1 div { float:left; width: 620px; height: 310px; box-sizing: border-box; margin-bottom: 60px; }
#sub1_4 .cont1 div.fl { border:1px solid #eee; border-radius: 30px; margin-right: 40px;  }
#sub1_4 .cont1 div strong { font:16px steb; }
#sub1_4 .cont1 div p { font:16px/1.6 str; margin-top: 10px; word-break: keep-all;  }
#sub1_4 .cont1 div p:first-of-type { margin-bottom: 80px; }
#sub1_4 .cont1 ul li { float:left; width:400px; margin-right: 40px; }
#sub1_4 .cont1 ul li:last-child { margin-right: 0; }
#sub1_4 .cont1 ul li a { height: 80px; box-shadow: 0 6px 20px rgba(0,0,0,0.1); border-radius: 20px; font:16px str; }
#sub1_4 .cont1 ul li a b { margin-right: 6px; }
#sub1_4 .cont2 { margin-top: 100px; }
#sub1_4 .cont2 div { float:left; width:620px; margin-right: 40px; }
#sub1_4 .cont2 div:last-child { margin-right: 0; }
#sub1_4 .cont2 div h2 { font-size:20px; margin-bottom: 40px; }
#sub1_4 .cont2 div figure { border:1px solid #eee; border-radius: 30px; height: 310px; }
#sub1_4 .cont3 { margin-top: 100px; }
#sub1_4 .cont3 h2 { font-size:20px; margin-bottom: 40px; }
#sub1_4 .cont3 ul li { float:left; margin-right: 40px; border-radius: 30px; color:#fff; font:16px/1.8 str; padding:30px; box-sizing: border-box; margin-bottom: 30px; }
#sub1_4 .cont3 ul li strong { font:16px steb; margin-bottom: 16px; display: block; }
#sub1_4 .cont3 ul li:nth-child(1) { background: #234c98; height: 250px; width: 620px; }
#sub1_4 .cont3 ul li:nth-child(2) { background: #22ac38; height: 250px; width: 620px; margin-right: 0; }
#sub1_4 .cont3 ul li:nth-child(3) { background: #1b2a51; height: 200px; width: 400px; }
#sub1_4 .cont3 ul li:nth-child(4) { background: #356dae; height: 200px; width: 400px; }
#sub1_4 .cont3 ul li:nth-child(5) { background: #8aa4d5; height: 200px; width: 400px; margin-right: 0; }


/* sub1_5 */
#sub1_5 .cont1 { margin-bottom: 80px; }
#sub1_5 .cont1 img { position: absolute; }
#sub1_5 .cont1 h2 { margin-bottom: 30px; margin-left: 70px; padding-top: 14px; }
#sub1_5 .cont1 ul li { position: relative; padding-left: 70px; font:16px/1.8 str; color:#333; }
#sub1_5 .cont1 ul li strong { position: absolute; left: 0; }
#sub1_5 .cont1 .right { border-radius: 30px; box-shadow: 0 6px 20px rgba(0,0,0,0.1); overflow: hidden; }
#sub1_5 .cont1 .right iframe { vertical-align: top;  }


/* sub2_1 */
.down { width: 150px; height: 40px; margin-bottom: 30px; display: block; border:1px solid #234c97; border-radius: 100px; text-align: center; color:#234c97; font:14px/40px steb; margin-left: auto; }
.down i { font-size:18px; position: relative; top:2px; }
#sub2_1 .left { width: 330px; }
#sub2_1 .right { width: 950px; }
#sub2_1 .cont1 p { font:20px/1.6 stm; word-break: keep-all; }
#sub2_1 .cont2 { margin-top: 100px; }
#sub2_1 .cont2 .left { font:20px steb; color:#234c97; }
#sub2_1 .cont2 .right figure { border:1px solid #eee; border-radius: 30px; padding:50px 0;  }

#sub2_1 .cont2.cont3 .right { justify-content: space-between; }
#sub2_1 .cont2.cont3 .right figure { border:1px solid #eee; border-radius: 30px; width: 450px; height: 280px; padding:0; }
#sub2_1 .cont2.cont3 .right i { font-size:24px; color:#666; }

#sub2_1 .cont2.cont4 .right figure { border:none; }
#sub2_1 .cont2.cont4 .right figure img { margin-left: -20px; }
#sub2_1 .cont2.cont4 .list { width: 660px; margin-top: 60px; float:left;  }
#sub2_1 .cont2.cont4 .list li { width: 660px; position: relative; padding-left: 40px; font:16px/1.6 stm; margin-bottom: 40px; word-break: keep-all; }
#sub2_1 .cont2.cont4 .list li strong { position: absolute; left: 0; width: 30px; height: 30px; color:#fff; font-family: steb; text-align: center; line-height:30px; border-radius: 100%; background: #234c97; }
#sub2_1 .cont2.cont4 .line { float:right; margin-top: 40px; }
#sub2_1 .cont2.cont4 .line li { margin-top: 10px; font:16px steb; justify-content: flex-start; }
#sub2_1 .cont2.cont4 .line li:before { content:""; width: 30px; margin-right: 20px; border-top:1px solid #234c97; }
#sub2_1 .cont2.cont4 .line li:nth-child(2):before { border-top-style:dashed; }
#sub2_1 .cont2.cont4 .line li:nth-child(3):before { border-top:1px solid #22ac38; }

#sub2_1 .cont5 { margin-top: 90px; }
#sub2_1 .cont5 .fl { justify-content: space-between; }
#sub2_1 .cont5 .fl article { width:400px; border-radius: 30px; border:1px solid #eee; height: 250px; padding:40px 20px 0; box-sizing: border-box; }
#sub2_1 .cont5 .fl article h2 { font:20px steb; margin-bottom: 30px;   margin-left:10px;}
#sub2_1 .cont5 .fl article p { font:16px/1.6 str; padding-left:16px; position: relative; word-break: keep-all; }
#sub2_1 .cont5 .fl article p:before { content:"-"; position: absolute; left: 0; }

/* sub2_2 */
#sub2_1 .cont6 figure { border-radius: 30px; margin-top:40px; padding:50px 0; }
#sub2_1 .cont2 .left ul { margin-top: 20px; color:#000; font:16px/1.6 str;  }
#sub2_1 .cont2 .left ul li { position: relative; padding-left: 16px; }
#sub2_1 .cont2 .left ul li:before { content:"-"; position: absolute; left: 0; }
#sub2_1 .cont2 .img05 { background:url(/images/sub2_2_05.png) no-repeat center/cover; }



/* sub3_1 */
.b_title { font:20px steb; color:#234c97; }
#sub3_1 .cont1 .right p { font:20px/1.6 stm; word-break: keep-all; }

#sub3_1 .cont2 { margin-top: 40px; border-radius: 30px; padding:100px 0 50px; }

#sub3_1 .cont3 { margin-top: 80px; justify-content: space-between; }
#sub3_1 .cont3 article { width: 400px; }
#sub3_1 .cont3 article figure { margin-top: 20px; border:1px solid #eee; border-radius: 30px; height: 302px; }

#sub3_1 .cont4 { margin-top: 100px; }
#sub3_1 .cont4 .fl { justify-content: space-between; }
#sub3_1 .cont4 .fl article { width:400px; border-radius: 30px; border:1px solid #eee; height: 230px; padding:40px 20px 0; box-sizing: border-box; }
#sub3_1 .cont4 .fl article h2 { font:20px steb; margin-bottom: 30px;  margin-left: 10px;}
#sub3_1 .cont4 .fl article p { font:16px/1.6 str; padding-left:16px; position: relative; word-break: keep-all; }
#sub3_1 .cont4 .fl article p:before { content:"-"; position: absolute; left: 0; }

/* sub3_2 */
#sub3_1 .cont1 figure { margin-top: 40px; border-radius: 30px; padding-top:60px; }
#sub3_1.sub3_2 .left { width:330px; }
#sub3_1.sub3_2 .right { width:950px; }

#sub3_1 .cont5 { margin-top: 80px; }
#sub3_1 .cont5 figure.right { border-radius: 30px; border:1px solid #eee; }
#sub3_1 .cont5.img1 figure { padding:50px 0 0; }
#sub3_1 .cont5.img2 figure { height: 450px; overflow: hidden; }

#sub3_1 .cont6 { margin-top: 100px; }
#sub3_1 .cont6 .right { position: relative; }
#sub3_1 .cont6 .right div { width: 290px; height: 180px; float:left; margin-right: 40px; border-radius: 30px;  box-shadow: 0 6px 20px rgba(0,0,0,0.1); flex-direction: column; }
#sub3_1 .cont6 .right div figure { height: 72px; margin-bottom: 10px; }
#sub3_1 .cont6 .right div p { font:16px stb;  }
#sub3_1 .cont6 .right div span { font:14px str; margin-top: 10px;   }
#sub3_1 .cont6 .right div:nth-of-type(1) { position: absolute; right:0; margin-right: 0;  }
#sub3_1 .cont6 .right div:nth-of-type(2) { margin-bottom: 80px;  }
#sub3_1 .cont6 .right div:nth-of-type(3) { clear: both; }
#sub3_1 .cont6 .right div:nth-of-type(5) { margin-right: 0; }
#sub3_1 .cont6 .right > figure:nth-of-type(1) { position: absolute; left:330px; top:62px; }
#sub3_1 .cont6 .right > figure:nth-of-type(3) { position: absolute; left:138px; top:206px; }
#sub3_1 .cont6 .right > figure:nth-of-type(4) { position: absolute; left:300px; top:344px; }
#sub3_1 .cont6 .right > figure:nth-of-type(6) { position: absolute; left:630px; top:344px; }

#sub3_1.sub3_2 .cont4 article { height: 200px; }

/* sub3_3 */
#sub3_3 .cont2 { margin-bottom: 80px; }
#sub3_3 .b_title + div { justify-content: space-between; margin-top: 20px; }
#sub3_3 .b_title + div div { width: 620px; border:1px solid #eee; border-radius: 30px; padding:20px; box-sizing: border-box; }
#sub3_3 .b_title + div div table { width:100%; border-collapse: collapse; }
#sub3_3 .b_title + div div table th { text-align: left; font:16px/1.6 steb; width: 220px; vertical-align: top; padding:4px 0; }
#sub3_3 .b_title + div div table td { font:16px/1.6 str; vertical-align: top; padding:4px 0; }
#sub3_3 .cont2 .h290 div { height: 290px; }
#sub3_3 .cont2 .h310 div { height: 310px; }


/* sub4_1 */    
#sub4_1 .right #bo_gall { margin-top: -55px; }
#sub4_1 #bo_gall #gall_ul { margin:0; }
#sub4_1 #bo_gall .gall_img { border-radius: 20px; box-shadow: 0 6px 20px rgba(0,0,0,0.1); padding:0; }
#sub4_1 #bo_gall .gall_li { width: 252px; margin:0 42px 60px 0; text-align: center; padding:0;  }
#sub4_1 #bo_gall .gall_info { display: none; }
#bo_gall .gall_text_href a.bo_tit { font:16px steb; margin-top: 20px; }
#sub4_1 #bo_v { margin-top: 0; }
#sub4_1 #bo_v_title .bo_v_tit { color:#234c97; }

/* sub5_3 */
#sub5_3 h3.s_title { color:#234c97; margin-bottom: 20px; font-size:26px; }
#sub5_3 .right ul li { float:left; width: 400px; margin-right:40px; margin-bottom: 20px; }
#sub5_3 .right ul li:nth-child(2n) { margin-right: 0;  }
#sub5_3 .right ul li input { border:1px solid #eee; border-radius: 20px; width: 100%; height:60px; padding:0 20px; box-sizing: border-box; font:18px stb; }
#sub5_3 .right ul li:last-child { width: 100%; margin-right: 0; margin-bottom: 60px; }
#sub5_3 .right textarea { border:1px solid #eee; border-radius: 20px; padding:20px; box-sizing: border-box; width: 100%; font:18px/1.6 stb; }
#sub5_3 .right input.shd { width:200px; border-radius: 100px; border:none; text-align: center; font:18px/60px steb; color:#234c97; display: block; margin:60px auto 0; background: #fff;}