@charset "utf-8";#wrap { position:relative; overflow:hidden } 
#header_wrap { position:relative; top:0; left:0; width:100%; height:110px; margin-bottom:43px; border-bottom:1px solid #eee; background:#fff; z-index:100 } 
#header_wrap.sitemap1 { display:block !important; z-index:200 } 
body.main #header_wrap { position:fixed; top:0; left:0; height:110px; margin-bottom:0; border-bottom:none; background:url(../../img/header_line.png) 0 0 repeat-x; } 
#header_wrap .header_tit_bar { position:relative; display:none; height:90px; margin-top:1px; border-bottom:1px solid #eee; background:#fff } 
#header_wrap .header_tit_bar > ul.bar > li { position:absolute; top:0; height:100%; text-align:center } 
#header_wrap .header_tit_bar > ul.bar > li.prev { left:0; width:119px; border-right:1px solid #eee; z-index:100 } 
#header_wrap .header_tit_bar > ul.bar > li img { width:100%; max-width:84px } 
#header_wrap .header_tit_bar > ul.bar > li.tit { width:100% } 
#header_wrap .header_tit_bar > ul.bar > li.tit a { font-size:100px; font-weight:600; color:#187cc1; line-height:90px } 
#header_wrap .header_tit_bar > ul.bar > li.more { right:0; width:139px; border-left:1px solid #eee; z-index:100 } 
#header_wrap .header_tit_bar > ul.menu_list { display:none; position:absolute; top:90px; left:0; width:100%; padding:25px; border-top:1px solid #eee; border-bottom:1px solid #eee; background:#fff; box-sizing:border-box } 
#header_wrap .header_tit_bar > ul.menu_list > li { margin:0; padding:0 } 
#header_wrap .header_tit_bar > ul.menu_list > li > a { display:block; font-size:36px; color:#187cc1; padding:15px 0 } 
#header { position:relative; height:100%; margin:0 auto; padding:0 50px } 
#header .header_call_mnu { position:absolute; top:40px; right:50px; width:36px; cursor:pointer } 
#header .header_call_mnu ul li { height:5px; margin-bottom:5px; background:#187cc1 } 
#header .header_sitemap { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#187cc1; z-index:1010 } 
#header .header_sitemap .btn_close { position:absolute; top:50px; right:-50px; opacity:0; filter:alpha(opacity=0); z-index:1020 } 
#header .header_sitemap .btn_close img { display:block } 
#header .header_sitemap .inner { position:relative; padding-top:150px; text-align:center } 
#header .header_sitemap .inner > ul { display:inline-block; text-align:left; width:1200px } 
#header .header_sitemap .inner > ul > li { float:left; padding:30px 0; overflow:hidden } 
#header .header_sitemap .inner > ul > li > h2 { float:left; width:180px } 
#header .header_sitemap .inner > ul > li > h2 > a { font-size:20px; font-weight:600; color:#fff } 
#header .header_sitemap .inner > ul > li > ul.depth1 { float:left; width:320px; text-align:justify } 
#header .header_sitemap .inner > ul > li > ul.depth1:after { display:inline-block; width:100%; content:'' } 
#header .header_sitemap .inner > ul > li > ul.depth1 > li { display:inline-block; width:30%; padding-left:10px; border-left:1px solid #52A0E9 } 
#header .header_sitemap .inner > ul > li > ul.type1 > li { } 
#header .header_sitemap .inner > ul > li > ul.type2 > li { } 
#header .header_sitemap .inner > ul > li > ul.type3 > li { width:16% } 
#header .header_sitemap .inner > ul > li > ul.type4 > li { } 
#header .header_sitemap .inner > ul > li > ul.depth1 > li > h3 { margin-bottom:20px } 
#header .header_sitemap .inner > ul > li > ul.depth1 > li > h3 > a { font-size:15px; font-weight:600; color:#fff } 
#header .header_sitemap .inner > ul > li > ul.depth1 > li > ul { float:left } 
#header .header_sitemap .inner > ul > li > ul.depth1 > li > ul.float { margin-right:50px } 
#header .header_sitemap .inner > ul > li > ul.depth1 > li > ul > li { padding:5px 0 } 
#header .header_sitemap .inner > ul > li > ul.depth1 > li > ul > li > a { font-size:12px; color:#fff } 
#header .header_sitemap .inner > ul > li > ul.depth1 > li > ul > li > a:hover { text-decoration:underline } 
#header .header_utils { position:absolute; bottom:0; right:50px; z-index:60 } 
body.main #header .header_utils .search_box { background:url(../../img/smart_search.png) 0 0 no-repeat } 
#header .header_utils .search_box { float:left; display:block; width:126px; height:46px; text-indent:-9999em; margin-right:10px; border-bottom:4px solid transparent; background:url(../../img/smart_search_gr.png) 0 0 no-repeat } 
#header .header_utils .search_box:hover { border-color:#187cc1; background:url(../../img/smart_search_on.png) 0 0 no-repeat } 
#header .header_utils ul { float:left } 
#header .header_utils ul > li { position:relative; float:left; margin-left:10px; width:34px; height:34px; cursor:pointer; border:1px solid #ccc } 
#header .header_utils ul > li > a { position:absolute; display:block; top:-1px; left:-1px; width:36px; height:36px } 
#header .header_utils ul > li > a > img { padding:1px 0 0 1px } 
#header .header_utils ul > li > a:hover { background:#187cc1 } 
#header .header_utils ul > li.on { border-color:#000; background:#000 } 
#header .header_utils ul > li > ul.sub { display:none; margin-top:36px } 
#header .header_utils ul > li > ul.sub > li { width:35px; height:35px; margin:0; border:none; background:#000 } 
#header .header_utils ul > li > ul.sub > li > a { text-align:center; font-weight:600; font-size:16px; color:#fff; line-height:36px; background:#000 } 
#header .header_utils ul > li > ul.sub > li > span { position:absolute; display:none; top:0; right:0; width:100%; height:100%; text-align:center; background:#187cc1; z-index:70 } 
#header .header_utils ul > li > ul.sub > li > span > a { display:block; width:100%; height:100%; color:#fff; line-height:36px } 
#logo { display:inline-block; margin-top:35px } 
#logo a { display: block; } 
#logo img { width:100% } 
#lnb { position:absolute; top:45px; right:15% } 
#lnb > ul { position:relative } 
#lnb > ul:after { clear:both; display:block; content:''; visibility:hidden } 
#lnb > ul > li { position:relative; float:left; padding:0 15px } 
#lnb > ul > li.on { height:100px } 
body.main #lnb > ul > li > a, body.main #lnb > ul > li > .sub > li a { color:#fff } 
body.main #lnb > ul > li > a { color:#fff !important } 
/* ¸ÞÀÎ navi ÆùÅ© Å©±â ¼öÁ¤*/
#lnb > ul > li > a { position:relative; font-family: sans-serif; font-weight:400; font-size:20px; color:#333; padding:8px }

#lnb > ul > li.on:after { position:absolute; top:45px; left:45%; content:''; border-style:solid; border-width:5px; border-color:#187cc1 transparent transparent transparent } 
#lnb > ul > li.on > .sub, #lnb > ul > li.on + .lnb_line { display:block } 
#lnb > ul > li > a:hover, #lnb > ul > li.on > a { color:#187cc1 } 
#lnb > ul > li > .sub { position:absolute; display:none; width:700px; top:75px } 
#lnb > ul > li > .mnu1 { left:55px } 
#lnb > ul > li > .mnu2 { left:20px } 
#lnb > ul > li > .mnu3 { left:-15px } 
#lnb > ul > li > .mnu4 { left:30px } 
#lnb > ul > li > .mnu5 { left:-260px } 

#lnb > ul > li > .sub > li { display:inline-block; margin-right:40px } 
#lnb > ul > li > .sub > li a { font-size:14px; color:#333 } 
#lnb > ul > li > .sub > li a:hover, #lnb > ul > li > .sub > li a.on { color:#187cc1 } 
#lnb > .lnb_line { position:absolute; top:105px; left:0; width:20px; height:5px; background:#187cc1; opacity:0; filter:alpha(opacity=0) } 
/* ³»ºñ°ÔÀÌ¼Ç ½ºÅ©·Ñ */
#nav_scroll { position:absolute; top:111px; left:0; width:100%; height:42px; z-index:70; border-bottom:1px solid #eee; background:#fff } 
body.main #nav_scroll { position:fixed; top:-42px; left:0; width:100%; border-bottom:none; background:#187cc1 } 
#nav_scroll.active { position:fixed !important; top:0; left:0; border-bottom:none; background:#187cc1; z-index:90 } 
#nav_scroll .nav_con { position:relative; margin:0 auto; padding:0 50px; max-width:1400px } 
#nav_scroll .nav_con > ul > li { float:left; line-height:42px } 
#nav_scroll .nav_con > ul > li img { vertical-align:-4px } 
#nav_scroll .nav_con > ul > li.home { width:50px; border-right:1px solid #eee } 
#nav_scroll.active .nav_con > ul > li.home { border-right:1px solid #52A0E9 !important } 
#nav_scroll .nav_con > ul > li.dropdown { position:relative; width:180px } 
#nav_scroll .nav_con > ul > li.dropdown:after { position:absolute; top:44%; right:10px; content:''; border-style:solid; border-width:4px; border-color:#999 transparent transparent transparent } 
#nav_scroll.active .nav_con > ul > li.dropdown:after { border-color:#ccf5f1 transparent transparent transparent } 
#nav_scroll .nav_con > ul > li.dropdown > a { display:block; text-indent:20px; font-weight:600; color:#666; line-height:42px; border-right:1px solid #eee } 
#nav_scroll.active .nav_con > ul > li.dropdown > a { border-right:1px solid #52A0E9 } 
#nav_scroll .nav_con > ul > li.current > a { color:#187cc1 } 
#nav_scroll.active .nav_con > ul > li.dropdown > a { color:#fff } 
#nav_scroll .nav_con > ul > li.dropdown > ul.dropdown_list { display:none; position:absolute; top:42px; margin-left:-1px; width:101%; padding:20px; border:1px solid #eee; background:#fff; box-sizing:border-box } 
#nav_scroll.active .nav_con > ul > li.dropdown > ul.dropdown_list { border:none; border-top:1px solid #187cc1; background:#187cc1 } 
body.main #nav_scroll .nav_con > ul > li.dropdown > ul.dropdown_list { border:none } 
#nav_scroll .nav_con > ul > li.dropdown > ul.dropdown_list > li { line-height:22px } 
#nav_scroll .nav_con > ul > li.dropdown > ul.dropdown_list > li > a { display:inline-block; font-size:13px; color:#666; padding-bottom:1px; border-bottom:2px solid #fff } 
#nav_scroll .nav_con > ul > li.dropdown > ul.dropdown_list > li.on > a { color:#187cc1 !important } 
#nav_scroll.active .nav_con > ul > li.dropdown > ul.dropdown_list > li.on > a { color:#fff !important } 
#nav_scroll.active .nav_con > ul > li.dropdown > ul.dropdown_list > li > a { color:#fff; border-bottom:2px solid #187cc1 } 
#nav_scroll .nav_con > ul > li.dropdown > ul.dropdown_list > li > a:hover { border-color:#187cc1 } 
#nav_scroll.active .nav_con > ul > li.dropdown > ul.dropdown_list > li > a:hover { border-color:#fff } 
#nav_scroll .nav_con .nav_right { position:absolute; display:none; top:0; right:50px; width:45px; height:inherit } 
#nav_scroll.active .nav_con .nav_right { display:block !important } 
#nav_scroll .nav_con .nav_right a { display:inline-block; width:43px; height:100%; text-align:center; line-height:42px; text-indent:-9999em; border-left:1px solid #52A0E9 } 
#nav_scroll .nav_con .nav_right a.nav_search { background:url(../../img/nav_search.png) center 50% no-repeat } 
#nav_scroll .nav_con .nav_right a.nav_menu { border-right:1px solid #52A0E9; background:url(../../img/nav_sitemap.png) center 50% no-repeat } 
/* Çì´õÃß°¡ 2021-11-02 */
#header_new { position:absolute; top:0; left:0; width:100%; height:auto; z-index:100 } 
#footer { clear:both; padding:50px 0; } 
/* »ó´Ü ¿µ¿ª */
#header_new .inner { position:relative; max-width:1400px; height:80px; margin:0 auto; padding:0 50px } 
#header_new h1 { padding-top:18px } 
#header_new h1 img { display:block; width:100% } 
#header_new h1 img.black { display:none !important } 
#header_new #gnbOpen { position:absolute; top:40px; left:50%; margin-left:600px; width:36px; height:36px; cursor:pointer; z-index:100 } 
#header_new #gnbOpen span { position:absolute; left:0; display:block; width:100%; height:2px; background:#187cc1; transition:all .4s ease } 
#header_new #gnbOpen span:before { position:absolute; width:0; height:100%; content:''; background:#fff; transition:all .3s ease } 
#header_new #gnbOpen:hover span:before { width:100% } 
#header_new #gnbOpen span.bar1 { top:0 } 
#header_new #gnbOpen span.bar2 { top:12px } 
#header_new #gnbOpen span.bar3 { top:24px } 
#header_new #gnbOpen.open span.bar1 { top:18px; transform:rotate(45deg) } 
#header_new #gnbOpen.open span.bar2 { display:none } 
#header_new #gnbOpen.open span.bar3 { top:18px; transform:rotate(-45deg) } 
#header_new.scroll { position:fixed; left:0; width:100%; background:rgba(255,255,255,.9) } 
#header_new.scroll h1 img.black { display:block !important } 
#header_new.scroll h1 img.white { display:none } 
/* °øÅë Àüü ¸Þ´º */
#navigation { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:url(../../img/nav_bg.png); z-index:990 } 
#nav_wrap { position:absolute; top:20%; left:0; width:100%; height:auto; text-align:center } 
#gnb { } 
#gnb > ul { position:relative; text-align:center } 
#gnb > ul > li > a { position:relative; display:inline-block; font-family:'Monda'; font-size:32px; color:#fff; line-height:1.2; padding:10px 0; transition:all .3s ease } 
#gnb > ul > li > a:before { position:absolute; top:50%; left:0; width:0; height:1px; content:''; background:#187cc1; transition:all .3s ease } 
#gnb > ul > li > a:hover { color:#187cc1 } 
#gnb > ul > li > a:hover:before { width:100% } 
#gnb > ul > li > ul.submnu { display:none; position:relative; margin-top:10px } 
#gnb > ul > li > ul.submnu > li > a { position:relative; display:inline-block; font-size:17px; color:#999; padding:5px 0; line-height:1.2; transition:all .3s ease } 
#gnb > ul > li > ul.submnu > li > a:before { position:absolute; top:50%; left:0; width:0; height:1px; content:''; background:#187cc1; transition:all .3s ease } 
#gnb > ul > li > ul.submnu > li > a:hover { color:#187cc1 } 
#gnb > ul > li > ul.submnu > li > a:hover:before { width:100% } 
#snb { display:inline-block; margin:30px auto 0 auto } 
#snb ul { text-align:center; padding-top:20px; border-top:1px solid rgba(255,255,255,.4) } 
#snb ul li a { position:relative; display:inline-block; font-family:'Monda'; font-size:16px; color:#999; line-height:1.2; padding:10px 0; transition:all .3s ease } 
#snb ul li a:hover { color:#187cc1 } 
#snb ul li a:before { position:absolute; top:50%; left:0; width:0; height:1px; content:''; background:#187cc1; transition:all .3s ease } 
#snb ul li.on a { color:#187cc1 } 
#snb ul li a:hover:before { width:100% } 
#nav_wrap .snsList { margin-top:30px } 
#nav_wrap .snsList ul li { display:inline-block; margin:0 5px } 
#nav_wrap .snsList ul li a img { display:block } 
#gnbClose { display:none; position:absolute; top:40px; left:50%; margin-left:-30px; width:52px; height:52px; border:1px solid rgba(255,255,255,.3); cursor:pointer; z-index:1010 } 
#gnbClose span { position:absolute; display:block; left:50%; width:60%; height:2px; margin-left:-30%; background:#fff; opacity:.4; filter:alpha(opacity='40') } 
#gnbClose:hover { border-color:#187cc1 } 
#gnbClose:hover span { background-color:#187cc1; opacity:1; filter:alpha(opacity='100') } 
#gnbClose span.bar1 { top:24px; transform:rotate(45deg) } 
#gnbClose span.bar2 { top:24px; transform:rotate(-45deg) } 
#btnNav { display:none; position:absolute; top:20px; right:50px; width:40px; height:40px; border:none; border-radius:2px; background:transparent; cursor:pointer; z-index:1000 } 
#btnNav span { position:absolute; display:block; right:0; width:20px; height:2px; background:#000; transition:all .4s ease } 
#btnNav span.bar1 { top:12px } 
#btnNav span.bar2 { top:18px } 
#btnNav span.bar3 { top:24px } 
#btnNav.open span { background:#fff } 
#btnNav.active span.bar1 { top:18px; transform:rotate(45deg) } 
#btnNav.active span.bar2 { display:none } 
#btnNav.active span.bar3 { top:18px; transform:rotate(-45deg) } 
/* ¹Ìµð¾î Äõ¸® */
@media screen and (max-width:1400px) {#header_new #gnbOpen { position:absolute; top:40px; left:auto; margin-left:0px; right:40px; } 
 #gnb > ul > li > a { font-size:22px; padding:6px 0 } 
 #gnb > ul > li > ul.submnu { display:none; position:relative } 
 #gnb > ul > li > ul.submnu > li > a { font-size:14px; padding:3px 0 } 
 #snb ul li a { font-size:13px; padding:5px } 
 }
@media screen and (max-width:1024px){
 #gnb { float:none; max-width:initial; margin:0; padding:0 } 
 #gnb > li { float:none; width:100%; height:auto; text-align:left } 
 #gnb > li > a { height:auto; padding:15px 25px; font-size:16px; border-bottom:1px solid #dedede; border-left:none; border-right:none } 
 #gnb > li > a > span { padding:0 } 
 #gnb > li > a > span:before { display:none } 
 #gnb > li > ul.submnu li:before { display:none } 
 #gnb > li.dropdown > a:before { position:absolute; display:block; width:2px; height:14px; right:31px; top:50%; margin-top:-7px; content:''; background:#aaa; transition:all .3s ease } 
 #gnb > li.dropdown > a:after { position:absolute; display:block; width:14px; height:2px; right:25px; top:50%; margin-top:-1px; content:''; background:#aaa } 
 #gnb > li.open > a:before { transform:rotate(90deg) } 
 #gnb > li > ul.submnu { display:none; position:static; width:100%; margin:0; padding:0; background:#f6f6f6; opacity:1 !important; filter:alpha(opacity='100') !important; box-shadow:none } 
 #gnb > li > ul.submnu li { padding:0; border-color:#dedede } 
 #gnb > li > ul.submnu li a { font-size:15px; padding:10px 25px } 
 #gnb > ul > li > ul.submnu > li > a:before { display:none } 
 #gnb > ul > li > ul.submnu > li > a:hover { color:#187cc1 } 
 #gnb_mask { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:.6; filter:alpha(opacity='60'); z-index:200 } 
 #btnNav { display:block } 
 }
@media screen and (max-width:640px){
 #header_new #gnbOpen { width:28px; height:28px; right:30px; top:15px; } 
 #gnb > ul > li > a { font-size:18px; padding:8px 0 } 
 #gnb > ul > li > ul.submnu { margin-top:5px } 
 #gnb > ul > li > ul.submnu > li > a { font-size:13px; padding:5px 0 } 
 #snb { margin-top:20px } 
 #nav_wrap .snsList ul li a img { width:24px; height:24px } 
 #gnbClose { width:36px; height:36px; top:30px; margin-left:-18px } 
 #gnbClose span.bar1 { top:16px } 
 #gnbClose span.bar2 { top:16px } 
#header_new #gnbOpen span.bar1 { top:0 } 
#header_new #gnbOpen span.bar2 { top:8px } 
#header_new #gnbOpen span.bar3 { top:16px } 
}


/* ¸ÞÀκñµð¿À */
.main_video_new {
  position: relative;
  height: 1080px;
  background-color: #060606; /* ¿µ»ó ¿©¹é¸¸ ºí·¢ */
  overflow: hidden;
}


.main_video_new video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: contain; /* ºñÀ² À¯Áö + ¿©¹é¸¸ ºí·¢ */
  object-position: center center;
  z-index: 1;
  background-color: #060606; /* ¿µ»óÀÌ ¾È Â÷´Â ºÎºÐ¸¸ ºí·¢ */
}


.main_video_new img {
  display: none;
}


@media screen and (max-width:1024px){
  .main_video_new {
    height: auto;
    background-color: #060606;
  }
  .main_video_new video {
    width: 100%;
    height: auto;
    object-fit: contain;
  }
}


@media screen and (max-width:640px){
 .main_video_new { height: 400px; } 
 #main_visual { margin-top:50px; } 
 .main_video_new video { display: none; } 
 .main_video_new img { display: block; width: 100%;height: auto; } 
 }
/* ¸ÞÀκñÁÖ¾ó */
#main_visual { position:relative; top:0; left:0; margin-bottom:50px; overflow:hidden } 
#main_visual ul.visual_img { position:relative; overflow:hidden } 
#main_visual ul.visual_img li { position:absolute; top:0; left:0; z-index:5 } 
#main_visual ul.visual_img li.active { position:relative; display:block; z-index:30 !important } 
#main_visual .main_video_new .visual2, #main_visual .main_video_new .visual3 { display:none } 
#main_visual .main_video_new .visual2, #main_visual .main_video_new .visual3 { display:none } 
/* #main_visual img { display:block; width:100%; transition:all 6s ease } 
#main_visual img.load { transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1) }  */
#main_visual ul.pagination { position:absolute; bottom:50px; left:50%; margin-left:-43px; width:86px; z-index:40 } 
#main_visual ul.pagination li { position:relative; display:inline-block; width:13px; height:13px; margin:0 6px; border:1px solid #187cc1; background:#fff; cursor:pointer } 
#main_visual ul.pagination li.on:before { position:absolute; display:block; width:9px; height:9px; content:''; top:2px; left:2px; background:#187cc1 } 
#main_visual .typo { position:absolute; top:40%; left:50%; width:74%; margin-left:-37%; z-index:40 } 




 /* Å«±Û¾¾ Å©±â  */
/* #main_visual .typo span { display:block; font-family:'Gotham-Black'; font-size:36px; font-weight:400; color:#fff; text-shadow:0 2px 2px rgba(0,0,0,.25); margin-bottom:25px } */
#main_visual .typo span { display:block; font-size:45px; font-weight:500; color:#fff; text-shadow:0 2px 2px rgba(0,0,0,.25); margin-bottom:25px } 

#main_visual .typo p { color:#fff; line-height:1.8; text-shadow:0 2px 2px rgba(0,0,0,.25) } 
/* ÄÁÅÙÃ÷ ¿µ¿ª */
#container:after { clear:both; display:block; content:''; visibility:hidden } 
#container .section { position:relative; padding:0 0 100px 0; z-index:1 } 
#container .section:after { clear:both; display:block; content:''; visibility:hidden } 
#container .section .section_con { position:relative; margin:0 auto; padding:0 50px; max-width:1400px } 
#container .section .section_con:after { clear:both; display:block; content:''; visibility:hidden } 
#container .section1, #container .section2, #container .section3 { padding-bottom:80px; border-bottom:1px solid #e6e6e6; margin-bottom:80px } 
#container .section1 ul { text-align:justify; overflow:hidden } 
#container .section1 ul:after { display:inline-block; width:100%; content:'' } 
#container .section1 ul li { position:relative; display:inline-block; width:23.1%; margin-bottom:2.5%; overflow:hidden } 
#container .section1 ul li.full { width:48.7% } 
#container .section1 ul li.no-margin { margin-bottom:0 } 
#container .section1 ul li .caption { position:absolute; bottom:30px; right:30px; text-align:right; z-index:10 } 
  /* ÄÁÅÙÃ÷ ¿µ¿ª ¿µ¹® ÆùÆ®»çÀÌÁî */
#container .section1 ul li .caption h2 { font-size:30px; font-weight:600; color:#fff; margin-bottom:10px } 
#container .section1 ul li a img { display:block; width:100%; } 
#container .section1 ul li .caption p { color:#fff; letter-spacing:1px } 
#container .section1 ul li .desc_box { position:absolute; top:-80px; left:0; width:100%; height:80px; background:url(../../img/main_descbox_bg.png); overflow:hidden; z-index:10; transition:all 0.3s ease } 
#container .section1 ul li:hover .desc_box { top:0; transition:all 0.2s ease-out } 
#container .section1 ul li .desc_box p { font-size:15px; color:#fff; padding:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap } 
#container .section2 h2 { font-size:36px; font-weight:400; color:#333; margin-bottom:70px } 
#container .section2 ul { text-align:justify } 
#container .section2 ul:after { display:inline-block; width:100%; content:'' } 
#container .section2 ul li { display:inline-block; width:30%; vertical-align:top } 
#container .section2 ul li span.icon { display:inline-block; height:50px; line-height:50px; margin-bottom:40px; padding-left:70px; font-weight:600 } 
#container .section2 ul li span.icon1 { background:url(../../img/section2_icon1.png) 0 0 no-repeat } 
#container .section2 ul li span.icon2 { background:url(../../img/section2_icon2.png) 0 0 no-repeat } 
#container .section2 ul li span.icon3 { background:url(../../img/section2_icon3.png) 0 0 no-repeat } 
#container .section2 ul li h3 { position:relative; font-size:18px; font-weight:600; color:#444; margin-bottom:20px; padding-bottom:15px } 
#container .section2 ul li h3:after { position:absolute; bottom:0; left:0; content:''; width:20px; height:1px; background:#ccc } 
#container .section2 ul li p.text { font-size:15px; color:#777; line-height:2; margin-bottom:20px } 
#container .section2 ul li p.date { font-size:15px; color:#000 } 
#container .section2 ul li a:hover span, #container .section2 ul li a:hover h3, #container .section2 ul li a:hover p { color:#187cc1 } 
#container .section2 ul li a:hover span.icon { background-position:0 -50px } 
#container .section3 .left { float:left; width:48% } 
#container .section3 .right { position:relative; float:right; width:48% } 
#container .section3 .left h2 { margin-bottom:120px } 
#container .section3 .left h2 p { font-size:60px; font-weight:500; color:#187cc1; letter-spacing:2px; margin-bottom:20px; transition:all .5s ease } 

#container .section3 .left p.desc { font-size:18px; line-height:1.7; color:#333; margin-bottom:50px } 
#container .section3 .right .video { position:relative; overflow:hidden; z-index:50 } 
#container .section3 .right .video img { width:100% } 
#container .section3 .right .video img.play_icon { position:absolute; top:40%; left:45%; width:100px; height:100px } 
#videoClip { display:none; position:absolute; top:0; left:0; width:100%; height:100%; z-index:50 } 
#videoClip iframe { position:absolute; top:0; left:0; width:100%; height:100% } 
#videoClose { display:none; position:absolute; top:0; left:20px; z-index:40 } 
#videoClose img { display:block } 
#container .section4 { position:relative; padding:0 0 100px 0 } 
#container .section4 img { width:100% } 
#container .section4 img.visual2, #container .section4 img.visual3 { display:none } 
#container .section4 .section_con > div { position:absolute; top:20%; right:100px } 
#container .section4 .section_con > div > h2 { font-size:48px; color:#187cc1; margin-bottom:30px } 
#container .section4 .section_con > div > p { font-size:15px; color:#fff; margin-bottom:30px; line-height:2 } 
#container .section4 .section_con > div > a { display:inline-block; padding:10px 30px; font-size:15px; color:#fff; border:1px solid #fff } 
#container .section4 .section_con > div > a:hover { border-color:#187cc1 } 

#container .section5 ul { text-align:justify } 
#container .section5 ul:after { display:inline-block; width:100%; content:'' } 
#container .section5 ul li { display:inline-block; width:32%; padding:50px 0; background:#f7f7f7 } 
#container .section5 ul li div { width:80%; margin:0 auto; text-align:center } 
#container .section5 ul li div h3 { font-size:24px; font-weight:300; color:#333; margin-bottom:27px } 
#container .section5 ul li div p { margin-bottom:20px; font-size:14px; color:#444; line-height:1.7 } 
#container .section5 ul li div p.text { margin-bottom:0 } 

#container .aside { max-width:1400px; margin:0 auto; padding:0; border:none } 
#container .aside .section_con { padding:50px 40px; border-top:5px solid #eee } 
#container .aside .section_con > ul { text-align:justify; overflow:hidden } 
#container .aside .section_con > ul:after { display:inline-block; width:100%; content:'' } 
#container .aside .section_con > ul > li { display:inline-block; width:24%; vertical-align:top } 
#container .aside .section_con > ul > li > h3 { margin-bottom:30px } 
#container .aside .section_con > ul > li > h3 > a { font-size:17px; font-weight:600; color:#333; letter-spacing:2px } 
#container .aside .section_con > ul > li > ul.sub1 { clear:both; overflow:hidden } 
#container .aside .section_con > ul > li > ul.sub1 > li { float:left; width:50% } 
#container .aside .section_con > ul > li > ul.sub1 > li > h4 { margin-bottom:20px } 
#container .aside .section_con > ul > li > ul.sub1 > li > h4 > a { font-size:14px; color:#777; letter-spacing:1px } 
#container .aside .section_con > ul > li > ul.sub1 > li > h4 > a:hover { text-decoration:underline } 
#container .aside .section_con > ul > li > ul.sub1 > li > ul > li { margin-bottom:25px } 
#container .aside .section_con > ul > li > ul.sub1 > li > ul > li > a { font-size:12px; color:#888 } 
#container .aside .section_con > ul > li > ul.sub1 > li > ul > li > a:hover { text-decoration:underline } 
#container .aside .section_con > ul > li > ul.sub2 { float:left; width:50%; overflow:hidden } 
#container .aside .section_con > ul > li > ul.sub2 > li { margin-bottom:20px } 
#container .aside .section_con > ul > li > ul.sub2 > li > h4 { margin-bottom:10px } 
#container .aside .section_con > ul > li > ul.sub2 > li > h4 > a { font-size:14px; font-weight:400; color:#777; letter-spacing:1px } 
#container .aside .section_con > ul > li > ul.sub2 > li > h4 > a:hover { text-decoration:underline } 
#container .aside .section_con > ul > li > ul.sub2 > li > ul > li { margin-bottom:10px } 
#container .aside .section_con > ul > li > ul.sub2 > li > ul > li > a { font-size:12px; color:#888 } 
#container .aside .section_con > ul > li > ul.sub2 > li > ul > li > a:hover { text-decoration:underline } 
#container .aside .section_con > ul > li > ul.full { clear:both; float:none; width:100% } 
#scrollTo { position:fixed; display:none; bottom:15px; right:15px; width:50px; z-index:1000 } 
#scrollTo img { display:block; width:100% } 
/* ¼­ºêÆäÀÌÁö */
#container .section .section_con .img_wrap img { width:100% } 
#container .section .section_con img.img_pc { display:block } 
#container .section .section_con img.img_mob { display:none } 
#container .section_con ul.allocation { text-align:justify; overflow:hidden } 
#container .section_con ul.allocation:after { display:inline-block !important; width:100%; height:0; content:'' } 
#container .section_con ul.allocation li { position:relative; float:none !important; display:inline-block } 
#container .section_con ul.allocation li.clear { margin:0; padding:0; border:none; background:none } 
#container .section_con ul.allocation li .allocation_inner { } 
#container .section_con ul.column2 li { width:48% } 
#container .section_con ul.column3 li { width:32% } 
#container .section_con ul.column4 li { width:23% } 
#container .section_con ul.tpl_list { margin-bottom:100px } 
#container .section_con ul.tpl_list li { height:370px } 
#container .section_con ul.tpl_list li .allocation_inner h3 { font-size:18px; margin-bottom:20px } 
#container .section_con ul.tpl_list li .allocation_inner p.txt { font-size:14px; color:#777; line-height:1.6 } 
#container .section_con ul.tpl_list li .allocation_inner p.img { position:absolute; bottom:0; left:0 } 
#container .section_con ul.tpl_list li .allocation_inner p.img img { display:block; width:100% } 
#container .section_con ul.prcs_list li { text-align:center; background:url(../../img/process_arrow.png) right 10px center no-repeat } 
#container .section_con ul.prcs_list li.last { background:none } 
#container .section .section_con .con_box { clear:both; padding:30px 50px 10px 50px; border:3px solid #ccc; overflow:hidden } 
#container .section .section_con .con_box .left { float:left; width:50% } 
#container .section .section_con .con_box .right { float:right; width:50% } 
#container .section .section_con .con_box dl { position:relative; margin-bottom:15px; overflow:hidden } 
#container .section .section_con .con_box dl dt { clear:left; float:left; width:100px; color:#666 } 
#container .section .section_con .con_box dl dd { margin-left:100px; padding-right:20px; color:#888 } 
#container .sub_section1 { } 
#container .sub_section1 h2.main_tit { padding-top: 80px; font-weight:400; font-size:56px; line-height:1.2; color:#333; margin-bottom: 0; } 
#container .sub_section2 > .section_con > h3 { font-size:48px; margin-bottom:30px } 
#container .sub_section2 > .section_con p.main_desc { color:#777; line-height:2; text-align:justify; margin-bottom:120px } 
#container .sub_section2 > .section_con > ul { clear:both } 
#container .sub_section2 > .section_con > ul:after { clear:both; display:block; content:''; visibility:hidden } 
#container .sub_section2 > .section_con > ul > li { position:relative; float:left } 
#container .sub_section2 > .section_con > ul > li img { width:100% } 
#container .sub_section2 > .section_con > ul > li.right { float:right } 
#container .sub_section2 > .section_con > ul > li.list1 { width:50% } 
#container .sub_section2 > .section_con > ul > li.list2 { width:47% } 
#container .sub_section2 > .section_con > ul > li .text_effect { float:left; width:45% } 
#container .sub_section2 > .section_con > ul > li .text_effect > li > .txt { display:inline-block; font-size:36px; color:#187cc1 } 
#container .sub_section2 > .section_con > ul > li .text_effect > li > .txt p { position:relative; margin-bottom:10px; height:1px;; background:#aaece6 } 
#container .sub_section2 > .section_con > ul > li .text_effect > li > .txt p span { position:absolute; display:inline-block; width:100%; height:1px } 
#container .sub_section2 > .section_con > ul > li .text_effect > li > .txt p span.color1 { background:#187cc1 } 
#container .sub_section2 > .section_con > ul > li .text_effect > li > .txt p span.color2 { width:0; background:#aaece6 } 
#container .sub_section2 .txt_box { float:right; width:50% } 
#container .sub_section2 .txt_box p.desc { line-height:1.7; letter-spacing:-0.5px; text-align:justify; margin-bottom:30px } 
#container .sub_section2 .section_con .process_box { padding:30px; border:3px solid #ccc } 
#container .sub_section2 .section_con .process_box ul.prcs_list li p.img { height:70px; margin-bottom:10px } 
#container .sub_section2 .section_con .process_box ul.prcs_list li p.txt { font-weight:600; line-height:1.5 } 
#container .sub_section3 .wrap_type1 { margin-top:200px; border:1px solid #dedede; overflow:hidden } 
#container .sub_section3 .wrap_type1 .left { float:left; width:45% } 
#container .sub_section3 .wrap_type1 .left img { display:block; width:100% } 
#container .sub_section3 .wrap_type1 .center { float:left; width:30%; padding-top:50px } 
#container .sub_section3 .wrap_type1 .right { float:right; width:22%; border-left:1px solid #dedede } 
#container .sub_section3 ul.text_effect { padding-left:15% } 
#container .sub_section3 ul.text_effect li { float:none !important } 
#container .sub_section3 ul.text_effect li .txt { display:inline-block; font-size:36px; color:#187cc1 } 
#container .sub_section3 ul.text_effect li .txt p { position:relative; margin-bottom:10px; height:1px; background:#aaece6 } 
#container .sub_section3 ul.text_effect li .txt p span { position:absolute; display:inline-block; width:100%; height:1px } 
#container .sub_section3 ul.text_effect li .txt p span.color1 { background:#187cc1 } 
#container .sub_section3 ul.text_effect li .txt p span.color2 { width:0; background:#aaece6 } 
#container .sub_section3 .wrap_type1 .right p.img { margin-bottom:75px } 
#container .sub_section3 .wrap_type1 .right p.img img { width:100% } 
#container .sub_section3 .wrap_type1 .right h3 { line-height:1; margin-bottom:57px; padding:0 30px } 
#container .sub_section3 .wrap_type1 .right h3 p { font-size:44px; color:#000; transition:all .5s ease } 
#container .sub_section3 .wrap_type1 .right h3 p:after { clear:both; display:block; content:''; visibility:hidden } 
#container .sub_section3 .wrap_type1 .right h3 p.tit1 { } 
#container .sub_section3 .wrap_type1 .right h3 p.tit2 { width:105%; margin-left:-5px } 
#container .sub_section3 .wrap_type1 .right h3 p.tit3 { width:110%; margin-left:-5px } 
#container .sub_section3 .wrap_type1 .right h3 p span { display:block; float:left; width:16%; text-align:center } 
#container .sub_section3 .wrap_type1 .right h3 p span.blind { display:none } 
#container .sub_section3 .wrap_type1 .center p.desc { color:#777; margin-top:30px; padding-left:15%; line-height:1.6; text-align:justify } 
#container .sub_section4 { padding-top:60px } 
#container .section_con .left_header { float:left; width:20% } 
#container .section_con .left_header p.icon { position:relative; margin-top:40px; padding-top:35px } 
#container .section_con .left_header p.icon img { display:block } 
#container .section_con .left_header p.icon:after { position:absolute; top:0; left:0; display:block; width:20px; height:1px; content:''; background:#ccc } 
#container .section_con .left_header h2 { font-size:30px; font-weight:400; margin-bottom:30px } 
#container .section_con .left_header p.desc { color:#666; line-height:1.6 } 
#container .section_con .right_con { float:right; width:75% } 
#container .section_con .right_con > img { width:100% } 
#container .section_con .photo_slide { } 
#container .section_con .photo_slide .slide_wrap { position:relative; margin-bottom:30px } 
#container .section_con .photo_slide .slide_wrap .tit_box { position:absolute; width:140px; height:135px; padding:20px; top:0; right:0; color:#fff; background:#187cc1; z-index:50 } 
#container .section_con .photo_slide .slide_wrap .tit_box h2 { font-size:28px; margin-bottom:10px } 
#container .section_con .photo_slide .slide_wrap .tit_box h3 { font-size:24px; font-weight:400 } 
#container .section_con .photo_slide .slide_wrap .photo_list { overflow:hidden } 
#container .section_con .photo_slide .slide_wrap .photo_list li { position:relative; float:left; cursor:pointer } 
#container .section_con .photo_slide .slide_wrap .photo_list li img { display:block } 
#container .section_con .photo_slide .slide_wrap .photo_list li a { display:none; position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; z-index:10 } 
#container .section_con .photo_slide .slide_wrap .photo_list li a .mask { position:absolute; display:block; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:20 } 
#container .section_con .photo_slide .slide_wrap .photo_list li a img { display:inline-block; position:relative; text-align:center; z-index:30 } 
#container .section_con .photo_slide .paging { clear:both; margin:30px 0 100px 0; font-size:28px; color:#bbb; text-align:right } 
#container .section_con .photo_slide .paging a { display:inline-block } 
#container .section_con .photo_slide .paging a img { vertical-align:-3px } 
#container .section_con .photo_slide .paging span.current { color:#187cc1 } 
#container .section_con .photo_slide .photo_swipe { position:relative; display:none; overflow:hidden } 
#container .section_con .photo_slide .photo_swipe ul { position:relative } 
#container .section_con .photo_slide .photo_swipe ul li { position:relative; float:left } 
#container .section_con .photo_slide .photo_swipe ul li img { display:block; width:100% } 
#container .section_con .photo_slide .photo_swipe ul li p { position:absolute; display:inline-block; bottom:0; left:0; padding:15px 25px; color:#333; background:#fff } 
#container .section_con .photo_slide .paging_m { clear:both; display:none; margin:30px 0 100px 0; font-size:28px; color:#bbb; text-align:center } 
#container .section_con .photo_slide .paging_m a { display:inline-block } 
#container .section_con .photo_slide .paging_m a img { vertical-align:-3px } 
#container .section_con .photo_slide .paging_m span.current { color:#187cc1 } 
#container .section_con .map_list li .map_list_wrap { padding-bottom:15px; border-bottom:1px solid #eee; cursor:pointer } 
#container .section_con .map_list li:hover h3, #container .section_con .map_list li .map_list_wrap:hover p, #container .section_con .map_list li.on h3, #container .section_con .map_list li.on p, #container .section_con .map_list li:hover a, #container .section_con .map_list li.on a { color:#187cc1 !important } 
#container .section_con .map_list li:hover p.tel, #container .section_con .map_list li.on p.tel { background:url(../../img/map_phone_c.png) left center no-repeat !important } 
#container .section_con .map_list li:hover p.fax, #container .section_con .map_list li.on p.fax { background:url(../../img/map_printer_c.png) left center no-repeat !important } 
#container .section_con .map_list li .map_list_wrap h3 { font-size:18px; font-weight:400; margin-bottom:20px } 
#container .section_con .map_list li .map_list_wrap p { color:#777 } 
#container .section_con .map_list li .map_list_wrap p.new { margin-bottom:5px } 
#container .section_con .map_list li .map_list_wrap p.old { margin-bottom:50px } 
#container .section_con .map_list li .map_list_wrap p.tel { margin-bottom:15px; padding-left:45px; background:url(../../img/map_phone.png) left center no-repeat } 
#container .section_con .map_list li .map_list_wrap p.fax { padding-left:45px; background:url(../../img/map_printer.png) left center no-repeat } 
#container .section_con .map_list li .map_list_wrap a.pointer { display:block; position:absolute; right:0; bottom:15px } 
#container .section_con .map_list li.map { display:none; margin-top:30px; width:100% } 
#container .section_con .map_list li.map .map_area { position:relative; width:100%; height:500px; overflow:hidden } 
#container .section_con .map_list li.map .map_area #map { height:100% } 
/* ¼­ºê ºñÁÖ¾ó */
#sub_visual { position:relative; margin-top:42px } 
#sub_visual .visual_wrap { position:relative; overflow:hidden } 
#sub_visual img { width:100%; transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transition:all 8s ease } 
#sub_visual img.load { width:100%; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1) } 
#sub_visual .visual2, #sub_visual .visual3 { display:none } 
#sub_visual .visual_acc { position:relative; margin:0 auto; width:100%; max-width:1400px } 
#sub_visual .visual_tit { position:absolute } 
  /* ¼­ºê ºñÁÖ¾ó ÅؽºÆ® ÁÂ¿ì ³ÐÀÌ Á¶Á¤*/
#sub_visual .visual_tit { top:150px; left:50%; margin-left:-200px } 
#sub_visual .visual_tit ul { position:relative; text-align:center } 
#sub_visual .visual_tit ul li .txt { display:inline-block; font-size:30px; line-height:1.5; color:#fff } 
#sub_visual .visual_tit ul li .txt p { position:relative; margin-bottom:10px; height:1px; background:white } 
#sub_visual .visual_tit ul li .txt p span { position:absolute; left:0; display:inline-block; width:100%; height:1px } 
  /* ¼­ºê ºñÁÖ¾ó ÅؽºÆ® »ö Á¶Á¤*/
#sub_visual .visual_tit ul li .txt p span.color1 { background:#008bff } 
#sub_visual .visual_tit ul li .txt p span.color2 { width:0; background:white } 
/* Layer popup */
#img_popup_wrap { position:fixed; top:0; left:0; width:100%; height:100%; z-index:990; visibility:hidden } 
#mask { position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.8; filter:alpha(opacity='80') } 
#imgPopup { position:fixed; top:50%; left:50%; width:60%; background:#fff; z-index:1000 } 
#imgPopup .img_wrap { position:relative; height:100% } 
#imgPopup .img_wrap ul { } 
#imgPopup .img_wrap ul li { display:none } 
#imgPopup .img_wrap ul li.on { display:block } 
#imgPopup .img_wrap ul li img { display:block; width:100% } 
#imgPopup .img_wrap p.tit { clear:both; line-height:50px; padding:0 30px } 
#img_popup_wrap a { position:absolute; z-index:1010 } 
#img_popup_wrap a.pop_close { top:20px; right:10% } 
#img_popup_wrap a.pop_prev { top:50%; left:10% } 
#img_popup_wrap a.pop_next { top:50%; right:10% } 
/* Footer */
#footer_wrap { position:relative; font-size:12px; border-top:1px solid #ccc } 
#footer { position:relative; max-width:1400px; color:#777; margin:0 auto; padding:50px 50px 100px 50px } 
#footer address { margin-bottom:20px; line-height:1.7 } 
#footer address br { display:none } 
#footer address span { display:inline-block; margin-left:12px; color:#333 } 
#footer p.copyright { color:#777 } 
/* ½Ã¿øÄÚ¸®¾Æ ·Î°í »çÀÌÁî Á¶Á¤ width:190 bottom:30  */
#b_logo { clear:both; width:250px; margin-bottom:10px } 
#b_logo img { width:100% } 
#footer .right_con { position:absolute; top:50px; right:50px; text-align:right } 
#footer .right_con .upper { overflow:hidden } 
#footer .right_con .upper .banner { display:inline-block; margin-right:20px } 
#footer .right_con .upper .banner img { display:block; width:100% } 
#footer .right_con .upper ul.sns { display:inline-block; overflow:hidden } 
#footer .right_con .upper ul.sns li { float:left; margin-left:5px } 
#footer .right_con .upper ul.sns li a { display:inline-block; width:38px; height:38px; border:1px solid #ccc; background:url(../../img/sns_bg.png) 0 0 no-repeat } 
#footer .right_con .upper ul.sns li a:hover { border-color:#bbb } 
#footer .right_con .upper ul.sns li.fb a { background-position:0 0 } 
#footer .right_con .upper ul.sns li.blog a { background-position:0 -40px } 
#footer .right_con .upper ul.sns li.pt a { background-position:0 -80px } 
#footer .right_con .upper ul.sns li.vimeo a { background-position:0 -120px } 
#footer .right_con .drop_list { position:relative; margin:10px 0 } 
#footer .right_con .drop_list:after { clear:both; display:block; content:''; visibility:hidden } 
#footer .right_con .drop_list > ul.dropdown { display:inline-block } 
#footer .right_con .drop_list > ul.dropdown:after { clear:both; display:block; content:''; visibility:hidden } 
#footer .right_con .drop_list > ul.dropdown > li { position:relative; float:left; margin-left:20px } 
#footer .right_con .drop_list > ul.dropdown > li:after { position:absolute; top:13px; right:10px; content:''; border-style:solid; border-width:4px; border-color:#ccc transparent transparent transparent } 
#footer .right_con .drop_list > ul.dropdown > li > a { display:block; width:138px; height:28px; text-align:left; padding-left:10px; color:#999; line-height:28px; border:1px solid #ccc } 
#footer .right_con .drop_list > ul.dropdown > li > ul { display:none; position:absolute; top:29px; left:0; width:100%; border:1px solid #ccc; background:#fff; box-sizing:border-box; z-index:100 } 
#footer .right_con .drop_list > ul.dropdown > li > ul > li { text-align:left } 
#footer .right_con .drop_list > ul.dropdown > li > ul > li > a { display:block; color:#666; padding:5px 10px } 
#footer .right_con ul.privacy { padding:15px 0 } 
#footer .right_con ul.privacy li { display:inline-block; font-size:12px } 
#footer .right_con ul.privacy li.divider { padding:0 15px; color:#ccc } 
#footer .right_con ul.privacy li a { font-size:12px; color:#777 } 
/* Media Queries */
@media screen and (max-width:1500px){
 #container .section_con .photo_slide .slide_wrap .tit_box { position:static; top:inherit; right:inherit; width:auto; height:auto; color:#187cc1; padding:80px 0 20px 0; background:none } 
 #container .section_con .photo_slide .slide_wrap .tit_box h2, #container .section_con .photo_slide .slide_wrap .tit_box h3 { display:inline-block; font-size:40px } 
 #container .section_con .photo_slide .slide_wrap .tit_box h2 { padding-right:10px } 
 #container .section_con .photo_slide .slide_wrap .tit_box br { display:none } 
 #container .section_con .photo_slide .slide_wrap .photo_list { display:none } 
 #container .section_con .photo_slide .paging { display:none } 
 #container .section_con .photo_slide .photo_swipe { display:block } 
 #container .section_con .photo_slide .paging_m { display:block } 
 }
@media screen and (min-width:1280px){
 #header { max-width:1400px } 
 }
@media screen and (min-width:1025px){
 #header .header_sitemap .inner > ul > li > ul.depth1 { display:block !important; width:400px !important } 
 #header .header_sitemap .inner > ul > li > ul.depth1 > li > ul { display:block !important } 
 }
  /* ¼­ºê ºñÁÖ¾ó ÅؽºÆ® ÁÂ¿ì ³ÐÀÌ Á¶Á¤ ÅÂºí¸´*/
@media screen and (max-width:1280px){
 #sub_visual .visual_tit ul li .txt { font-size:30px !important } 
 #sub_visual .visual_tit { top:50px; margin-left:-185px } 
 #footer address br { display:block } 
 #footer address span { margin-left:0; margin-right:12px } 
 }
@media screen and (max-width:1024px){
 #header_wrap { height:105px !important; margin-bottom:0; background:#fff !important } 
 #header_wrap .header_tit_bar { display:block !important } 
 #header .header_utils { top:40px; right:120px } 
 #header .header_utils ul { display:none } 
 #header .header_utils .search_box { width:32px; border-bottom:none; background:url(../../img/smart_search_sm.png) 0 0 no-repeat !important } 
 #header .header_call_mnu { right:50px } 
 #logo { margin-top:40px } 
 #lnb { display:none } 
 #nav_scroll { display:none } 
 body.main #nav_scroll { display:block } 
 #header .header_sitemap { position:absolute; top:105px; background:none } 
 #header .header_sitemap .inner { padding-top:0 !important } 
 #header .header_sitemap .inner > ul { display:block; width:100% !important; padding-top:0 !important } 
 #header .header_sitemap .btn_close { display:none } 
 #header .header_sitemap .inner > ul > li { float:left; width:20%; padding:0; overflow:visible } 
 #header .header_sitemap .inner > ul > li > h2 { float:none; width:100% } 
 #header .header_sitemap .inner > ul > li > h2 > a { display:block; width:100%; padding:35px 0; text-align:center; font-size:14px; font-weight:600; color:#fff; background:#999; white-space:nowrap } 
 #header .header_sitemap .inner > ul > li > h2 > a.on { background:#187cc1 !important } 
 #header .header_sitemap .inner > ul > li > ul { display:none; position:absolute; left:0; float:none } 
 #header .header_sitemap .inner > ul > li > ul > li { display:block !important; width:100% !important; padding:0 !important; border-left:none !important; overflow:hidden } 
 #header .header_sitemap .inner > ul > li > ul > li > h3 { margin:0 !important } 
 #header .header_sitemap .inner > ul > li > ul > li > h3 > a { display:block; padding:30px; color:#555 !important; border-bottom:1px solid #dedede; background:#fff } 
 #header .header_sitemap .inner > ul > li > ul > li > h3 > a > span.more { display:block; float:right; width:35px; height:35px; margin-top:-10px; background:url(../../img/sitemap_plus.png) 0 0 no-repeat; background-size:100% !important } 
 #header .header_sitemap .inner > ul > li > ul > li > h3 > a > span.more.active { background:url(../../img/sitemap_minus.png) 0 0 no-repeat !important; background-size:100% !important } 
 #header .header_sitemap .inner > ul > li > ul > li > ul { display:none; float:none; width:100%; border-bottom:1px solid #dedede } 
 #header .header_sitemap .inner > ul > li > ul > li > ul > li { padding:0 !important } 
 #header .header_sitemap .inner > ul > li > ul > li > ul > li > a { display:block; font-size:13px; color:#666 !important; padding:15px 30px; background:#f4f4f4 } 
 #main_visual .main_video_new .visual1, #main_visual .main_video_new .visual3 { display:none } 
 #main_visual .main_video_new .visual2 { display:block !important } 
 #main_visual .typo { width:84%; margin-left:-42% } 
 #main_visual .typo p br { display:none } 
 #container .section { padding-bottom: 80px; } 
 #container .section .section_con img.img_mob { display:none } 
 #container .section1 .section_con ul li { width:48%; margin-bottom:4% } 
 #container .section1 .section_con ul li.full { width:100% } 
 #container .section2 .section_con ul li { width:48% } 
 #container .section2 .section_con ul li.last { display:none } 
 #container .section3 .section_con .left h2 p { font-size:36px } 
 #container .section3 .section_con .left h2 p.tit2 { margin-left:-10px } 
 #container .section3 .section_con .right .video img.play_icon { width:60px; height:60px; top:35%; left:40% } 
 #container .section4 .section_con img.visual1, #container .section4 .section_con img.visual3 { display:none } 
 #container .section4 .section_con img.visual2 { display:block } 
 #container .section4 .section_con > div > h2 { font-size:42px } 
 #container .section4 .section_con > div > p { line-height:1.8; margin-bottom:20px } 

 #container .section5 ul:after { clear:both; display:block; content:''; visibility:hidden } 
 #container .section5 ul li { position:relative; display:block; width:100%; margin-bottom:50px; padding:0; border:1px solid #dedede; background:#f7f7f7; box-sizing:border-box } 
 #container .section5 ul li.last { margin-bottom:0 } 
 #container .section5 ul li div { text-align:left; width:300px; margin:0; padding:40px } 
 #container .section5 ul li div p.icon { position:absolute; top:40px; right:40px; margin:0 } 

 #container .aside { padding-bottom:100px } 
 #container .aside .section_con { padding:0 50px; border:none } 
 #container .aside .section_con > ul { border-top:5px solid #eee } 
 #container .aside .section_con > ul:after { clear:both; display:block; content:''; visibility:hidden } 
 #container .aside .section_con > ul > li { display:block; width:100% } 
 #container .aside .section_con > ul > li > h3 { margin:0; padding:0; border-bottom:1px solid #dedede } 
 #container .aside .section_con > ul > li > h3 > a { display:block; width:100%; height:100%; padding:40px 0; background:url(../../img/sitemap_plus.png) right 50% no-repeat } 
 #container .aside .section_con > ul > li > h3 > a.on { background:url(../../img/sitemap_minus.png) right 50% no-repeat } 
 #container .aside .section_con > ul > li > ul.sub1 { display:none; clear:both; overflow:hidden } 
 #container .aside .section_con > ul > li > ul.sub1 > li { float:none; width:100% } 
 #container .aside .section_con > ul > li > ul.sub1 > li > h4 { margin-bottom:0 } 
 #container .aside .section_con > ul > li > ul.sub1 > li > h4 > a { display:block; padding:25px 0 25px 50px; font-size:15px; font-weight:400; background:url(../../img/sitemap_plus.png) left 50% no-repeat; background-size:20px } 
 #container .aside .section_con > ul > li > ul.sub1 > li > h4 > a.on { background:url(../../img/sitemap_minus.png) left 50% no-repeat; background-size:20px } 
 #container .aside .section_con > ul > li > ul.sub1 > li > h4 > a:hover { text-decoration:none } 
 #container .aside .section_con > ul > li > ul > li > ul { display:none } 
 #container .aside .section_con > ul > li > ul > li > ul > li { margin-bottom:0 !important } 
 #container .aside .section_con > ul > li > ul > li > ul > li > a { display:block; padding:10px 0 10px 50px } 
 #container .aside .section_con > ul > li > ul > li > ul > li > a:hover { text-decoration:underline } 
 #container .aside .section_con > ul > li > ul.sub2 { display:none; float:none; width:100%; overflow:hidden } 
 #container .aside .section_con > ul > li > ul.sub2 > li { float:none; width:100%; margin:0 } 
 #container .aside .section_con > ul > li > ul.sub2 > li > h4 { margin-bottom:0 } 
 #container .aside .section_con > ul > li > ul.sub2 > li > h4 > a { display:block; padding:25px 0 25px 50px; font-size:15px; font-weight:400; background:url(../../img/sitemap_plus.png) left 50% no-repeat; background-size:20px } 
 #container .aside .section_con > ul > li > ul.sub2 > li > h4 > a:hover { text-decoration:none } 
 #container .aside .section_con > ul > li > ul.sub2 > li > ul > li { margin-bottom:0 } 
 #container .aside .section_con > ul > li > ul.sub2 > li > ul > li > a { display:block; padding:10px 0 10px 50px } 
 #container .aside .section_con > ul > li > ul.sub2 > li > ul > li > a:hover { text-decoration:underline } 
 #container .aside .section_con > ul > li > ul.full { clear:both; float:none; width:100% } 
 #sub_visual { margin:0 } 
 #sub_visual .visual1, #sub_visual .visual3 { display:none } 
 #sub_visual .visual2 { display:block } 
 #container .no-padding .section_con { padding-left:0; padding-right:0 } 
 /* #container .sub_section1 { padding-bottom:0 } */
 #container .sub_section2 { margin-bottom:70px; padding-bottom:70px; border-bottom:1px solid #eee } 
 #container .sub_section2 > .section_con > ul > li { float:none; width:100% !important } 
 #container .sub_section2 > .section_con > ul > li.list1 { margin-bottom:50px } 
 #container .sub_section2 > .section_con > ul > li .text_effect { float:none; width:100% } 
 #container .sub_section2 > .section_con > ul > li .text_effect > li > .txt p { margin-bottom:0 } 
 #container .sub_section2 > .section_con > ul.tpl_list { padding-top:30px } 
 #container .sub_section2 > .section_con > ul.tpl_list li { width:48% !important; margin-bottom:50px } 
 #container .sub_section2 .txt_box { float:none; width:100%; margin-top:75px } 
 #container .sub_section2 .txt_box p.desc { margin-bottom:20px } 
 #container .sub_section3 .wrap_type1 { margin-top:0; border:none } 
 #container .sub_section3 .wrap_type1 .left { float:none; width:100% } 
 #container .sub_section3 .wrap_type1 .center { float:none; width:100%; margin-bottom:50px } 
 #container .sub_section3 .wrap_type1 .center p.desc { padding-left:0 !important } 
 #container .sub_section3 .wrap_type1 .center ul.text_effect { padding-left:0 } 
 #container .sub_section3 .wrap_type1 .right { float:none; width:100%; border:none } 
 #container .sub_section3 ul.text_effect li .txt { font-size:30px } 
 #container .sub_section3 ul.text_effect li .txt p { margin-bottom:0 } 
 #container .sub_section3 .wrap_type1 .right h3 p { width:inherit !important; margin-left:0 !important } 
 #container .sub_section3 .wrap_type1 .right h3 p.tit2 { display:none } 
 #container .sub_section3 .wrap_type1 .right h3 p span.blind { display:inline-block !important } 
 #container .sub_section3 .wrap_type1 .right h3 { margin-bottom:25px; padding:0 !important } 
 #container .sub_section3 .wrap_type1 .right h3 p span { display:inline; float:none; width:inherit; padding-bottom:0 !important } 
 #container .sub_section4 { padding-top:80px } 
 #container .no-padding .section_con .left_header { float:none; width:inherit; max-width:inherit; padding:0 50px } 
 #container .section_con .left_header { float:none; width:100%; max-width:inherit; margin-bottom:50px } 
 #container .section_con .left_header p.icon { padding-top:0 } 
 #container .section_con .left_header p.desc { font-size:24px; color:#555 } 
 #container .section_con .left_header p.desc br { display:none } 
 #container .section_con .left_header h2 { font-size: 56px; line-height: 1.2; color: #333; } 
 #container .section_con .left_header p.icon:after { display:none } 
 #container .section_con .right_con { float:none; width:100%; max-width:1024px } 
 #container .section_con .photo_slide { padding:0 50px } 
 #container .section_con .map_list li { width:100% !important; margin-bottom:50px; padding:0 50px; border-bottom:1px solid #eee; box-sizing:border-box } 
 #container .section_con .map_list li .map_list_wrap { padding-bottom:50px; border-bottom:none } 
 #container .section_con .map_list li .map_list_wrap h3 { font-size:34px } 
 #container .section_con .map_list li .map_list_wrap p { font-size:24px } 
 #container .section_con .map_list li .map_list_wrap a.pointer { bottom:40px; right:50px } 
 #container .section_con .map_list li.map { margin-top:0; padding:0 !important } 
 #container .section_con .map_list li.map .map_area { height:200px } 
 #img_popup_wrap { display:none } 
 }
@media screen and (max-width:800px){
 #container .sub_section1 h2.main_tit { font-size: 40px; } 
 #container .section_con .left_header h2 { font-size: 40px; } 
 #container .section_con .left_header p.desc { font-size: 16px; } 
 #footer { padding:50px 30px } 
 #footer .right_con { width:100% } 
 #footer .right_con { position:absolute; right:0; width:100%; padding:0 30px; box-sizing:border-box } 
 #footer .right_con .drop_list > ul.dropdown { display:block; margin-top:30px } 
 #footer .right_con .drop_list > ul.dropdown > li { width:49%; margin-left:2% } 
 #footer .right_con .drop_list > ul.dropdown > li:first-child { margin-left:0 } 
 #footer .right_con .drop_list > ul.dropdown > li > a { width:98%; padding-left:2% } 
 #footer .right_con .drop_list > ul.dropdown > li > ul { box-sizing:content-box } 
 #footer .right_con ul.privacy { text-align:center } 
 #footer address { margin:100px 0 20px 0 } 
 }
@media (max-width:640px) and (min-width:100px){
 #header_wrap { height:50px !important } 
 #logo { width:80px !important; margin:15px 0 0 30px !important } 
 #header { padding:0 } 
 #header .header_utils { top:20px !important; right:60px !important } 
 #header .header_utils .search_box { width:16px; background-size:100% !important } 
 #header .header_call_mnu { top:20px; right:30px; width:18px } 
 #header .header_call_mnu ul li { height:3px; margin-bottom:3px } 
 body.main #header .header_sitemap { top:50px !important } 
 #header .header_sitemap { top:51px } 
 #header .header_sitemap .inner { padding-top:0 !important } 
 #header .header_sitemap .inner > ul > li > h2 > a { padding:15px 0 !important; font-size:12px !important } 
 #header .header_sitemap .inner > ul > li > ul.depth1 > li > h3 > a { font-size:12px !important; padding:15px 30px !important } 
 #header .header_sitemap .inner > ul > li > ul.depth1 > li > h3 > a > span.more { width:18px !important; height:18px !important; margin-top:0 !important } 
 #header_wrap .header_tit_bar { height:45px } 
 #header_wrap .header_tit_bar > ul.bar > li.prev, #header_wrap .header_tit_bar > ul.bar > li.more { width:40px } 
 #header_wrap .header_tit_bar > ul.bar > li.tit a { font-size:14px; line-height:45px } 
 #header_wrap .header_tit_bar > ul.menu_list { top:45px !important } 
 #header_wrap .header_tit_bar > ul.menu_list > li > a { font-size:18px; padding:5px 0 } 
 #nav_scroll { display:none !important } 
 #scrollTo { width:40px } 
 #main_visual .main_video_new .visual1, #main_visual .main_video_new .visual2 { display:none !important } 
 #main_visual .main_video_new .visual3 { display:block !important } 
 #main_visual .typo { top:30% } 
 #main_visual .typo span { font-size:24px; margin-bottom:20px } 
 #main_visual .typo p { font-size:13px } 
 #container .section .section_con { padding:0 30px !important } 
 #container .no-padding .section_con { width:inherit !important; padding-left:0 !important; padding-right:0 !important } 
 #container .section .section_con img.img_mob { display:block } 
 #container .section .section_con img.img_pc { display:none } 
 #container .section1 .section_con ul li .desc_box { height:45px } 
 #container .section1 .section_con ul li .desc_box p { font-size:12px; padding:15px } 
 #container .section1 .section_con ul li .caption { bottom:20px; right:20px } 
 #container .section1 .section_con ul li .caption h2 { font-size:14px } 
 #container .section1 .section_con ul li .caption p { font-size:10px } 
 #container .section1, #container .section2, #container .section3 { margin-bottom:35px; padding-bottom:35px } 
 #container .section2 .section_con ul li { width:100% !important; margin-bottom:25px; padding-bottom:30px; border-bottom:1px solid #dedede } 
 #container .section2 .section_con ul li.last { display:block !important; border-bottom:none } 
 #container .section3 .section_con .left { float:none; width:100%; margin-bottom:50px } 
 #container .section3 .section_con .left h2 { margin-bottom:30px; width:100% } 
 #container .section3 .section_con .left p { margin-bottom:15px } 
 #container .section3 .section_con .left p br { display:none } 
 #container .section3 .section_con .left p.tit1 { width:118% } 
 #container .section3 .section_con .left p.tit2 { width:103% } 
 #container .section3 .section_con .left p.tit3 { width:141% } 
 #container .section3 .section_con .right { float:none; width:100% } 
 #container .section3 .section_con .right .video { width:100% } 
 #container .section3 .section_con .right .video img.play_icon { top:40%; left:45% } 
 #container .section4 .section_con img.visual1, #container .section4 .section_con img.visual2 { display:none } 
 #container .section4 .section_con img.visual3 { display:block } 
 #container .section4 .section_con > div { top:25%; right:10%; width:70% } 
 #container .section4 .section_con > div > h2 { font-size:18px; margin-bottom:15px } 
 #container .section4 .section_con > div > p { margin-bottom:15px } 
 #container .section4 .section_con > div > p, #container .section4 .section_con > div > a { font-size:12px } 
 #container .section5 ul li div { text-align:center; width:auto; padding:25px } 
 #container .section5 ul li div p.icon { position:inherit; margin-bottom:20px } 
 #container .aside { padding-bottom:0 } 
 #container .aside .section_con > ul > li > h3 > a.on { background-size:20px } 
 #container .aside .section_con > ul > li > h3 > a { display:block; width:100%; height:100%; padding:20px 0; font-size:16px; background:url(../../img/sitemap_plus.png) right 50% no-repeat; background-size:20px } 
 #container .aside .section_con > ul > li > ul > li > h4 > a { display:block; padding:10px 0 10px 25px !important; font-size:15px !important; font-weight:400; background:url(../../img/sitemap_plus.png) left 50% no-repeat !important; background-size:10px !important } 
 #container .aside .section_con > ul > li > ul > li > ul > li > a { display:block; padding-left:25px !important } 
 #container .sub_section1 h2.main_tit { padding:0; font-size:24px } 
 #sub_visual { margin:0 0 50px 0 } 
 #sub_visual .visual1, #sub_visual .visual2 { display:none } 
 #sub_visual .visual3 { display:block } 
  /* ¼­ºê ºñÁÖ¾ó ÅؽºÆ® ÁÂ¿ì ³ÐÀÌ Á¶Á¤ ¸ð¹ÙÀÏ */
 #sub_visual .visual_tit { top:150px; margin-left:-185px } 
 #sub_visual .visual_tit ul li .txt { font-size:27px !important; line-height:1.4 !important } 
 #sub_visual .visual_tit ul li .txt p { margin-bottom:5px !important } 
 #container .sub_section1 h2.main_tit { margin-bottom:35px } 
 #container .sub_section2 { margin-bottom:35px !important; padding-bottom:35px !important } 
 #container .sub_section2 > .section_con > ul > li .text_effect > li > .txt { font-size:24px !important } 
 #container .sub_section2 .txt_box { margin-top:35px !important } 
 #container .sub_section2 .txt_box p.desc { margin-bottom:15px !important } 
 #container .section .section_con .con_box { padding:15px 25px } 
 #container .section .section_con .con_box > div { float:none !important; width:100% !important } 
 #container .section .section_con .con_box dl dt, #container .section .section_con .con_box dl dd { font-size:12px } 
 #container .sub_section2 > .section_con > h3 { font-size:24px !important; margin-bottom:25px } 
 #container .section_con ul.tpl_list { margin-bottom:0 } 
 #container .sub_section2 > .section_con > ul.tpl_list li { width:100% !important; height:initial } 
 #container .section_con ul.tpl_list li .allocation_inner p.img { position:static } 
 #container .section_con ul.tpl_list li .allocation_inner p.txt { margin-bottom:30px } 
 #container .sub_section2 > .section_con p.main_desc { margin-bottom:30px } 
 #container .sub_section2 .section_con .process_box { padding:30px 0 } 
 #container .section_con ul.prcs_list li { background:url(../../img/process_arrow.png) right center no-repeat; background-size:16px } 
 #container .section_con ul.prcs_list li p.txt { font-size:12px } 
 #container .sub_section3 .wrap_type1 .center { margin-right:25px; padding-top:25px } 
 #container .sub_section3 .wrap_type1 .right p.img { margin-bottom:25px } 
 #container .sub_section3 ul.text_effect li .txt { font-size:24px } 
 #container .sub_section3 .wrap_type1 .right h3 p span { font-size:24px; margin:0 !important } 
 #container .sub_section3 .wrap_type1 .right h3 p { font-size:inherit } 
 #container .sub_section4 { padding-top:40px } 
 #container .no-padding .section_con .left_header { padding:0 30px } 

 #container .section_con .left_header p.icon img { width:200px } 
 #container .section_con .left_header p.desc { font-size:12px; line-height:1.6 } 
 #container .section_con .right_con { margin-top:35px } 
 
 #container .section_con .photo_slide { padding:0 } 
 #container .section_con .photo_slide .slide_wrap .tit_box { padding:0 30px 15px 30px } 
 #container .section_con .photo_slide .slide_wrap .tit_box h2, #container .section_con .photo_slide .slide_wrap .tit_box h3 { font-size:20px !important } 
 #container .section_con .photo_slide .slide_wrap .tit_box h2 { padding-right:5px } 
 #container .section_con .photo_slide .paging_m { font-size:18px; text-align:center; margin:40px 0 60px 0 } 
 #container .section_con .photo_slide .paging_m a img { width:12px; vertical-align:-5px } 
 #container .section_con .map_list li { margin-bottom:30px; padding:0 30px } 
 #container .section_con .map_list li .map_list_wrap h3 { font-size:17px; margin-bottom:10px } 
 #container .section_con .map_list li .map_list_wrap p { font-size:15px } 
 #container .section_con .map_list li .map_list_wrap p.old { margin-bottom:10px } 
 #container .section_con .map_list li .map_list_wrap p.tel, #container .section_con .map_list li .map_list_wrap p.fax { font-size:13px } 
 #container .section_con .map_list li .map_list_wrap a.pointer { bottom:30px; right:30px } 
 #container .section_con .map_list li .map_list_wrap { padding-bottom:25px } 
 #footer_wrap { border-top:none } 
 #b_logo { width:110px } 
 #footer address { margin-top:130px } 
 #footer .right_con .upper .banner { width:75px } 
 #footer .right_con .upper ul.sns li a { width:32px; height:32px } 
 #footer .right_con .upper .banner { vertical-align:10px } 
 }
@media screen and (max-width:480px){
 #container .section4 .section_con > div { right:15% } 
 #container .section4 .section_con > div > a { display:none } 
 #footer address { margin-top:150px } 
 #footer .right_con { top:90px } 
 #footer .right_con .upper .banner { position:absolute; top:5px; left:30px; width:100px } 
 #footer .right_con .drop_list { margin:-20px 0 10px 0 } 
 #footer .right_con ul.privacy li.divider { padding:0 5px } 
 }

.nbp{font-family:nbp !important; transform:skewX(-0.1deg) !important;}
.storm{font-family:storm !important;}
.nbp_slim{font-family:nbp !important; font-weight:400 !important;}
.speed{font-family:nbp !important;}
.tbl_photo tbody td.board_desc img {width:auto !important;}