@charset "utf-8";



@import url('//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css');

@import url('https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css');

@import url('https://fonts.googleapis.com/css?family=Poppins&display=swap');

@import url('https://fonts.googleapis.com/icon?family=Material+Icons');





* {padding:0; margin:0; list-style: none; -webkit-box-sizing: border-box; box-sizing: border-box;}

html {color:#000000;}



.btn {background:#000000; color:#ffffff; padding:9px 20px; padding: .6rem 1.3rem;}



html, body, #wrap {background:#ffffff; max-width: 1920px; margin: 0 auto;}



html, body, p, img, div, input, textarea, select, button, ul, header, footer, mark, article, ul li, dl, dl dt, dl dd, form, legend, caption, h1, h3, h4, h5, fieldset, label, ol, ol li, xmp {font-family:'Spoqa Han Sans', 'Nanum Gothic','NanumGothic','나눔고딕','나눔 고딕','맑은고딕','맑은 고딕','MalgunGothic','Malgun Gothic','Apple Gothic','Apple SD Gothic Neo','돋움','Dotum','바탕','Batang','sans-serif';  font-size:17px;  line-height: 1.7em;}

h2, #gnb .main >li {font-family:'nanumSquare', 'Nanum Gothic','NanumGothic','나눔고딕','나눔 고딕','맑은고딕','맑은 고딕','MalgunGothic','Malgun Gothic','Apple Gothic','Apple SD Gothic Neo','돋움','Dotum','바탕','Batang','sans-serif'; font-weight: 800;}



select, input[type='text'], input[type='password'], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {border:none; border-bottom:solid 1px #000000; line-height: 1em; margin: 0; padding: 12px 15px;}

select {min-width: 160px;}



html.ie a, html.ie .flex-direction-nav a,

html.Edge a, html.Edge .flex-direction-nav a,

html.ie button, html.ie input[type=button], html.ie input[type=checkbox], html.ie input[type=radio], html.ie input[type=submit],

html.Edge button, html.Edge input[type=button], html.Edge input[type=checkbox], html.Edge input[type=radio], html.Edge input[type=submit],

html.ie .dropdown, #gnbRight .dropbtn, html.ie .sitemap-wrap .dropbtn, html.ie [role="tab"],

html.Edge .dropdown, #gnbRight .dropbtn, html.Edge .sitemap-wrap .dropbtn, html.Edge [role="tab"]

{cursor: pointer;}



a, .flex-direction-nav a {cursor:url('/static/ai/images/cursor2.png'),auto;}



button, input[type=button], input[type=checkbox], input[type=radio], input[type=submit] {cursor:url('/static/ai/images/cursor2.png'),auto;}



.show {display: block;}

.show-i {display: block !important;}



::-moz-selection {

    background:#398e95;

    color: #fff;

 }

 ::selection {

    background:#398e95;

    color: #fff;

 }



.dropbtn {min-width: 180px; background: transparent; color:#ffffff; text-align: left; font-family: 'Poppins'; font-size: 14px; padding: 10px 16px; border-radius: 30px; border:solid 1px #dddddd;}

.dropdown {

    font-size: 16px;

    cursor:url('/static/ai/images/cursor2.png'),auto;

    position: relative;

    display: inline-block;

    font-family: 'Poppins';

}

.dropdown .dropbtn:after {content:url('/static/ai/images/arw_btn_top.png'); position: absolute; top: 8px; right: 17px;}

.dropdown-content {

    position: absolute;

    top: 40px;

    background-color: rgba(0, 0, 0, .8);

    color:#ffffff;

    min-width: 100px;

    line-height: 1.5em;

    -webkit-box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);

            box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);

    z-index: 1;

    text-align: left;

    max-height: 200px;

    overflow-y: auto;

    overflow-x: hidden;

}

.dropdown-content li {display: block !important;}

.dropdown-content a {

    color: #cccccc !important;

    padding: 5px 16px;

    text-decoration: none;

    display: block;

    white-space: nowrap;

    font-size: 14px;

}

.dropdown a:hover, .dropdown a:focus {background-color: rgba(0, 0, 0, 1); color: #ffffff !important;}



html[lang=en] .dropdown-content a {font-size: 12px; white-space: normal; line-height: 1.5em;}



#main {min-height: 500px;}

#wrap {max-width: 1920px; margin: 0 auto; overflow-x: hidden;}

#contents {margin:80px auto 120px;}

.container {width:1400px; margin: auto;}



.mt20 {margin-top: 20px;}

.mt30 {margin-top: 30px;}

.mt70 { margin-top: 150px !important;}

.mb10 {margin-bottom: 10px; display: inline-block;}

.mb60 {margin-bottom: 60px; display: inline-block;}

.mb70 {margin-bottom: 70px; display: inline-block;}

.mb90 {margin-bottom: 90px; display: inline-block;}

.mr30 {margin-right: 30px;}



.visible-mobile {display: none;}

.mo-ib {display: block;}



.point {color:#398e95;}

.num {width: 26px; height: 26px; display: inline-block; text-align: center; vertical-align: middle; border:solid 2px #ffffff; font-size: 14px; line-height: 1.5em; font-weight: 600; border-radius: 50%;  margin-right: 8px}

.num-primary {color: #ffffff; background:#398e95;}

.num-yellow {color: #000000; background:#f6a700;}

.num-blue {color: #ffffff; background:#6281c1;}

.num-gray {color: #ffffff; background: #333333;}

.num-navy {color: #ffffff; background: #002a56;}

.num-green {color: #ffffff; background: #20cf66;}

.num-pink {color: #ffffff; background: #e84b96;}

.num-bluesky {color: #ffffff; background: #008aff;}



.text-middle {width: 100%; position: absolute; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}

.small-txt {position: absolute; bottom: 20px; z-index: 9999; right: 20px; color: #ffffff; text-align: right;}





/*******************************

header

*******************************/

#header {-webkit-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s; display: table; width: 100%; height: 80px; vertical-align: middle; z-index:99; position: relative; min-width: 320px;}

.index #header {background: rgba(0, 0, 0, .6);}

.index #header.active {background: rgba(255, 255, 255, 1);}

#header > * {vertical-align: middle; display: table-cell;}

#gnbLeft, #gnb {height: 80px; line-height: 80px;}

#gnbLeft, #gnbRight {min-width: 260px;}

#gnbLeft {padding-left: 80px;}

#gnbRight {padding-right: 80px; text-align: right;}

#gnbRight >* {vertical-align: middle;}

#_gnbLeft {display: block;}



#logo {width: 208px; vertical-align: middle; margin-top: -3px; pointer-events: none;}



#btnLang {font-size: 16px; min-width: auto; white-space: nowrap; padding: 4px 16px 3px;  font-size: 14px; padding-right: 40px; color:#000000;}

#btnLang:after {/* transform: rotate(180deg); */ content: '∨'; top: 4px; font-stretch: ultra-expanded;}

select#btnLang {padding: 4px 10px;}

#btnAnb {padding: 5px; margin-left: 20px; line-height: 1em; background: transparent;}

#btnAnb i {font-size: 2.5em !important; color:#000000; border-color:#000000;}

.gnb-bar:before {content:""; display: block; width: 34px; height: 1px; background:#000000; margin: 10px 0px;}

#listLang {z-index: 99; min-width: 80px; background-color: rgba(255, 255, 255, .8); top: 33px;}

#listLang, #listLang a {color:#000000 !important; border-color:#000000 !important;}

#listLang a:hover, #listLang a:focus {color:#ffffff !important; border-color:#ffffff !important;}

.index #btnLang, .index #btnLang:after, .index #btnAnb, .index #listLang {color:#ffffff; border-color:#ffffff;}

.index #header.active #btnLang, .index #header.active #btnAnb,

.index #header.active #btnLang:after

/* , .index #header.active #listLng, .index #header.active #listLng a */

 {color:#000000; border-color:#000000;}

.index .gnb-bar:before {background:#ffffff;}

.index #header.active .gnb-bar:before {background:#000000;}



#header:after, #gnb .main:after, main, #subQuick, .board-top:after {display: block; clear: both; content: "";}





/*******************************

gnb

*******************************/

#gnb {width: calc(100% - 520px); width: calc(100% - 560px);}

.gnb-bg {position: absolute; top: 80px; left: 0px; background:#f2f2f2; border:solid 1px #dddddd; border-left: 0; border-right: 0; width: 100%; display: none; z-index:97;}

#gnb .main {width: 1000px; margin: 0 auto; position: relative; z-index:98;}

.gnb-bg, #gnb .sub {height: 285px;}

#gnb .main >li {float: left; width: 16.5%; line-height: 80px; text-align: left; text-indent: 15px; font-weight: 600; font-size: 17px}

#gnb .main >li:first-child {margin-left: 40px;}

#gnb .main >li:last-child {margin-right: -40px;}

#gnb .main >li:last-child .sub {border-right:solid 1px #dddddd;}

#gnb .main >li:hover .sub, #gnb .main >li.active .sub {border-top:solid 2px #398e95; background:#ffffff;}

#gnb .main li a {display: block;}

#gnb .main li a:hover, #gnb .main >li.active >a, #gnb .sub a:hover, #gnb .sub a:focus, #gnb a.on {color:#398e95 !important;}

#gnb .main li .menu { position: relative;}

#gnb .main .sub {position: absolute; top: 0px; left: 0px; width: 100%; display: none;  border-top:solid 1px #dddddd; border-left:solid 1px #dddddd; padding-top: 2px; text-indent: 0; font-weight: normal;}

#gnb .main .sub li {line-height: 1em; margin: 1.3em 15px;}

#gnb .main .sub li a {font-size: 15px !important;}

#header.active #gnb .sub, #header.active #gnb .gnb-bg {display: block;}

.index #gnb .main >li >a {color: rgba(255, 255, 255, .8);  height: 80px;}

.index #header.active #gnb .main >li >a {color:#000000;}







/*******************************

sitemap

*******************************/



#sitemap_wrapper {padding: 0;}



#sitemap {width: 100%; min-height: 100%; background-color: #222222; color: #8b8b8b; font-size: 1em; padding: 0;}

.depth2 {padding: 0px;}

#sitemap h4 {font-size: 1.7em;font-family:'nanumSquare'; font-weight: 800; color:#ffffff; margin-bottom: 20px; }



#sitemap a {color: #8b8b8b; text-decoration: none; line-height: 2em; display: block;}

#sitemap a:hover, #sitemap a:focus, #sitemap a.on {text-decoration: underline; color:#ffffff; font-weight: bold;}

#sitemap .flex {display: -ms-flexbox;display: -webkit-box;display: -webkit-flex;display: flex; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -ms-flex-pack: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -ms-flex-align: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; height: 100%;}

#sitemap .flex > * { -ms-flex: auto; -webkit-box-flex: 1; -webkit-flex: auto; flex: auto;display: inline-block; vertical-align: middle;}

#sitemap nav {padding-left: 4em; width: 100%; margin: auto;}

#sitemap nav >div {display: inline-block; vertical-align: top; width: 32%;}

#sitemap h4 .sitemap-num {display: block; font-size: 18px; color:#f6a700; font-family:'Spoqa Han Sans';}

#sitemap h4 .sm-1dpeth {font-family:'nanumSquare';}

#sitemap .sitemap_close {position: absolute; top: 3em; right: 3em; background: transparent;}

#sitemap .sitemap_close span {color:#ffffff !important; font-size: 2.5em !important;}



.sitemap-wrap { height: 100vh; min-height: 100%;}

#sitemap .sitemap-wrap .dropdown-content {margin: 10px 0px;}

.bg-sitemap {width: 30%; height: 100%; position: fixed; background: url('/static/ai/images/bg_sitemap.jpg') center bottom no-repeat;}

.bg-sitemap .text-cont  {padding: 30px;}

#sitemap .bg-sitemap .text-cont .big {width: 100%; display: inline-block; font-size: 2.5em; line-height: 1.3em; color: #ffffff; margin-bottom: 15px;}

#sitemap .bg-sitemap .text-cont .small {font-size: .8em; font-family:'poppins'; color: #ffffff;}

.sitemap-right {width: 65%; min-height: 100%; float: right; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; padding: 40px 0px;}

.sitemap-right nav {display: inline-block; vertical-align: middle;}



#sitemap nav >div ul {width: 80%;}

.sitemap-wrap .dropbtn { min-width: auto; background: transparent; color:#ffffff; text-align: left; font-family:'Spoqa Han Sans'; font-size: 17px; padding: 0; border: 0;}

.sitemap-wrap .dropdown { width: 100%; font-size: 17px; cursor:url('/static/ai/images/cursor2.png'),auto; position: relative; display: inline-block; border-radius: 0; border: none; font-family:'Spoqa Han Sans'; } 

.sitemap-wrap .dropdown-content {display: none; position: static; top: 0; background-color: rgba(0, 0, 0, .3); color:#ffffff; min-width: auto; line-height: 1.5em; overflow: auto; -webkit-box-shadow: none; box-shadow: none; z-index: 1; text-align: left; max-height: auto; margin: 10px 0px; padding: 10px 0px }

.sitemap-wrap .dropdown-content a {font-size: 16px;}

.sitemap-wrap .dropdown a:hover, .sitemap-wrap .dropdown a:focus { background-color: transparent; }

.sitemap-wrap .dropdown .dropbtn:after { content: none; }

#sitemap .sm-1depth a:hover, #sitemap .sm-1depth a:focus, #sitemap .sm-1depth.on a  { text-decoration: none !important; color: #8b8b8b !important; font-weight: 800;}

#sitemap .btn-accordian {background: transparent; font-size: inherit; text-align: inherit; font-weight: inherit; font-family: inherit; color: inherit;}









/**********************************

sub header

**********************************/

.sub-bg {width: 100%; height: 340px; display: inline-block; position: relative;}

#main .story {background: url('/static/ai/images/story/bg_header.jpg') center center no-repeat; -webkit-background-size: cover; background-size: cover;}

#main .business {background: url('/static/ai/images/business/bg_header.jpg') center center no-repeat; -webkit-background-size: cover; background-size: cover;}

#main .detail {background: url('/static/ai/images/detail/bg_header.jpg') center center no-repeat; -webkit-background-size: cover; background-size: cover;}

#main .visible {background: url('/static/ai/images/visible/bg_header.jpg') center center no-repeat; -webkit-background-size: cover; background-size: cover;}

#main .promotion {background: url('/static/ai/images/promotion/bg_header.jpg') center center no-repeat; -webkit-background-size: cover; background-size: cover;}

#main .etc {background: url('/static/ai/images/etc/bg_header.jpg') center center no-repeat; -webkit-background-size: cover; background-size: cover;}



.page-title  {position: absolute; left: 50%; top: 45%; font-size: 2.5em; line-height: 1em; color:#ffffff; text-align: center; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); text-shadow: 1px 1px 1px rgba(0, 0, 0, .6);}





/**********************************

sub

**********************************/

.h-title {text-align: center; margin: 0 0 80px;}

.h-title .title {font-size: 2.5em; font-family:'nanumSquare'; font-weight: 800; line-height: 1em;}

.h-title .title:after {content:''; display: block; width: 42px; border-top:solid 1px #398e95; margin: 34px auto;}

.h-title .txt {font-size: 22px; font-family:'Spoqa Han Sans'; font-weight: 300; color:#666666; ;}



/**********************************

drop down

**********************************/

#location {width:100%; background: rgba(0, 0, 0, .8); position: absolute; bottom: 0; }

.drop-wrap {height: 55px; margin: 0px auto; font-size: 0;}

.drop-wrap li {min-width: 220px; display: inline-block; border:solid 1px rgba(255, 255, 255, .3); border-top: none; border-bottom: none; vertical-align: top; margin-top:-1px; margin-left: -1px; font-size:17px;}

.drop-wrap >li >a {background: url('/static/ai/images/arw_right.svg') no-repeat; background-position: 92% center; background-position-x: calc(100% - 15px);}

.drop-wrap li:first-child a {background: none;}

.drop-wrap li.ico-home {min-width: 55px !important; vertical-align: top; text-align: center; fill:#ffffff}

.drop-wrap li.ico-home a {padding: 14px 15px 9px;}

.drop-wrap li a {padding: 14px 20px; display: block;  color:rgba(255, 255, 255, .6);}

.drop-wrap >li >a {padding: 14px 40px 14px 20px;}

.drop-wrap >li:last-child > a {color:#ffffff;}

.drop-cont {background: rgba(0, 0, 0, .9); display: none; position: relative; z-index: 999999;}

.drop-cont.active, .drop-wrap >li:hover .drop-cont, .drop-wrap li.active .drop-cont {display: block;}

.drop-cont a {width: 100%; display: inline-block; font-size: 16px; border-bottom: solid 1px rgba(255, 255, 255, .2); color:rgba(255, 255, 255, .6); line-height: 1em !important; }

.drop-cont a:hover, .drop-cont a:focus {color:#ffffff}





/**********************************

tab menu

**********************************/

/* .tab-interface {} */

.tab-list {

    padding-left: 0;

    margin: 0;

    border-bottom:solid 1px #dddddd;

    text-align: center;

    font-size: 0;

}

.tab-list:after {

    display: block;

    clear: both;

    content: "";

}

.tab-list li {

    display: inline-block;

    list-style: none;

}

.tab-list li {

    font-size: 23px;

    padding: 15px;

    color:#666666;

    margin:0 30px -1px;

}

.tab-list li:hover, [aria-selected="true"], .tab-list li.on {

    border-bottom:solid 2px #398e95;

    color:#000000 !important;

    margin-bottom: -1px;

}

[role="tab"] {cursor:url('/static/ai/images/cursor2.png'),auto;}

.tab-contents {

    margin-top: 60px;

    z-index: 5;

}



.tab-list2 {

    padding-left: 0;

    margin: 0;

    text-align: center;

    font-size: 0;

}

.tab-list2:after {

    display: block;

    clear: both;

    content: "";

}

.tab-list2 li {

    display: inline-block;

    list-style: none;

}



.tab-list2 li {

    font-size: 26px;

    padding: 0px 15px 15px;

    color:#666666;

    margin:0 20px -1px;

    position: relative;

}

.tab-list2 li:after {content:''; display: inline-block; width: 1px; height: 23px; border-right:solid 1px #cccccc; position: absolute; right: -20px; top: 12px; }

.tab-list2 li:last-child:after {border-right: none;}



.tab-list2 li a:hover, [aria-selected="true"], .tab-list2 li a.on {

    border-bottom:solid 2px #398e95;

    color:#000000 !important;

    margin-bottom: -1px;

}





/*flexslider*/

.flexslider .item-tit {margin: 0 0 40px 0; padding: 30px; border-top:solid 1px #000000;border-bottom:solid 1px #dddddd;  font-size: 24px;}

.flexslider .flex-direction-nav .flex-prev {

    left: 10px;

}

.flexslider .flex-direction-nav .flex-next {

    right: 10px;

}

.flexslider .flex-direction-nav a {

    opacity: 0.7;

    /* opacity: 1; */

    top: 50%;

}



#photoGallery .flexslider .flex-direction-nav a {top: 60% !important;}



.flex-direction-nav a:before {padding: 10px;}

#photoGallery .flexslider .flex-direction-nav .flex-next {margin-right: 40%;}

.flex-control-nav {bottom: auto; top: 103%;}

.flex-control-paging li a {-webkit-box-shadow: none;box-shadow: none;}

.flex-control-paging li a.flex-active {background:#f6a700;}

.flexslider .slides {overflow: hidden;}

.flexslider .slides > li {position: relative;}

.flexslider .slides > li:first-child {display: block;}

.flexslider .slides > li {visibility: hidden;}

.flexslider .caption {position: absolute; bottom: 0; width: 100%; font-size: 0; display: table;}

.flexslider .caption span {display: table-cell; font-size:17px; line-height: 1.5em; background: rgba(0, 0, 0, .6); color:#ffffff; padding: 15px;}

.flexslider .caption .text-center {background: rgba(0, 0, 0, .8); width: 10%;}



.scrollbar-dynamic > .scroll-element .scroll-bar {background-color:#f6a700;}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: rgba(246, 167, 0, .75);}



.paging {text-align:center; margin-top: 30px;}

.paging a {font-weight: bold; display: inline-block; padding: 10px 15px;}

.paging * {font-size: 18px;}

.paging a:hover, .paging a.on {color:#398e95; border-bottom:solid 2px #398e95;}

.pagenation-list li {display: inline-block; margin: 0px 5px;}



.rotate {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}

.gary-txt {font-size: 16px; color: #666666; width: 100%; display: inline-block;}



.small-list {width: 100%; background: #f6f6f6; padding:15px 20px; margin-top: 40px; text-align: left;}

.small-list p {position: relative; padding-left: 10px; line-height: 1.5em; margin: 5px 0px; color: #666666}

.small-list p:before { display: block; position: absolute; top: 4px; left: 0; content: '*'; color: #666666} 

.small-list2 {width: 100%; background: #f6f6f6; padding:15px 20px; margin-top: 40px; text-align: left;}

.small-list2 p {position: relative; padding-left: 18px; line-height: 1.5em; margin: 5px 0px; color: #666666}

.small-list2 p:before { display: block; position: absolute; top: 0; left: 0; content: '※'; color: #666666} 



.big-text {width: 100%; display: inline-block; text-align: center; font-size: 1.4em; line-height: 1.3em; margin-top: 40px; color:#398e95;}





/**********************************

main contents

**********************************/



#mainVisual {margin-top: -80px;}

.mv-text {position: absolute; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 240px; z-index: 1; color:#ffffff; text-shadow: 5px 5px 5px rgba(0, 0, 0, .2);}

.mv-text h3 {font-size: 70px; font-family:'poppins'; font-weight: bold !important;}

.mv-text .text1 {font-size: 44px; line-height: 1.1em; font-family:'nanumSquare'; font-weight: 600}

.mv-text .text2 {font-size: 30px; line-height: 1em; font-weight: 300;}

.mv-text .text2:before {content:""; width:42px; height: 2px; background: #ffffff; display: block; margin:35px 0px 40px;}

.mv-text.text-right {right:240px}

.mv-text .btn_st, .mv-text .btn_st2 { width: 145px; display: block; background: url(/static/ai/images/arw_link.gif) no-repeat; background-position: center right; color: #ffffff; padding: 8px 20px; margin-top: 30px; border-radius: 30px; border: solid 1px rgba(255, 255, 255, .7); font-size: 14px;}

.mv-text .btn_st:hover, .mv-text .btn_st:focus, .mv-text .btn_st2:hover, .mv-text .btn_st2:focus {background:#398e95 url(/static/ai/images/arw_link.gif) no-repeat; border:solid 1px #398e95; background-position: center right; } 

.mv-text.text-right .btn_st {float: right; text-align: left;}





/* .index .flexslider .slides img { min-width: 2112px; height: auto !important; display: block; }

.index .flexslider .slides li {

    transform: translateZ(0);

    perspective: 1000px;

    backface-visibility: hidden;

}

.index .flexslider .slides .flex-active-slide img {

    / * margin: 0 0 0 -70px;

    position: absolute;

    min-width: 100%;

    height: 100%; * /

    position: relative;

    top: 0;

    left: 0;

    transition: all 20s linear;

    transform: translateX(-10%);

} */

.index .flexslider .slides img {-webkit-transform: scale(1.3);-ms-transform: scale(1.3);-o-transform: scale(1.3);transform: scale(1.3);}

.index .flexslider .slides li {-webkit-backface-visibility: hidden;backface-visibility: hidden;}

.index .flexslider .slides .flex-active-slide {z-index: 1;}

.index .flexslider .slides .flex-active-slide img {

    -webkit-transition: all 6s linear;

         -o-transition: all 6s linear;

            transition: all 6s linear;

    position: relative;

    -webkit-transform: scale(1);

        -ms-transform: scale(1);

         -o-transform: scale(1);

            transform: scale(1);

    z-index: 1;

}

#mainVisual .slides li {position: relative;}

#mainVisual .flex-direction-nav a {margin-top: -80px; width: 82px; height: auto; text-align: center; font-size: .8em;}

#mainVisual .flex-direction-nav a:before {display: block;}

#mainVisual .flex-direction-nav a {text-shadow: 1px 1px 0 rgba(0, 0, 0, .8);}

/* #mainVisual .flex-direction-nav a, #mainVisual .flex-direction-nav a:before {color: var(--light);} */

.flex-direction-nav a, .flex-direction-nav a:before {color:#ffffff;}

.flex-direction-nav a:before {text-shadow: 0px 0px 2px rgba(0, 0, 0, .9);}

/* .flex-direction-nav a:before {text-shadow: 0px 0px 2px rgba(255, 255, 255, 1);} */

#mainVisual .flex-direction-nav .flex-prev {left: 80px}

#mainVisual .flex-direction-nav .flex-next {right: 80px}

#mainVisual .flex-control-nav {width: 1400px; position: relative; margin: -58px auto; top: auto; bottom: 0; z-index: 1;}

#mainVisual .flex-control-nav li { width: 20%; margin: 0; border-right: 1px solid rgba(0, 0, 0, 0.2);}

#mainVisual .flex-control-paging li a {width: 100%; height: auto; text-indent: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; color: rgba(255, 255, 255, .6); padding: 15px 0px; background: rgba(3, 2, 2, 0.7); }

#mainVisual .flex-control-paging li a:hover, #mainVisual .flex-control-paging li a:focus, #mainVisual .flex-control-paging li a.flex-active {color: rgba(255, 255, 255, 1); background: rgba(0, 0, 0, 0.9);}

#mainVisual .flex-control-paging li a.flex-active {background:#398e95;}



#mainContent {width: 1400px; margin: auto; padding: 80px 0 0 0}

#mainContent ul {font-size: 0;}



#mainContent ul.quick-content { display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;}

#mainContent .quick-content li {width: 18.8%; display: inline-block; text-align: center; margin-right: 21px; -ms-flex: 1; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; border: solid 1px #dddddd;}

#mainContent .quick-content li:last-child {margin-right: 0px;}

#mainContent .quick-content li:hover, #mainContent .quick-content li:focus {border:solid 1px #398e95}

#mainContent .quick-content li span {width: 100%; display: inline-block; font-size: 1.2em; line-height: 1em; border-top:solid 1px #dddddd; padding-top:15px; }

.quick-content li a {width: 100%; height: 100%; display: block; padding:40px 20px;}

.quick-content li a:hover, .quick-content li a:focus {color:#398e95}

.quick-content li.brochure a  {padding: 15px 20px 20px 20px;}

.quick-content .icon { width: 60px; height: 60px; margin:0 auto 15px;}

.quick-content .icon:before { content:''; display: block;  width: 60px; height: 60px;}

.quick-content .quick-icon01 .icon:before {background: url('/static/ai/images/main/ico_story.svg') no-repeat;}

.quick-content .quick-icon02 .icon:before {background: url('/static/ai/images/main/ico_summary.svg') no-repeat;}

.quick-content .quick-icon03 .icon:before {background: url('/static/ai/images/main/ico_concept.svg') no-repeat;}

.quick-content .quick-icon04 .icon:before {background: url('/static/ai/images/main/ico_detail.svg') no-repeat;}

.quick-content .quick-icon05 .icon:before {background: url('/static/ai/images/main/ico_promotion.svg') no-repeat;}



#newList {margin-top: 60px; overflow: hidden;}

#noticeContent {width: 645px; display: inline-block;}

.list-title {width: 100%; display: inline-block; padding-bottom: 10px; margin-bottom: 25px; border-bottom: solid 1px #dddddd; }

.list-title h3 {font-size: 26px; font-family:'nanumSquare'; font-weight: 900; line-height: 1em; display: inline-block;}



.notice-top { clear: both; font-size:0px}

.notice-top ul {min-height: 107px;}

.notice-top li {width: 48%; display: inline-block; vertical-align: top;}

.notice-top li.right {float: right;}

.notice-top .time-box {width: 65px; height: 65px; display: inline-block; background: #666666; color:#ffffff; margin-right: 10px; padding: 5px; text-align:center; font-size: 22px}

.notice-top .time-box span {width: 100%; display: inline-block; font-size: 14px; border-top:solid 1px #999999;}

.notice-top .link-title {width: 74%; width: calc(100% - 79px); vertical-align: top; display: inline-block;}

.notice-top .link-title a {font-size: 18px; line-height: 1.5em; font-weight: 600; overflow: hidden;}

.notice-top a.dub {word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 50px;}

.notice-top .more {width: 100%; display: inline-block; font-size: 13px; color: #666666; font-weight: 400;}

.notice-top .more:after {content:'>'; padding-left:10px}

.notice-bottom {clear: both; background: #f2f2f2; padding: 18px 25px; margin-top: 20px;}

.main-list li {margin:8px 0px; width: 100%; display: inline-block;}

/* .main-list a {position: relative; padding-left: 10px; line-height: 1em;} */

.main-list a {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: calc(100% - 100px); display: inline-block; /*float: left; padding-top: 5px;*/ position: relative; padding-left: 10px; line-height: 1em;}

.main-list a:before { display: block; position: absolute; top: 6px; left: 0; width: 4px; height: 4px; background:#f6a700; content: ''; border-radius: 50%;} 

.time-right {float:right; font-size: 15px; color: #666666}





#pressContent {width: 645px; float: right;}

#pressContent .list-title {margin-bottom: 26px;}

#pressContent .main-list {background: #f2f2f2; padding: 15px 30px}

#noticeContent > .more:after, #pressContent > .more:after {content:url('/static/ai/images/main/ico_plus.jpg'); margin-left: 8px;}

#noticeContent, #pressContent {position: relative;}

#noticeContent > .more, #pressContent > .more {position: absolute; top: 0; right: 0;}

#noticeContent > .more a, #pressContent > .more a {font-size: 15px; color: #666666;}







/**********************************

sub contents

**********************************/



.container strong {font-size: 40px; line-height: 1.5em;}

.text-list strong {font-size: 1em !important;}

.section-line {border-bottom:solid 1px #dddddd; margin: 80px 0px; clear: both;}

.section-line2 {border-bottom: solid 1px #eeeeee; margin: 80px 0px; clear: both;}

.sub-tit {position: relative; text-align: left; padding-left: 15px; font-size:1.7em; line-height: 1.3em; margin-bottom: 40px; color:#000000;}

.sub-tit:before { display: block; position: absolute; top: 18px; left: 0; width: 5px; height: 5px; background:#398e95; content: '';} 

.sub-tit2, .sub-tit3 {font-size: 1.6em; font-weight: 400; line-height: 1.3em; margin-bottom: 30px; color: #000000}

.sub-tit2:after {content:""; display: block; background: url('/static/ai/images/bul_wave.svg'); width: 35px; height: 15px; margin: 30px auto 0;}

.sub-tit3 {margin-bottom: 40px; color:#000000; text-align: left;}

.cont-tit {width: 100%; display: inline-block; font-size: 1.4em; line-height: 1.3em; margin-bottom: 15px; display: inline-block; }

.cont-tit2 {width: 100%; display: inline-block; font-size: 1.3em; line-height: 1.3em; color:#000000; margin-bottom: 15px; display: inline-block; text-align: left;}



.selection-bg  {width: 100%; height: 440px; display: inline-block; position: relative; background: url('/static/ai/images/story/bg_s02_01.jpg');}

.bg-white {width:1400px; margin:auto; position: absolute; background: url('/static/ai/images/bg_white.png') repeat-x; padding: 50px; bottom:0; text-align: center; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}

.step-content {margin-top:60px !important; line-height: 1.5em;}



.cont-h {overflow: visible; text-align: justify; text-align: left;}

.cont-h .cont-content {float: left; width: 40%; text-align: justify;}



.cont-h .cont-image {float: right; width: 55%; position: relative; overflow: visible;}

.cont-h .cont-image img {display: block; width: 100%; z-index: 1; position: relative;}

.cont-h .cont-image:after {content: ''; display: block; position: absolute; width: 1400px; height: 100%; top: 70px; left: 70px; background: #eeeeee; z-index: 0;}

.cont-h:after {content:""; clear: both; display: block; }



.cont-h.cont-right .cont-content {float: right; right: 0px; left: auto}

.cont-h.cont-right .cont-image {float: left;}

.cont-h.cont-right .cont-image:after {left: auto; right: 70px;}



.cont-mt {margin-top: 80px; display: inline-block;}







.history-cont {margin-bottom: 100px;}

.history-cont:last-child {margin-bottom: 0px;}

.history-cont >li {width: 100%; display: inline-block; vertical-align: top;}

.history-cont >li.history-left {width: 20%; }

.history-cont >li.history-right {width: 70%; float: right; border-top:solid 1px #000000; padding: 25px 0 0 0; }

.label {min-width: 140px; font-size: 1.1em; text-align: center; display: inline-block; background:#398e95; border-radius: 30px; color:#ffffff !important; padding: 7px 10px; margin-bottom: 20px;}

.history-left .tit { display: inline-block; font-size: 6em; font-weight: 300; line-height: 1em; color:#398e95}

.history-left .br {display: block;}

.history-right .tit {width: 100%; display: inline-block; font-size: 1.4em; color:#000000; margin-bottom: 30px;}

.history-right .text-list p {width: 100%; display: inline-block; text-align: left;}

.history-right .text-list span {display: inline-block; vertical-align: top;}

.history-right .text-list span.right {width: 80%; float: right;}

.history-slide {margin: 40px 0 0;}



.select-list {margin: 60px auto 80px !important; z-index: 1; font-size:0px; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;}

.select-list li {width: 31.9%; padding: 40px; margin: 0px 30px 0px 0px; vertical-align: top; border:solid 1px #dddddd; display: inline-block; z-index: 2; position: relative;background: #fff; -ms-flex: 1; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}

.select-list li:last-child {margin-right: 0px;}

.select-list .sli1 .cont-tit:before {content:''; display: block; width:60px; height: 60px; background: url('/static/ai/images/story/ico_s01_02-1_1.svg') no-repeat; margin: 0 0 30px 0; }

.select-list .sli2 .cont-tit:before {content:''; display: block; width:60px; height: 60px; background: url('/static/ai/images/story/ico_s01_02-1_2.svg') no-repeat; margin: 0 0 30px 0; }

.select-list .sli3 .cont-tit:before {content:''; display: block; width:60px; height: 60px; background: url('/static/ai/images/story/ico_s01_02-1_3.svg') no-repeat; margin: 0 0 30px 0; }

.select-list .sli2 .text-percent {font-size: 1.3em; text-align: right; float: right; color:#398e95}

.select-list .sli2 .text-percent:before {content:''; display: inline-block; border-top: dashed 1px #dddddd; position: absolute; top: 50%; width: 62%; right: 55px;}

.bg-mint:before {content:''; display: block; width: 100%; min-height:242px; background: #cfe9ea; position: absolute; z-index: 0; top: 50%; left: 0;}





/* accordian menu */

.accordian-menu .accordian-item .btn-accordian {background: transparent; text-align: inherit;}

.accordian-menu .accordian-item .btn-accordian:before {content: ''; width: 16px; height: 12px; background: url('/static/ai/images/story/arw_down.svg') no-repeat; float: right; margin: 10px 5px 0px;}

.accordian-menu .accordian-item.active .btn-accordian:before {background: url('/static/ai/images/story/arw_top.svg') no-repeat;}

.accordian-menu .accordian-item .btn-accordian:after {content: ''; clear: both;}

.accordian-menu .accordian-item .accordian-content {-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s; height: 0; overflow: hidden;}

.accordian-menu .accordian-item.active .accordian-content {height: auto;}





.possible-cont .accordian-content {padding: 0 15px 0 30px !important;}

.possible-cont .accordian-item.active .accordian-content {padding: 40px 15px 40px 30px !important; border-bottom: solid 1px #dddddd;}



.possible-cont {border-top: solid 1px #000000; margin: 60px 0px;}

.possible-cont li {clear: both;}

.possible-cont li .a-title {width: 100%; padding: 15px; display: inline-block; border-bottom: solid 1px #dddddd; font-size: 22px; font-weight: 800;}



.possible-cont .title-active {color:#398e95;}

.possible-cont .a-title .label {min-width: 80px; font-size: 17px; font-weight: 500; padding: 5px 8px; margin-bottom: 0px; margin-right: 8px;}

.possible-cont .a-content {padding: 40px 15px 40px 30px;}

.possible-cont li.active .a-content {display: block;}

.a-content .bg-box {padding: 30px; background: #f2f2f2; vertical-align: middle; margin-top: 20px;}

.a-content .text-list {display: table; width: 100%;}

.a-content .text-list .left {width: 200px; height: 216px;  border: solid 1px #dddddd; display: table-cell;;}

.a-content .text-list .left-img01 {background:#ffffff url('/static/ai/images/story/img_s02_02_1.jpg') center center no-repeat;}

.a-content .text-list .left-img02 {background:#ffffff url('/static/ai/images/story/img_s02_02_2.jpg') center center no-repeat;}

.a-content .text-list .left-img03 {background:#ffffff url('/static/ai/images/story/img_s02_02_3.jpg') center center no-repeat;}

.a-content .text-list .left-img04 {background:#ffffff url('/static/ai/images/story/img_s02_02_4.jpg') center center no-repeat;}

.a-content .text-list .right {display: table-cell;  padding-left: 30px; vertical-align: middle;}

.a-content .text-list .right .italic {font-style: italic;}



.cont-place {width: 100%; display: inline-block; margin-top: 160px; text-align: center;}

.cont-place li {display: inline-block}

.cont-place li.bg1, .cont-place li.bg2, .cont-place li.bg3 {width: 300px; height: 300px; border-radius: 50%; text-align: center; vertical-align: middle; position: relative;}

.cont-place li .text-middle {color:#ffffff;}

.cont-place li.bg1 {background: #53b4bc;}

.cont-place li.bg2 {background: #398e95;}

.cont-place li.bg3 {background: #166e75;}

.cont-place li.arrow {margin: 0px 20px; color:#398e95; font-size: 14px;}

.cont-place li.arrow:after {content:''; display:block; width: 104px; height: 8px; background: url('/static/ai/images/story/arw_s02_right.gif') no-repeat; margin:8px auto 0;}



.performance-cont .table-style {margin-top: 60px;}

.performance-list {font-size: 0px; display: table; }

.performance-list li {width:33.333%; min-height: 340px; padding: 30px; vertical-align: top; display: inline-block; border:solid 1px #dddddd; border-right:none; border-bottom: none; display: table-cell;}

.performance-list .br {border-right: solid 1px #dddddd;}

.performance-list .bb {border-bottom: solid 1px #dddddd; position: relative}

.performance-list li .left {font-size: 1.1em; color:#398e95; display: inline-block;}

.performance-list li .right {float: right; font-size: 1em; color: #666666;}

.pf-middle {width: 100%; display: inline-block;}

.pf-middle.icon01:after, .pf-middle.icon02:after, .pf-middle.icon03:after, 

.pf-middle.icon04:after, .pf-middle.icon05:after, 

.pf-middle.icon07:after, .pf-middle.icon08:after, .pf-middle.icon09:after, 

.pf-middle.icon10:after, .pf-middle.icon11:after {content:''; display: block; width: 164px; height: 124px; margin: 25px 0px 0px; float: right;}

.pf-middle.icon11:after {width: 153px;height: 127px;}

.pf-middle.icon01:after {background: url('/static/ai/images/story/icon_pf01.svg');}

.pf-middle.icon02:after {background: url('/static/ai/images/story/icon_pf02.svg');}

.pf-middle.icon03:after {background: url('/static/ai/images/story/icon_pf03.svg');}

.pf-middle.icon04:after {background: url('/static/ai/images/story/icon_pf04.svg');}

.pf-middle.icon05:after {background: url('/static/ai/images/story/icon_pf05.svg');}

.pf-middle2.icon06:after {content:''; display: block; width: 203px; height: 57px; background: url('/static/ai/images/logo_footer.svg'); position: absolute;top: 40%; -webkit-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); left: 50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); margin: auto; opacity: 0.3;}

.pf-middle.icon07:after {background: url('/static/ai/images/story/icon_pf06.svg');}

.pf-middle.icon08:after {background: url('/static/ai/images/story/icon_pf07.svg');}

.pf-middle.icon09:after {background: url('/static/ai/images/story/icon_pf08.svg');}

.pf-middle.icon10:after {background: url('/static/ai/images/story/icon_pf09.svg');}

.pf-middle.icon11:after {background: url('/static/ai/images/story/icon_pf10.svg');}

/* .performance-list li.empty {border-bottom: none; border-right: none; padding: 30px !important;} */

.pf-bottom .text-bold {font-size: 1.8em; line-height: 1.6em; font-weight: bold; color: #000000}

.pf-bottom {width: 100%; display: inline-block; clear: both;}



.step-content .step .tit {width: 100%; display: inline-block; font-weight: 300;}

.step-content ul.step1, .step-content ul.step2, .step-content ul.step3 {position: relative; font-size: 0; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;}

.step-content .step1 li, .step-content .step2 li, .step-content .step3 li { text-align: center; padding: 50px; color:#ffffff; -ms-flex: 1; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; }

.step-content .step1 li, .step-content .step2 li {width:33.3333%; display: inline-block; border-right:solid 1px #ffffff; }

.step-content .step3 li {width:50%; display: inline-block; border-right:solid 1px #ffffff; -ms-flex: 1; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}

.step-content .step1 li:last-child, .step-content .step2 li:last-child, .step-content .step3 li:last-child {border-right: none;}

.step-content .step1 .bg01, .step-content .step1 .bg02, .step-content .step1 .bg03, .step-content .step2 .bg01, .step-content .step2 .bg02, .step-content .step2 .bg03 {  vertical-align: top; }

.step-content .step1 .bg01 {background:url('/static/ai/images/story/bg_s01-3-2-1_1.jpg') no-repeat; -webkit-background-size: cover; background-size: cover; }

.step-content .step1 .bg02 {background:url('/static/ai/images/story/bg_s01-3-2-1_2.jpg') no-repeat; -webkit-background-size: cover; background-size: cover; }

.step-content .step1 .bg03 {background:url('/static/ai/images/story/bg_s01-3-2-1_3.jpg') no-repeat; -webkit-background-size: cover; background-size: cover; }

.step-content .step1 .item-ico01 {background: url('/static/ai/images/story/ico_s01_03-2-1_1.svg') center no-repeat; height: 103px; margin:0 0 15px 0;}

.step-content .step1 .item-ico02 {background: url('/static/ai/images/story/ico_s01_03-2-1_2.svg') center no-repeat; height: 103px; margin:0 0 15px 0;}

.step-content .step1 .item-ico03 {background: url('/static/ai/images/story/ico_s01_03-2-1_3.svg') center no-repeat; height: 103px; margin:0 0 15px 0;}

.step-content .step2 .bg01 {background:url('/static/ai/images/story/bg_s01-3-2-2_1.jpg') no-repeat; -webkit-background-size: cover; background-size: cover; }

.step-content .step2 .bg02 {background:url('/static/ai/images/story/bg_s01-3-2-2_2.jpg') no-repeat; -webkit-background-size: cover; background-size: cover; }

.step-content .step2 .bg03 {background:url('/static/ai/images/story/bg_s01-3-2-2_3.jpg') no-repeat; -webkit-background-size: cover; background-size: cover; }

.step-content .step2 .item-ico01 {background: url('/static/ai/images/story/ico_s01_03-2-2_1.svg') center no-repeat; height: 103px; margin:0 0 15px 0;}

.step-content .step2 .item-ico02 {background: url('/static/ai/images/story/ico_s01_03-2-2_2.svg') center no-repeat; height: 103px; margin:0 0 15px 0;}

.step-content .step2 .item-ico03 {background: url('/static/ai/images/story/ico_s01_03-2-2_3.svg') center no-repeat; height: 103px; margin:0 0 15px 0;}

.step-content .step3 .bg01 {background:url('/static/ai/images/story/bg_s01-3-2-3_1.jpg') no-repeat; -webkit-background-size: cover; background-size: cover; }

.step-content .step3 .bg02 {background:url('/static/ai/images/story/bg_s01-3-2-3_2.jpg') no-repeat; -webkit-background-size: cover; background-size: cover; }

.step-content .step3 .item-ico01 {background: url('/static/ai/images/story/ico_s01_03-2-3_1.svg') center no-repeat; height: 103px; margin:0 0 15px 0;}

.step-content .step3 .item-ico02 {background: url('/static/ai/images/story/ico_s01_03-2-3_2.svg') center no-repeat; height: 103px; margin:0 0 15px 0;}





.ico {margin-top: 60px; display: table; table-layout: fixed; width: 100%;}

.ico li {display: table-cell; width: 25%; text-align: center;  border-right:solid 1px #dddddd; vertical-align: top;}

.ico li .text {font-size: 18px; display: inline-block; line-height: 1em; margin-top: 15px;}

.ico li:last-child {border:none;}

.ico li .tit {font-size: 1.5em; line-height: 1.5em; color: #000000}

.ico-bg {width:142px; height: 142px; border-radius: 50%; margin: 15px auto;}

.ico .item-ico01 {background:#398e95 url('/static/ai/images/story/ico_s01_03-2_1.svg') center no-repeat; }

.ico .item-ico02 {background:#398e95 url('/static/ai/images/story/ico_s01_03-2_2.svg') center no-repeat; }

.ico .item-ico03 {background:#398e95 url('/static/ai/images/story/ico_s01_03-2_3.svg') center no-repeat; }

.ico .item-ico04 {background:#398e95 url('/static/ai/images/story/ico_s01_03-2_4.svg') center no-repeat; }

.ico .item-ico05 {background:#f6a700 url('/static/ai/images/story/ico_s01_03-2_1.svg') center no-repeat; }

.ico .item-ico06 {background:#f6a700 url('/static/ai/images/story/ico_s01_03-2_2.svg') center no-repeat; }

.ico .item-ico07 {background:#f6a700 url('/static/ai/images/story/ico_s01_03-2_3.svg') center no-repeat; }

.ico .item-ico08 {background:#f6a700 url('/static/ai/images/story/ico_s01_03-2_4.svg') center no-repeat; }

.ico .item-ico09 {background:#6281c1 url('/static/ai/images/story/ico_s01_03-2_1.svg') center no-repeat; }

.ico .item-ico10 {background:#6281c1 url('/static/ai/images/story/ico_s01_03-2_2.svg') center no-repeat; }

.ico .item-ico11 {background:#6281c1 url('/static/ai/images/story/ico_s01_03-2_3.svg') center no-repeat; }

.ico .item-ico12 {background:#6281c1 url('/static/ai/images/story/ico_s01_03-2_4.svg') center no-repeat; }



.summary-cont ul {font-size: 0;}

.summary-cont .step li {width:33.3333%; height: 390px; padding: 30px; display: inline-block; border-right:solid 1px #ffffff; }

.summary-cont .step li:last-child {border-right: none;}

.summary-cont li.bg01 {background: url('/static/ai/images/story/img_s03_01_1.jpg') no-repeat;}

.summary-cont li.bg02 {background: url('/static/ai/images/story/img_s03_01_2.jpg') no-repeat;}

.summary-cont li.bg03 {background: url('/static/ai/images/story/img_s03_01_3.jpg') no-repeat;}



.summary-cont li .tit {font-size: 1.3em; color:#ffffff; text-shadow: 1px 1px 1px rgba(0, 0, 0, .6);

    text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);

    /* text-shadow: 1px 1px 10px rgba(0, 0, 0, 1), -1px -1px 10px rgba(0, 0, 0, 1), -1px 1px 10px rgba(0, 0, 0, 1), 1px -1px 10px rgba(0, 0, 0, 1); */

}

.summary-cont .step2 {margin-top: 60px;  display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;}

.summary-cont .step2 li {width:33.3333%; padding: 30px 0px; display: inline-block; border:solid 1px #dddddd; border-left: none; border-right: none; vertical-align: top; font-size: 16px; -ms-flex: 1;  -webkit-box-flex: 1;  -webkit-flex: 1;  flex: 1; position: relative;}

.summary-cont .step2 li:last-child {border-right: solid 1px #dddddd; }

.summary-cont .step2 li:first-child {border-left: solid 1px #dddddd; }

.summary-cont .step2 li.dot-line:after {content:''; display: block; width: 1px; height: 100%; border-right: dashed 1px #dddddd; position: absolute; top: 0; right: 0; z-index: 0;}



.summary-cont .step2 .title, .summary-cont .step2 strong {width: 100%; display: inline-block;  text-align: center;}

.summary-cont .step2 .title {margin-bottom: 20px; color: #666666;}

.summary-cont .step2 strong {font-size: 24px; color: #000;}

.summary-cont .step2 li .date-li {width: 100%; color: #ffffff; }

.summary-cont .step2 li .date-bg01 {background:#6281c1;}

.summary-cont .step2 li .date-bg02 {background:#f6a700;}

.summary-cont .step2 li .date-bg03 {background:#398e95;}



.summary-cont .step2 li .date-bg01:before {content:''; display: block; position: absolute; right: 0; width: 0; height: 0; border-top:19px solid  #f6a700; border-bottom:19px solid  #f6a700; border-left:12px solid #6281c1; z-index: 999999;}

.summary-cont .step2 li .date-bg02:before {content:''; display: block; position: absolute; right: 0; width: 0; height: 0; border-top:19px solid  #398e95; border-bottom:19px solid  #398e95; border-left:12px solid #f6a700; z-index: 999999;}

.summary-cont .step2 li .date-bg03:before {content:''; display: block; position: absolute; right: 0; width: 0; height: 0; border-top: 19px solid #ffffff; border-bottom: 19px solid  #ffffff; border-left:12px solid #398e95; z-index: 999999;}

html.ie .summary-cont .step2 li .date-bg01:before,

html.ie .summary-cont .step2 li .date-bg02:before,

html.ie .summary-cont .step2 li .date-bg03:before {border-bottom-width: 20px;}

/* 파이어폭스 */

@-moz-document url-prefix() { 

    .summary-cont .step2 li .date-bg01:before,

    .summary-cont .step2 li .date-bg02:before,

    .summary-cont .step2 li .date-bg03:before {border-bottom-width: 20px;}

}

.summary-cont .step2 li .date-li span {width: 32%; font-weight: 600; margin: auto; padding: 5px 0px; display: inline-block; text-align: center; font-size: 16px;}



.summary-cont .date-left {width: 28%; display: inline-block;}

.summary-cont .text-right {width: 68%; float: right; text-align: left;}



.ico-cont {height: 160px; padding-top: 30px; position: relative;}

.ico-cont .icon-cons {width: 60%; display: inline-block; border-right: solid 1px #dddddd;}

.ico-cont .icon-price {width: 39%; width: calc(40% - 5px); display: inline-block; }

.ico-cont .icon-cons.item-icon01:before {content:''; display: block; width: 191px; height: 103px; background: url('/static/ai/images/story/ico_s03_1.svg') no-repeat; text-align: center; margin: auto;}

.ico-cont .icon-cons.item-icon02:before {content:''; display: block; width: 191px; height: 103px; background: url('/static/ai/images/story/ico_s03_3.svg') no-repeat; text-align: center; margin: auto;}

.ico-cont .icon-cons.item-icon03:before {content:''; display: block; width: 104px; height: 103px; background: url('/static/ai/images/story/ico_s03_5.svg') no-repeat; text-align: center; margin: auto;}

.ico-cont .icon-price.item-icon01:before {content:''; display: block; width: 91px; height: 71px; background: url('/static/ai/images/story/ico_s03_2.svg') no-repeat; text-align: center; margin: auto;}

.ico-cont .icon-price.item-icon02:before {content:''; display: block; width: 58px; height: 71px; background: url('/static/ai/images/story/ico_s03_4.svg') no-repeat; text-align: center; margin: 0px auto 0px;}

.ico-cont .icon-price.item-icon03:before {content:''; display: block; width: 76px; height: 71px; background: url('/static/ai/images/story/ico_s03_6.svg') no-repeat; text-align: center; margin: 0px auto 0px;}





.ico-cont .text1, .ico-cont .text2, .ico-cont .text3, .ico-cont .text4 {position: absolute; color: #666666}

.ico-cont .text1 {top:0; left: 35%;}

.ico-cont .text2 {bottom:0; right: 45%;}

.ico-cont .text3 {color: #000000; font-weight: 700; top: 10%; right: 10%; font-size: 20px; text-align: center;}

.ico-cont .text4 {bottom:1%; left: 5%;}



.cont-li li {width: 100% !important; height: auto !important; padding: 0 !important; border:none !important;}

.cont-li li span {padding: 5px 0px;}

.cont-li li .left {width: 40%;display: inline-block; vertical-align: top;}

.cont-li li .right {padding-left: 15px; font-weight: 700; width: 50%; display: inline-block; vertical-align: top; border-left: solid 1px #dddddd;} 

.summary-cont .step2 .cont {width: 100%; display: inline-block;  min-height: 160px; padding: 20px 30px;  background: #f2f2f2; }

.summary-cont .step2 .cont2 { margin-top:20px}

.summary-cont .step2 .cont2 li {width: 100% !important; height: auto !important; padding:0px 30px !important; border:none !important; display: inline-block}



.build-content {width: 100%; display: table;}

.build-content strong {font-size: 40px; line-height: 1em;}

.build-left, .build-right {width: 48%; min-height: 800px; background:#2f2f2f; padding: 40px 30px; color:#ffffff; display: table-cell;}

.build-left {border-right: solid 10px #ffffff}

.build-right {background:#f2f2f2; color:#000000; border-left: solid 10px #ffffff}

.build-left .br-top {border-top: solid 1px rgba(255, 255, 255, .2);}

.build-right .br-top {border-top: solid 1px rgba(0, 0, 0, .2);}

.build-content .build-left li, .build-left .all, .build-content .build-right li {width: 100%; height: 35px; line-height: 35px; padding:20px 0px; border-bottom:solid 1px rgba(255, 255, 255, .2); vertical-align: middle;  display: table; table-layout: fixed;}

.build-content .build-left li { height: 55px; line-height: 55px;}

.build-left .bb-none {border-bottom: none !important; padding-bottom: 0px !important;}

.build-left .bleft-hd {display: table; width: 100%; padding-bottom: 20px;}

.build-left .all { border-top:dashed 1px rgba(255, 255, 255, .2); }

.build-content .small {font-size: 80%;}

.build-content .build-left .top, .build-content .build-left .bottom {border-bottom: none; padding-top: 0px; line-height: 1.5em;}

.build-content .build-left .right2 .bottom {vertical-align: bottom; position: absolute; bottom: 0; right: 0; padding-right: 15px; width: auto;}

.build-content .build-left .bottom {padding: 20px 0px 0px;}

.build-content .build-left .left2, .build-content .build-left .right2 {display: table-cell; padding:0 15px}

.build-content .build-left .right2 {position: relative;}

.build-content .build-left .left2 {border-right: dashed 1px rgba(255, 255, 255, .2); }

.build-content .left, .build-content .right {display: table-cell; padding-left: 15px; }

.build-content .right {text-align: right; padding: 0 15px 0 0;}

.build-content .lh {line-height: 3.2em;}

.build-content .build-right li {padding:17px 0; height: 40px; border-bottom:solid 1px rgba(0, 0, 0, .2);}

.build-content .tit {font-size: 20px;vertical-align: middle; line-height: 1.3em;}

.point1 {color:#f6a700;}

.point2 {color:#398e95;}

.point3 {color:#6281c1;}

.point4 {color:#000000;}

.build-content .fs-small {font-size: 30px !important;}

.build-content .fs-small2 {font-size: 24px !important;}

.build-content .fs-small3 {font-size: 18px !important;}



.text-list p {position: relative; padding-left: 10px; line-height: 1.5em; margin: 10px 0px; text-align: left;}

.text-list p:before { display: block; position: absolute; top: 11px; left: 0; width: 4px; height: 4px; background: #bebebe; border-radius: 50%; content: '';} 



.background-bg {width: 100%; height: auto; background: url('/static/ai/images/business/img_s01-1_03_bg.jpg') no-repeat; margin-top: 60px; padding: 50px 0px; -webkit-background-size: cover; background-size: cover;}

.background-cont { color: #ffffff;}



.background-cont .bg-cont {display: -ms-flexbox;display: -webkit-box;display: -webkit-flex;display: flex;}

.background-cont .left, .background-cont .right {width: 48%; -ms-flex: 0 0 48%; -webkit-box-flex: 0; -webkit-flex: 0 0 48%; flex: 0 0 48%; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -ms-flex-pack: justify; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;}

.background-cont .right {margin-left: auto;}

.background-cont .sub-tit3 {width: 100%; color: #ffffff; text-align: center;}

.background-cont .small-tit, .background-cont .small-tit2 {width: 100%; display: inline-block; font-size: 18px; margin-bottom: 30px; position: relative;}

.background-cont .small-tit:before {content:''; display: block; position: absolute; top: 13px; right: 80px; width: 75%; height: 1px; background: rgba(255, 255, 255, .3); }

.background-cont .small-tit:after, .background-cont .small-tit2:after {content:''; display: block; position: absolute; top: 13px; right: 40px; width: 24px; height: 14px; background: url('/static/ai/images/business/ico_s03_1.svg') no-repeat; }

.background-cont .small-tit2:before {content:''; display: block; position: absolute; top: 13px; right: 80px; width: 76%; height: 1px; background: rgba(255, 255, 255, .3); }

.background-cont .text1 {font-weight: 700;}



.background-cont ul {font-size: 0; padding-top: 30px;}

.background-cont li {width: 25%;  display: inline-block; text-align: center; position: relative; font-size:16px; font-size: 1rem;}

.background-cont li .icon {width: 100%; display: inline-block; border-bottom: solid 1px rgba(255, 255, 255, .5)}

.background-cont li .value {position: absolute; top: -30px; left: 0; white-space: nowrap;}

.background-cont .left .icon.item-icon01:before {content:''; display: block; width: 45px; height: 136px; margin: auto; background: url('/static/ai/images/business/ico_s03_person01.svg') bottom no-repeat; }

.background-cont .left .icon.item-icon02:before {content:''; display: block; width: 45px; height: 156px; margin: auto; background: url('/static/ai/images/business/ico_s03_person02.svg') bottom  no-repeat; }

.background-cont .left .icon.item-icon03:before {content:''; display: block; width: 45px; height: 141px; margin: auto; background: url('/static/ai/images/business/ico_s03_person03.svg') bottom  no-repeat; }

.background-cont .left .icon.item-icon04:before {content:''; display: block; width: 45px; height: 131px; margin: auto; background: url('/static/ai/images/business/ico_s03_person04.svg') bottom  no-repeat; }



.background-cont .right .icon.item-icon01:before {content:''; display: block; width: 45px; height: 204px; margin: auto; background: url('/static/ai/images/business/ico_s03_person05.svg') bottom  no-repeat; }

.background-cont .right .icon.item-icon02:before {content:''; display: block; width: 45px; height: 230px; margin: auto; background: url('/static/ai/images/business/ico_s03_person06.svg') bottom  no-repeat; }

.background-cont .right .icon.item-icon03:before {content:''; display: block; width: 45px;  height: 195px; margin: auto; background: url('/static/ai/images/business/ico_s03_person07.svg') bottom  no-repeat; }

.background-cont .right .icon.item-icon04:before {content:''; display: block; width: 45px; height: 212px; margin: auto; background: url('/static/ai/images/business/ico_s03_person08.svg') bottom  no-repeat; }

.background-cont li span {width: 100%; display: inline-block;}

.small-text {width: 100%; display: inline-block; font-size: 13px; color: #999999; text-align: right;}



.increased-cont {margin-top: 60px;}

.increased-cont ul {position: relative; font-size: 0;}

.increased-cont .step li {width:25%; height: 382px; padding:20px; display: inline-block; vertical-align: top; border-right:solid 1px #ffffff; background: #f2f2f2; text-align: center; }

.increased-cont .step li:last-child {border-right: none;}

.increased-cont .step li .inc-tit {width: 100%; display: inline-block; vertical-align: middle; text-align: center; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -ms-flex-pack: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; color:#ffffff; background: #666666; padding: 5px 0px; margin: 8px 0px 20px;}

html[lang=en] .increased-cont .step li {height: 402px;}

html[lang=en] .increased-cont .step li .inc-tit {height: 66px;}



.phase4summary-bg  {width: 100%; height: 365px; display: inline-block; position: relative; background: url('/static/ai/images/business/bg_s02_01.jpg');}



.condition-cont {position: relative}

.condition-bg {width: 100%; display: inline-block; background: #0e3654;}

.condition-bg img {float: right}



.cont-effect {width: 100%; display: inline-block; text-align: center; font-size: 0px;}

.cont-effect li {display: inline-block}

.cont-effect li.bg1, .cont-effect li.bg2, .cont-effect li.bg3 {width: 300px; height: 300px; border-radius: 50%; text-align: center; vertical-align: middle; position: relative;}

.cont-effect li.bg1, .cont-effect li.bg2, .cont-effect li.bg3 {background: #ebf2ff; border:solid 1px #6281c1;}

.cont-effect li.dot {margin: 0px 20px; color:#398e95}

.cont-effect li.dot:after {content:''; display:block; width: 104px; height: 8px; background: url('/static/ai/images/business/arw_s02_right.gif');}

.cont-effect span {width: 100%; display: inline-block; margin: 10px 0px;}

.cont-effect .item-ico01:before {content: ''; display: block; width: 120px; height: 80px; background: url('/static/ai/images/business/ico_s02-2_01.svg') no-repeat; margin:auto;}

.cont-effect .item-ico02:before {content: ''; display: block; width: 120px; height: 80px; background: url('/static/ai/images/business/ico_s02-2_02.svg') no-repeat; margin:auto;}

.cont-effect .item-ico03:before {content: ''; display: block; width: 120px; height: 80px; background: url('/static/ai/images/business/ico_s02-2_03.svg') no-repeat; margin:auto;}



.purpose-cont {position: relative;}

.purpose-bg {width: 100%; height: 500px; position: relative; padding: 50px; background: url('/static/ai/images/business/bg_s02_03.jpg') no-repeat;-webkit-background-size: cover;background-size: cover;}

.txt-middle {position: relative; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 80%; margin: auto; text-align: center; color: #ffffff;}

.txt-middle .tit {font-size: 22px; line-height: 1.5em; display: inline-block; margin-bottom: 20px;}



.p4-summary {font-size: 0; margin-top: 60px; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;}

.p4-summary li { display: inline-block; padding: 50px; border:solid 1px #dddddd; margin-right: 30px; text-align: center; -ms-flex: 1; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}

.p4-summary li:last-child {margin-right: 0px;}

.p4-summary .cont-tit {margin-top:20px;}

.p4-summary li.item-ico01:before {content:""; display: block; width: 108px; height: 103px; background: url('/static/ai/images/business/ico_s02-2_04.svg') no-repeat; margin:auto;}

.p4-summary li.item-ico02:before {content:""; display: block; width: 114px; height: 103px; background: url('/static/ai/images/business/ico_s02-2_05.svg') no-repeat; margin:auto;}

.p4-summary li.item-ico03:before {content:""; display: block; width: 102px; height: 103px; background: url('/static/ai/images/business/ico_s02-2_06.svg') no-repeat; margin:auto;}

.p4-summary li.item-ico04:before {content:""; display: block; width: 108px; height: 103px; background: url('/static/ai/images/business/ico_s02-2_07.svg') no-repeat; margin:auto;}



.scale-cont {background: #f2f2f2; padding: 50px;}

.scale-cont .gray-circle, .scale-cont .yellow-circle {position: relative; padding-left: 13px; text-align: right; margin-left: 20px; color: #666666}

.scale-cont .gray-circle:before {content: ''; display: block; position: absolute; top: 10px; left: 0; width: 10px; height: 10px; border-radius: 50%; background: #333333;}

.scale-cont .yellow-circle:before {content: ''; display: block; position: absolute; top: 10px; left: 0; width: 10px; height: 10px; border-radius: 50%; background:#f6a700;}

.scale-cont span {display: inline-block;}

.scale-cont .title {width: 15%; position: relative; vertical-align: middle; font-weight: 600;}

.scale-cont .text-right {float: right;}

.scale-cont .basic-bg {width: 76%; height: 30px; display: inline-block; background: #333333; border-radius: 30px;}

.scale-cont .basic-bg span {margin-left: 20px; color: #ffffff;}

.scale-cont .yellow-bg {height: 30px; background:#f6a700; border-radius: 30px; float:right; text-align: center;}

.scale-cont li {clear: both; margin: 18px;}



.scale-cont li {display: -ms-flexbox;display: -webkit-box;display: -webkit-flex;display: flex; -ms-flex-pack: justify; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;}

.scale-cont .title {width: 180px; -ms-flex: 1 0 180px; -webkit-box-flex: 1; -webkit-flex: 1 0 180px; flex: 1 0 180px;}

.scale-cont .text-right {width: 100px; -ms-flex: 1 0 100px; -webkit-box-flex: 1; -webkit-flex: 1 0 100px; flex: 1 0 100px;}

.scale-cont .basic-bg {display: -ms-flexbox;display: -webkit-box;display: -webkit-flex;display: flex; -ms-flex-pack: justify; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;}

.scale-cont .basic-bg span {white-space: nowrap;}

/* .scale-cont .yellow-bg, .scale-cont .text-right {line-height: 1.2em !important;} */

.scale-cont .basic-bg span, .scale-cont .yellow-bg {/*flex-grow: 1; flex-shrink: 0;*/ -ms-flex: 0; -webkit-box-flex: 0; -webkit-flex: 0; flex: 0;}

html[lang=en] .scale-cont .title {width: 230px; -ms-flex: 1 0 230px; -webkit-box-flex: 1; -webkit-flex: 1 0 230px; flex: 1 0 230px;}

html[lang=en] .scale-cont .text-right {width: 150px; -ms-flex: 1 0 150px; -webkit-box-flex: 1; -webkit-flex: 1 0 150px; flex: 1 0 150px;}

.scale-cont small.text-right, html[lang=en] .scale-cont small.text-right {width: auto;}



.scale-list01, .scale-list02, .scale-list03, .scale-list04, .scale-list05, .scale-list06, .scale-list07, .scale-list08 {width: auto; display: block;}

.scale-list01 .title:before {content:""; display: inline-block; vertical-align: middle; width: 54px; height: 34px; background: url('/static/ai/images/business/ico_s02-2_08.svg'); margin-right: 5px;}

.scale-list01 .yellow-bg {width: 42%; -ms-flex-preferred-size: 42%; -webkit-flex-basis: 42%; flex-basis: 42%;}

.scale-list02 .title:before {content:""; display: inline-block; vertical-align: middle;  width: 54px; height: 34px; background: url('/static/ai/images/business/ico_s02-2_09.svg'); margin-right: 5px;}

.scale-list02 .yellow-bg {width: 33.3333%; -ms-flex-preferred-size: 33.3333%; -webkit-flex-basis: 33.3333%; flex-basis: 33.3333%;}

.scale-list03 .title:before {content:""; display: inline-block; vertical-align: middle;  width: 54px; height: 34px; background: url('/static/ai/images/business/ico_s02-2_10.svg'); margin-right: 5px;}

.scale-list04 .title:before {content:""; display: inline-block; vertical-align: middle;  width: 54px; height: 34px; background: url('/static/ai/images/business/ico_s02-2_11.svg'); margin-right: 5px;}

.scale-list04 .yellow-bg {width: 49%; -ms-flex-preferred-size: 49%; -webkit-flex-basis: 49%; flex-basis: 49%;}

.scale-list05 .title:before {content:""; display: inline-block; vertical-align: middle;  width: 54px; height: 34px; background: url('/static/ai/images/business/ico_s02-2_12.svg'); margin-right: 5px;}

.scale-list06 .title:before {content:""; display: inline-block; vertical-align: middle;  width: 54px; height: 34px; background: url('/static/ai/images/business/ico_s02-2_13.svg'); margin-right: 5px;}

.scale-list06 .yellow-bg {width: 28%; -ms-flex-preferred-size: 28%; -webkit-flex-basis: 28%; flex-basis: 28%;}

.scale-list07 .title:before {content:""; display: inline-block; vertical-align: middle;  width: 54px; height: 34px; background: url('/static/ai/images/business/ico_s02-2_14.svg'); margin-right: 5px;}

.scale-list07 .yellow-bg {width: 24%; -ms-flex-preferred-size: 24%; -webkit-flex-basis: 24%; flex-basis: 24%;}

.scale-list08 .title:before {content:""; display: inline-block; vertical-align: middle;  width: 54px; height: 34px; background: url('/static/ai/images/business/ico_s02-2_15.svg'); margin-right: 5px;}

.scale-list08 .yellow-bg {width: 26%; -ms-flex-preferred-size: 26%; -webkit-flex-basis: 26%; flex-basis: 26%;}



.box-list, .box-list2 {margin-top: 60px; font-size: 0px; display: -ms-flexbox;  display: -webkit-box;  display: -webkit-flex;  display: flex;}

.concept.sub-tit3 {margin-bottom: 20px;}

.box-list li, .box-list2 li { width: 31.9%;display: inline-block; border: solid 1px #dddddd; vertical-align: top; margin-right: 30px;-ms-flex: 1; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}

.box-list li:last-child, .box-list2 li:last-child {margin-right: 0px;}

.box-list2 li { width: 48.9%;}



.box-img, .smart-img, .art-img, .departure-img2 {/* width: 100%; height: 260px; */ background: #000000; }

.box-img img, .smart-img img, .art-img img, .departure-img2 img {display: block; width: 100%;}

/* .box-img.img01 {background: url('/static/ai/images/business/img_s02-3_01.jpg') center center no-repeat; background-size: cover;}

.box-img.img02 {background: url('/static/ai/images/business/img_s02-3_02.jpg') right bottom no-repeat; background-size: cover;}

.box-img.img03 {background:#d7e8b4 url('/static/ai/images/business/img_s02-3_03.jpg') center center no-repeat; background-size: contain;} */

.box-cont { padding: 30px; }

/* .smart-img.img01 {background: url('/static/ai/images/business/img_s02-3_04.jpg') center center no-repeat; background-size: cover;}

.smart-img.img02 {background: url('/static/ai/images/business/img_s02-3_05.jpg') center center no-repeat; background-size: cover;}

.smart-img.img03 {background: url('/static/ai/images/business/img_s02-3_06.jpg') center center no-repeat; background-size: cover;}

.smart-img.img04 {background: url('/static/ai/images/business/img_s02-3_07.jpg') center center no-repeat; background-size: cover;}

.smart-img.img05 {background: url('/static/ai/images/business/img_s02-3_08.jpg') center center no-repeat; background-size: cover;}

.smart-img.img06 {background: url('/static/ai/images/business/img_s02-3_09.jpg') center center no-repeat; background-size: cover;} */



.terminal2-img, .departure-img {/* width: 100%; height: 220px; */ background: #000000; position: relative;}

.terminal2-img img, .departure-img img {display: block; width: 100%;}

.terminal2-img .num, .departure-img2 .num {position: absolute; top: 10px; left: 10px;}

/* .terminal2-img.img01 {background: url('/static/ai/images/detail/img_s01_2.jpg') center center no-repeat; background-size: cover;}

.terminal2-img.img02 {background: url('/static/ai/images/detail/img_s01_3.jpg') center center no-repeat; background-size: cover;}

.terminal2-img.img03 {background: url('/static/ai/images/detail/img_s01_4.jpg') center center no-repeat; background-size: cover;}

.departure-img.img01 {background: url('/static/ai/images/detail/img_s01_tab1_1.jpg') center center no-repeat; background-size: cover;}

.departure-img.img02 {background: url('/static/ai/images/detail/img_s01_tab1_2.jpg') center center no-repeat; background-size: cover;}

.departure-img.img03 {background: url('/static/ai/images/detail/img_s01_tab1_3.jpg') center center no-repeat; background-size: cover;}

.departure-img.img04 {background: url('/static/ai/images/detail/img_s01_tab1_4.jpg') center center no-repeat; background-size: cover;}

.departure-img.img05 {background: url('/static/ai/images/detail/img_s01_tab1_5.jpg') center center no-repeat; background-size: cover;}

.departure-img.img06 {background: url('/static/ai/images/detail/img_s01_tab1_6.jpg') center center no-repeat; background-size: cover;}

.departure-img.img07 {background: url('/static/ai/images/detail/img_s01_tab1_7.jpg') center center no-repeat; background-size: cover;}

.departure-img.img08 {background: url('/static/ai/images/detail/img_s01_tab1_8.jpg') center center no-repeat; background-size: cover;}

.departure-img.img09 {background: url('/static/ai/images/detail/img_s01_tab1_9.jpg') center center no-repeat; background-size: cover;}

.departure-img2.img01 {background: url('/static/ai/images/detail/img_s01_tab1_11.jpg') center center no-repeat; background-size: cover;}

.departure-img2.img02 {background: url('/static/ai/images/detail/img_s01_tab1_12.jpg') center center no-repeat; background-size: cover;}

.departure-img.img10 {background: url('/static/ai/images/detail/img_s01_tab2_1.jpg') center center no-repeat; background-size: cover;}

.departure-img.img11 {background: url('/static/ai/images/detail/img_s01_tab2_2.jpg') center center no-repeat; background-size: cover;}

.departure-img.img12 {background: url('/static/ai/images/detail/img_s01_tab2_3.jpg') center center no-repeat; background-size: cover;} */



/* .art-img.img01 {background: url('/static/ai/images/business/img_s03-2_07.jpg') center center no-repeat; background-size: cover;}

.art-img.img02 {background: url('/static/ai/images/business/img_s03-2_08.jpg') center center no-repeat; background-size: cover;} */

.art-bg  {width: 100%; height: 440px; display: inline-block; position: relative; background: url('/static/ai/images/business/bg_s02_04.jpg') no-repeat; -webkit-background-size: cover; background-size: cover;}

.art-cont {margin-top: 60px !important;}



.sky-cont .left-cont {width: 48%; display: inline-block; vertical-align: top;}

.sky-cont .right-cont {width: 50%; display: inline-block; text-align: center;}

.sky-cont .left-cont .circle {width: 30px; height: 30px; line-height: 1em; border-radius: 50%;}

.sky-cont .left-cont .green {background:#398e95;}

.sky-cont .left-cont table {table-layout: fixed;}



.terminal-bg {width: 100%; height: auto; position: relative;}

.txt-box {width: 100%; background: rgba(0, 0, 0, .8); padding: 20px; text-align: center; color: #ffffff; font-size: 1.2em; position: absolute; top: 0px}

.terminal-bg2 {width: 100%; height: auto; position: relative;}

.terminal2-cont strong {font-size: 17px; }



.terminal2-list {margin: 60px auto; z-index: 1; font-size:0px; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;}

.terminal2-list li {padding: 40px; margin: 0px; vertical-align: top; border:solid 1px #dddddd; border-right: none; display: inline-block; position: relative; background: #fff; -ms-flex: 1; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}

.terminal2-list .cont-tit {text-align: center;}

.terminal2-list li:last-child {border-right:solid 1px #dddddd;}

.terminal2-list .sli1:after {content:''; display: block; position: absolute; top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%); right: -25px; z-index: 1; width:50px; height: 50px; background: url('/static/ai/images/detail/ico_plus.png') no-repeat;}

.terminal2-list .sli2:after {content:''; display: block; position: absolute; top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%); right: -25px; z-index: 1; width:50px; height: 50px; background: url('/static/ai/images/detail/ico_equal.png') no-repeat;}

.terminal2-list .sli1 .cont-tit:before {content:''; display: block; width:88px; height: 114px; background: url('/static/ai/images/detail/ico_s01_1.svg') no-repeat; margin: 0 auto 30px; }

.terminal2-list .sli2 .cont-tit:before {content:''; display: block; width:88px; height: 114px; background: url('/static/ai/images/detail/ico_s01_2.svg') no-repeat; margin: 0 auto 30px; }

.terminal2-list .sli3 .cont-tit:before {content:''; display: block; width:125px; height: 114px; background: url('/static/ai/images/detail/ico_s01_3.svg') no-repeat; margin: 0 auto 30px; }

.terminal2-list .sli2 .text-percent {font-size: 1.3em; text-align: right; float: right; color:#398e95}

.terminal2-list .sli2 .text-percent:before {content:''; display: inline-block; border-top: dashed 1px #dddddd; position: absolute; top: 50%; width: 62%; right: 55px;}

.terminal2-list .text-list p {text-align: left;}

.terminal-cont2 {padding:80px 0 0 0}



.departure-list.mt30 {margin-top: 30px;}

.departure-list {margin-top: 0px;}

.departure-list2 li {min-height: 200px;}

.traffic-cont .text {margin-top: 60px; display: inline-block;}

.terminal2-cont .text-bg {width: 100%; display: inline-block; margin-top: 30px; text-align: center; padding: 20px; font-size: 1.4em; font-weight: 600; border:solid 2px #398e95; color:#398e95;}

.terminal2-cont .left {width: 70%; display: inline-block;}

.terminal2-cont .right {float: right;}

.terminal2-cont .right.img.item-img {width: 191px; height: 212px; background: url('/static/ai/images/detail/img_s01_tab3_2.jpg');}



.bigimg-bg {width: 100%; height: auto; position: relative; margin-top: 60px;}

.bigimg-bg .text-box {width: 100%; background: rgba(0, 0, 0, .8); text-align: center; color: #ffffff; font-size: 1.2em;}

.bigimg-bg.item-bg02 {background: url('/static/ai/images/detail/img_s01_tab1_10.jpg') no-repeat; -webkit-background-size: cover; background-size: cover;}



.airside-box .table-style {margin-top: 60px; text-align: left;}

.airside-li .cont-tit {text-align: center;}

.airside-li {font-size: 0px; margin-top: 40px; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;}

.airside-li li {width: 25%; min-height: 160px; display: inline-block; padding: 30px; vertical-align: top; border-right: solid 1px #dddddd; -ms-flex: 1; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1}

.airside-li li:last-child {border-right: 0px;}

.airside-bg {width: 100%; height: auto; position: relative; display: inline-block;}

.airside-bg .text-left {text-align: left !important;}

.airside-bg .txt-box strong {width: 100%; display: inline-block; font-weight: 500; font-size: 1.3em;}

.airside-bg img {width: 100%;}

.airside-list {font-size: 0px; margin-top: 60px; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;}

.airside-list li {width: 31.9%; display: inline-block; vertical-align: top; border: solid 1px #dddddd; margin-right: 30px; -ms-flex: 1; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}

.airside-list li:last-child {margin-right: 0px;}

.airside-list li .text {width: 100%;display: inline-block; padding: 10px 20px 0px;}

.airside-list li .cont {width: 100%; text-align: center; padding:20px;}

.airside-list .left, .airside-list .right {width: 49%; display: inline-block; vertical-align: top;}

.airside-list li .title, .berthage-cont .title {width: 100%; display: block; padding: 10px 0; text-align: center; font-size: 1.3em; line-height: 1.3em; color: #ffffff}

.title-bg01 {background:#398e95;}

.title-bg02 {background:#f6a700;}

.title-bg03 {background:#6281c1;}

.airside-list li .text1, .airside-list li .text2 {width: 100%; display: inline-block; text-align: left; font-size: 15px;}

.airside-list li .text1 {color: #000000; font-size: 16px;}

.airside-list2 li {width: 48%; display: inline-block; position: relative; }

.airside-list2 li:last-child {float: right}

.airside-list2 .text-box {position: absolute; text-align: left; padding: 15px 20px }

.airside-list2 .text-box strong {width: 100%; font-weight: 500; font-size: 24px; display: inline-block;}

.airside-list2 .text-box img {width: 100%; display: block;}



.berthage-cont {width: 100%; display: inline-block; margin-top: 60px; text-align: center;}

.berthage-cont .title {margin-bottom: 30px;}

.berthage-cont .list01 {width: 100%; display: inline-block; }

.berthage-cont .list01 ul {font-size: 0;}

.berthage-cont .list01 li {width: 31.9%; margin-right: 2%; display: inline-block}

.berthage-cont .list01 li:last-child {margin-right: 0;}

.berthage-cont .cont {margin-top: 60px;}

.berthage-cont .cont .list02 {width: 32%; display: inline-block; }

.berthage-cont .cont .list03 {width: 65%; float: right;}

.berthage-list2 {font-size: 0;}

.berthage-list2 li {width: 48%; display: inline-block; vertical-align: top; margin-right: 3%;}

.berthage-list2 li:last-child {margin-right: 0;}

.berthage-list2 .text1, .berthage-list2 li .text2 {width: 100%; display: inline-block; text-align: center; font-size: 15px; color: #666666; line-height: 1.3em;}

.berthage-list2 .text1 {font-size: 17px; color: #333333;}

.mrofbo-cont {margin-top: 160px;}



.connect-bg {width: 100%; height: auto; position: relative; display: inline-block;}

.connect-table .bg01 {background: #efffee;}

.connect-table .bg02 {background: #fff0d1;}

.connect-table .bg03 {background: #dff6ff;}



.facilities-list {width: 100%; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;}

.facilities-list li {display: inline-block; -ms-flex: 1; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; border: solid 1px #dddddd; margin-right: 40px; padding: 30px;}

.facilities-list li:last-child {margin-right: 0px;}

.facilities-list li .img {width: 223px; display: inline-block;}

.facilities-list li img {width: 100%;}

.facilities-list li .right {width: 55%; float: right}

.facilities-list strong {width: 100%; display: inline-block; font-size: 22px; font-weight: 400;}

.facilities-list .text2 {width: 100%; display: inline-block; color: #666666; margin-top: 10px;}

.noborder {border:none !important}



.bhs-bg  {width: 100%; height: 440px; padding: 50px 0px; display: inline-block; position: relative; background: url('/static/ai/images/detail/bg_s05_1.jpg') center center no-repeat; -webkit-background-size: cover; background-size: cover; color: #ffffff;}

.bhs-bg .sub-tit3 {color: #ffffff; text-align: center; font-size: 36px;}

.bhs-list {font-size: 0;}

.bhs-bg .bhs-list li {width: 33.3333%; min-height: 233px; border-right: solid 1px rgba(255, 255, 255, .2); display: inline-block; text-align: center;}

.bhs-bg .bhs-list li:last-child {border-right: none;}

.bhs-bg .bhs-list li .icon {width: 100%; height: 100px; display: inline-block; text-align: center;}

.bhs-bg .bhs-list li .item-ico01:before,

.bhs-bg .bhs-list li .item-ico02:before,

.bhs-bg .bhs-list li .item-ico03:before {display: inline-block;  width: auto; height: 100px; content: ''; margin: 20px 0px;}

.bhs-bg .bhs-list li .item-ico01:before {width: 105px; background: url('/static/ai/images/detail/ico_s05_1.svg'); text-align: center;}

.bhs-bg .bhs-list li .item-ico02:before {width: 85px; height: 99px; background: url('/static/ai/images/detail/ico_s05_2.svg'); text-align: center;}

.bhs-bg .bhs-list li .item-ico03:before {width: 84px; background: url('/static/ai/images/detail/ico_s05_3.svg'); text-align: center;}

.bhs-tit {font-size: 22px;}

.bhs-img {border: solid 1px #dddddd; padding: 30px; width: 100%; height: auto; margin-top: 60px; text-align: center;}

.bhs-img2 {width: 100%;display: inline-block; border: solid 1px #dddddd; margin-top: 40px; padding: 25px; }

.bhs-img2 .item-box {width: 100%; height: 280px; display: inline-block;}

.bhs-tit2 {width: 100%; display: inline-block; font-size: 22px; text-align: center;} 

/* .bhs-item, .bhs-item2 {text-align: center;}

.bhs-item.item01, .bhs-item.item02, .bhs-item.item03, .bhs-item.item04, .bhs-item.item05,

.bhs-item.arrow01, .bhs-item.arrow02, .bhs-item.arrow03, .bhs-item.arrow04,

.bhs-item2.item01, .bhs-item2.item02, .bhs-item2.item03, .bhs-item2.item04, .bhs-item2.item05,

.bhs-item2.arrow01, .bhs-item2.arrow02, .bhs-item2.arrow03 {position: absolute;}

.bhs-item.item02:before, .bhs-item.item03:before, .bhs-item.item04:before, .bhs-item.item05:before, 

.bhs-item2.item02:before, .bhs-item2.item03:before, .bhs-item2.item04:before, .bhs-item2.item05:before {border-radius: 5px;border:solid 1px #dddddd;}

.bhs-item.item01 { top: 32%; left: 41%;}

.bhs-item.item01:before {content:''; display: block; width: 100px; height: 98px; background: url(/static/ai/images/detail/item_s05_1.jpg) center center no-repeat;}

.bhs-item.item02 { top: 20%; left: 10%;}

.bhs-item.item02:before {content:''; display: block; width: 60px; height: 60px; background: url(/static/ai/images/detail/item_s05_2.jpg) center center no-repeat; }

.bhs-item.item03 { top: 20%; right: 10%;}

.bhs-item.item03:before {content:''; display: block; width: 60px; height: 60px; background: url(/static/ai/images/detail/item_s05_3.jpg) center center no-repeat; }

.bhs-item.item04 { bottom: 10%; left: 10%;}

.bhs-item.item04:before {content:''; display: block; width: 60px; height: 60px; background: url(/static/ai/images/detail/item_s05_4.jpg) center center no-repeat; }

.bhs-item.item05 { bottom: 10%; right: 10%;}

.bhs-item.item05:before {content:''; display: block; width: 60px; height: 60px; background: url(/static/ai/images/detail/item_s05_3.jpg) center center no-repeat; }

.bhs-item.arrow01 {top: 30%;left: 25%;}

.bhs-item.arrow01:after {content:''; display: block; width: 67px; height: 20px; background: url(/static/ai/images/detail/ico_arrow01.png) center center no-repeat; }

.bhs-item.arrow02 {top: 30%;right: 25%;}

.bhs-item.arrow02:after {content:''; display: block; width: 67px; height: 20px; background: url(/static/ai/images/detail/ico_arrow02.png) center center no-repeat; }

.bhs-item.arrow03 {bottom: 30%;left: 25%;}

.bhs-item.arrow03:after {content:''; display: block; width: 67px; height: 20px; background: url(/static/ai/images/detail/ico_arrow01.png) center center no-repeat;  transform: rotate( -390deg );}

.bhs-item.arrow04 {bottom: 30%;right: 25%;  }

.bhs-item.arrow04:after {content:''; display: block; width: 67px; height: 20px; background: url(/static/ai/images/detail/ico_arrow02.png) center center no-repeat; transform: rotate( -330deg );}

.bhs-item2.item01 { bottom: 10%; left: 41%;}

.bhs-item2.item01:before {content:''; display: block; width: 100px; height: 60px; background: url(/static/ai/images/detail/item_s05_6.jpg) center center no-repeat;}

.bhs-item2.item02 { top: 20%; left: 10%;}

.bhs-item2.item02:before {content:''; display: block; width: 60px; height: 60px; background: url(/static/ai/images/detail/item_s05_2.jpg) center center no-repeat; }

.bhs-item2.item03 { top: 20%; right: 10%;}

.bhs-item2.item03:before {content:''; display: block; width: 60px; height: 60px; background: url(/static/ai/images/detail/item_s05_3.jpg) center center no-repeat; }

.bhs-item2.item04 { bottom: 10%; left: 10%;}

.bhs-item2.item04:before {content:''; display: block; width: 60px; height: 60px; background: url(/static/ai/images/detail/item_s05_4.jpg) center center no-repeat; }

.bhs-item2.item05 { bottom: 10%; right: 10%;}

.bhs-item2.item05:before {content:''; display: block; width: 60px; height: 60px; background: url(/static/ai/images/detail/item_s05_3.jpg) center center no-repeat; }

.bhs-item2.arrow01 {top: 30%;left: 27%;}

.bhs-item2.arrow01:after {content:''; display: block; width: 232px; height: 7px; background: url(/static/ai/images/detail/ico_arrow03.png) center center no-repeat; }

.bhs-item2.arrow02 {bottom: 30%;left: 27%;}

.bhs-item2.arrow02:after {content:''; display: block; width: 67px; height: 20px; background: url(/static/ai/images/detail/ico_arrow04.png) center center no-repeat; }

.bhs-item2.arrow03 {bottom: 30%;right: 28%;}

.bhs-item2.arrow03:after {content:''; display: block; width: 67px; height: 20px; background: url(/static/ai/images/detail/ico_arrow05.png) center center no-repeat; } */



.bhs-item, .bhs-item2 {display: none;}

.bhs-img2.item-ico01 .item-box {background: url('/static/ai/images/detail/bhs_img01.jpg') center no-repeat}

.bhs-img2.item-ico02 .item-box {background: url('/static/ai/images/detail/bhs_img02.jpg') center no-repeat}



.bhs-cont {margin-top: 60px}

.bhs-tt {width: 49%; display: inline-block; color: #ffffff; text-align: center; padding: 50px;}

.bhs-tt.wide{width: 100%;}

.bhs-tt:last-child {float:right;}

.bhs-tt strong {font-size: 28px; width: 100%; display: inline-block; font-weight: 400; margin-bottom: 15px;}

.bhs-list2 {font-size: 0; margin-top: 60px; display: inline-block;}

.bhs-list2:last-child {margin-top: 0px;}

.bhs-list2 li {display: inline-block; vertical-align: top;}

.bhs-list2 li.title {width: 20%;}

.bhs-list2 li.title .l-title {font-size: 26px;}

.bhs-list2 li.cont {width: 50%; margin-right: 50px;}

.bhs-list2 li.cont span {width: 100%;display: inline-block;}

.bhs-list2 li.cont .gray-bg {width: 100%; display: inline-block; padding: 20px 30px; background: #f2f2f2; margin-top: 25px;}

.bhs-list2 li.cont .text2 {color: #666666}

.bhs-list2 li.img {width: 25.4%; text-align: right;}



.economy-box {width: 100%; display: inline-block;}

.economy-box .big-tit {width: 100%; display: inline-block; font-size: 26px; line-height: 1.5em; text-align: center;}

.economy-list {width: 100%; display: inline-block; position: relative; margin-top: 40px;}

.economy-list li {width: 55%; height: 306px; text-align: center; padding: 40px; border-radius: 300px; color: #ffffff;}

.economy-list li.e-bg01 {background:rgba(98,129,193, .9);}

.economy-list li.e-bg02 {background:rgba(246,147,0, .9);}

.economy-list .right { position: absolute; top: 0px; right: 0px}

.economy-bg strong { font-size: 30px !important;}

.economy-list li .icon {width: 100%; display: inline-block;}

.economy-list li .icon.item-ico01:before, 

.economy-list li .icon.item-ico02:before {display: inline-block;  width: auto; height: 103px; content: ''; margin: 20px 0px;}

.economy-list li .icon.item-ico01:before {width: 131px; background: url('/static/ai/images/detail/ico_s06_1.svg'); text-align: center;}

.economy-list li .icon.item-ico02:before {width: 131px; height: 90px; background: url('/static/ai/images/detail/ico_s06_2.svg'); text-align: center;}

.economy-list2 {margin: 60px auto; z-index: 1; font-size:0px;display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;}

.economy-list2 li {width: 25%; min-height: 320px; padding: 40px; margin: 0px; vertical-align: top; border:solid 1px #dddddd; border-right: none; display: inline-block; /*z-index: 2;*/ position: relative; background: #fff; -ms-flex: 1; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}

.economy-list2 .cont-tit {text-align: center;}

.economy-list2 li:last-child {border-right:solid 1px #dddddd;}

.economy-list2 .sli1:after, .economy-list2 .sli2:after, .economy-list2 .sli3:after {content:''; display: block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: -25px;  z-index: 1; width:50px; height: 50px; background: url('/static/ai/images/detail/ico_plus.png') no-repeat;}

.economy-list2 .sli1 .cont-tit:before {content:''; display: block; width:88px; height: 114px; background: url('/static/ai/images/detail/ico_s06_3.svg') no-repeat; margin: 0 auto 30px; }

.economy-list2 .sli2 .cont-tit:before {content:''; display: block; width:88px; height: 114px; background: url('/static/ai/images/detail/ico_s06_4.svg') no-repeat; margin: 0 auto 30px; }

.economy-list2 .sli3 .cont-tit:before {content:''; display: block; width:125px; height: 114px; background: url('/static/ai/images/detail/ico_s06_5.svg') no-repeat; margin: 0 auto 30px; }

.economy-list2 .sli4 .cont-tit:before {content:''; display: block; width:125px; height: 114px; background: url('/static/ai/images/detail/ico_s06_6.svg') no-repeat; margin: 0 auto 30px; }

.economy-list2 .sli2 .text-percent {font-size: 1.3em; text-align: right; float: right; color:#398e95}

.economy-list2 .sli2 .text-percent:before {content:''; display: inline-block; border-top: dashed 1px #dddddd; position: absolute; top: 50%; width: 62%; right: 55px;}

.economy-list2 .text-list p {text-align: left;}

.economy-bg2 {width: 100%; height: 400px; text-align: center; position: relative; color: #ffffff; margin-bottom: 60px;}

.economy-bg2.item-bg01 {background: url('/static/ai/images/detail/bg_s06_tab01_1.jpg') center center no-repeat; -webkit-background-size: cover; background-size: cover;}

.economy-bg2.item-bg02 {background: url('/static/ai/images/detail/bg_s06_tab02_1.jpg') center center no-repeat; -webkit-background-size: cover; background-size: cover;}

.economy-bg2.item-bg03 {background: url('/static/ai/images/detail/bg_s06_tab03_1.jpg') center center no-repeat; -webkit-background-size: cover; background-size: cover;}

.economy-bg2.item-bg04 {background: url('/static/ai/images/detail/bg_s06_tab04_1.jpg') center center no-repeat; -webkit-background-size: cover; background-size: cover;}

.economy-bg2 .category, .economy-bg2 .title, .economy-bg2 .text {width: 100%; display: inline-block;}

.economy-bg2 .category {font-size: 20px;}

.economy-bg2 .title, .economy-bg2 .title strong {font-size: 46px; font-family:'poppins'; color: #ffffff !important;}

.economy-bg2 .title strong {font-weight: 700 !important;}

.economy-bg2 .title .tt {padding: 0px 30px;}

.economy-bg2 .text {width: 90%; padding:0 5%; margin-top: 20px;}



.look-cont .table-style {margin: 60px 0px 10px}

.look-cont .table-style td {text-align: left;}





.pr-cont {width: 100%; display: table; margin-bottom: 60px;}

.pr-cont:last-child {margin-bottom: 0px}

.pr-cont .left-title {width: 25%; display: table-cell; font-size: 1.5em; line-height: 1.3em; font-weight: 900; vertical-align: top;}

.pr-cont .left-title span {width: 100%; display: inline-block;}

.pr-cont .right-cont {width: 75%; display: table-cell; vertical-align: top;}

.pr-cont .bg-cont { padding: 50px; background: #f2f2f2;}

.pr-cont .right-cont .img {display: inline-block; vertical-align: middle;}

.pr-cont .right-cont .cont {display: inline-block; vertical-align: middle; margin-left: 40px;}

.pr-cont .right-cont .title {width: 100%; display: inline-block; font-size: 1.3em; margin-bottom: 10px;}

.pr-cont .right-cont .text { display: inline-block; font-size: 1.2em; color: #666666; margin-bottom: 60px;}

.pr-cont .right-cont .down-link a {min-width: 140px; display: inline-block;  border-bottom:solid 1px #398e95; color:#398e95; padding: 0px 8px 5px; background: url('/static/ai/images/promotion/ico-downloard.svg') 120px 6px no-repeat; margin-right: 20px;}

.pr-cont .right-cont .down-link a:hover {color: #1f6166}





.sub-list2 .sub-list-box {display: inline-block; width: 49%; text-align: left; margin: 3px 5px; padding: 10px 7px; border: solid 1px #398e95;}

.sub-list2 .sub-list-box .sub-list-no {display: inline-block; min-width: 40px; text-align: center; background:#398e95; border-radius: 15px; color:#ffffff; margin: 0 5px;}



/* 유툽 플레이어등의 wrap. 높이가변형 */

.mv-wrap, .pr-cont .right-cont:not(.bg-cont) {max-width:996px;}

/* height - 451.8 */

.mv-wrap .mv, .pr-cont .right-cont:not(.bg-cont) .img {

    position: relative;

    width: 100%;

    height: 0;

    overflow: hidden;

    padding-bottom: 56.26%;

    /* padding-bottom: 45%; */

}

.mv-wrap .mv > iframe, .pr-cont .right-cont:not(.bg-cont) .img > iframe {

    position: absolute;

    top: 0;

    left: 0;

    max-width: 100%;

    height: 100%;

}



.page-coming {width: 100%; text-align: center; padding: 50px; border:solid 3px #eeeeee;}

.page-coming .icon {content:''; display: block; width: 100px; height: 100px; background: url(/static/ai/images/ico_coming.svg) no-repeat; margin: auto;}

.page-coming .title {width: 100%; display: inline-block; font-size: 2em; color:#398e95; margin: 40px 0px 20px;}

.page-coming .text {width: 100%; display: inline-block;}



.privacy-cont strong {font-size: 18px; margin-top: 40px; display: inline-block;}

.privacy-cont p {margin-bottom: 30px;}

.privacy-cont p:last-child {margin-bottom: 0px;}





/**********************************

popup style

**********************************/

.popup_wrapper {padding: 1em;}

.popup-wrap {width:1200px; margin: auto; padding:40px; font-size: 0; -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,.1); box-shadow: 5px 5px 5px 0px rgba(0,0,0,.1); }

.popup-wrap .left, .popup-wrap .right {width:60%; display: inline-block;}

.popup-wrap .left {float: left;}

.popup-wrap .right {width: 30%; float: right; text-align: center;}

.popup-wrap .txt {width: 100%; display: inline-block; text-align: center; color: #999999; font-size: 14px;}

.popup-wrap figcaption {line-height: 3.2em;}

.popup-wrap .text-right {text-align: right; margin: 15px 0 0 0;}

.popup_close {position: absolute; top: 1em; right: 1em; background: transparent;}

.popup_close span {color:#000000; font-size: 2.5em;}



/**********************************

button style

**********************************/

.btn-box {width: 100%; display: inline-block; text-align: center; margin-top: 30px;}

.btn-style1 {border:solid 1px #398e95; color:#398e95; border-radius: 3px; background: transparent; font-size: 14px; padding: 2px 5px; margin-top: 8px;}

.btn-style2 {border:solid 1px #000000; color:#000000; padding: 10px 40px; text-align: center; display: inline-block;} 





/**********************************

table style

**********************************/

.vertical-table, .horizontal-table {border-top:solid 1px #000000}

.vertical-table th, .vertical-table td {background:#fafafa; padding: 20px; text-align: left; border:solid 1px #dddddd; border-left:none; border-top:none; vertical-align: middle;}

.vertical-table td {border-right: none; background: transparent;}



.horizontal-table th, .horizontal-table td {background: #fafafa; padding:15px; border:solid 1px #dddddd; border-left:none; text-align:center; }

.horizontal-table th:last-child, .horizontal-table td:last-child {border-right: none;}

.horizontal-table tbody th,

.horizontal-table td {background: transparent; font-weight: normal;}

.horizontal-table th {vertical-align: middle;}



.table-cont, .table-cont2 {margin-bottom: 60px;}

.table-style, .table-style2 { border-top:solid 1px #000000; }

.table-style th, .table-style td, .table-style2 th, .table-style2 td { padding: 20px; border:solid 1px #dddddd; border-left:none; border-top:none; text-align: center; vertical-align: middle;}

.table-style2 th, .table-style2 td {text-align:left;}

.table-style th, .table-style2 th {background: #fafafa;}

.table-style th:last-child, .table-style td:last-child, .table-style2 th:last-child, .table-style2 td:last-child {border-right:none}

.table-style .bg {background:#398e95; color:#ffffff}

.table-style .bg02 {background: #ededed;}

.table-style3 {width: 48%; position: absolute; background: rgba(0, 0, 0, .8); top: 50%;  -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  -o-transform: translateY(-50%);  transform: translateY(-50%); left: 50px;}

.table-style3 td {color: #ffffff; border:solid 1px rgba(255, 255, 255, .3); padding: 15px; vertical-align: middle;}







/**********************************

board list

**********************************/

.board .date {color:#999999; font-size:15px;}



.board-top {overflow: hidden; margin-bottom: 30px;}

.board-top > * {display: inline-block; vertical-align: bottom;}

.board-top .text-left {width: 29%;}

.board-top .text-right {width: 69%;}

.total-txt {vertical-align: bottom;}

.total-txt strong {color:#398e95; font-size: 17px;}

#boardSearch {position: relative; left: 17px;}

#boardSearch select {vertical-align: bottom; margin-right: 1em;}

#boardSearch input[type=search] {padding-right: 45px; width:270px;}

#boardSearch button {background: transparent; position: absolute; right: 10px; bottom: 13px; }

/* #boardSearch button i {margin-left: -40px;} */



.board-list {table-layout: fixed;}

.board-list .title, .gallery-list .item-tit {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /* overflow: hidden; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 46px; */}



.board-list, .gallery-list, .board-view {border-top:solid 1px #000000}

.board-list tr:hover {background: #fafafa;}

.board-list thead th {color:#000000; padding: 20px 0px; border-bottom:solid 1px #dddddd; background: #fafafa;}

.board-list thead th, .board-list tbody th, .board-list tbody td {padding: 20px 0px; border-bottom:solid 1px #dddddd; text-align: center; font-weight: normal;}

.bg-notice {background:#000000; padding: 2px 8px; border-radius: 3px; font-size: 13px; color:#ffffff;}

.board-list tbody th {text-align: left;}





.board-view .title-box {padding: 30px; border-bottom:solid 1px #dddddd;}

.board-view .title-box .tit {width: 100%; display: inline-block; font-size: 26px; font-weight: bold;}

.board-view .title-box .date {width: 100%; display: inline-block; font-weight: 500; margin-top: 15px;}

.board-view .text-box {border-bottom:solid 1px #cccccc; position: static; background: none;}

.board-view .text-content {min-height: 400px; padding: 30px;}

.board-view .files-content {padding: 30px; background: #f1f8f9; margin-bottom: 30px;}

.board-view .files-content .file-title {display: inline-block; margin-right: 15px;}

.board-view .files-content a {display: inline-block; color:#398e95; margin: 0px 10px;}

.board-view .files-content a:before {content:url('/static/ai/images/ico_download.svg'); vertical-align: top;}

.board-view .line {border-bottom:solid 1px #cccccc;}

.board-view .pn-list li {width: 100%; display: inline-block; padding: 20px 30px; border-bottom:solid 1px #cccccc;}

.board-view .arw-top {border-bottom:solid 1px #dddddd !important;}

.board-view .arw-top:before {content:url('/static/ai/images/arw_top.svg'); margin-right: 20px;}

.board-view .arw-bottom:before {content:url('/static/ai/images/arw_bottom.svg'); margin-right: 20px;}

.board-view .text-gray {color: #666666}

html.ie .board-view .arw-top:before, html.Edge .board-view .arw-top:before {content: '△';}

html.ie .board-view .arw-bottom:before, html.Edge .board-view .arw-bottom:before {content: '▽';}



.gallery-list {font-size: 0; border-bottom:solid 1px #dddddd; padding-top: 30px; }

.gallery-list li {width:calc(33.33333% - 20.666666666666668px); display: inline-block; margin: 0 31px 31px 0; vertical-align: top;}

.gallery-list li:nth-child(3n) {margin-right: 0;}

.gallery-list .item-tit {font-size: 20px; margin: 10px 0px 5px;}

.gallery-list li .item-img {width: 100%; height: 250px; overflow: hidden; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -ms-flex-pack: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -ms-flex-align: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; position: relative; background:#f2f2f2;

    height: 0; padding-bottom: 56.26%;

}

.gallery-list li .item-img img {width: 100%; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;

    margin-top: 56.26%;

}



#photoGallery {padding-bottom: 2em;}

.blog-list .item-tit {text-align: center;}

.blog-list .article-container {display: table; width: 100%;}

.blog-list .item-img, .blog-list .item-cont {display: table-cell; vertical-align: top;}

.blog-list .item-img {width: 60%; position: relative; /* min-height: 470px; */}

.blog-list .item-img .item-img-wrap {max-height: 470px; overflow: hidden;}

.blog-list .item-img img {width: 100%;}

.blog-list .item-img .caption {background: rgba(0, 0, 0, .7); color:#ffffff; position: absolute; bottom: 0; right: 0; padding: .5em 1.5em;}

.blog-list .item-cont {width: 40%; height: 100%; background:#f2f2f2; position: relative; overflow: hidden;}

.blog-list .item-cont > .item-content {position: absolute; top: 0; left: 0; width: calc(100% - 4em); height: 90%; max-height: calc(100% - 4em); /* height: calc(470px - 4em); */ margin: 2em; overflow-y: auto; overflow-x: hidden;}

html.ie .blog-list .item-cont > .item-content {position: relative; height: auto; max-height: 400px;}





/**********************************

footer

**********************************/

#footer {background: #222222; clear: both; }

#footer, #footer a {color:#cccccc;}

#footer a:hover, #footer a:active {color:#ffffff;}

body.index #footer {margin-top: 120px;}

body.index #subQuick {display: none;}

#subQuick {width: 100%; height: 213px; color:#ffffff; }

#subQuick a {color:#ffffff !important}

.quick-left, .quick-right {width: 50%; height: 213px; padding:20px; display: inline-block;}

.quick-left {background: #444444}

.quick-left .box, .quick-right .box {display: inline-block;}

.quick-right {float: right; background:#398e95;}

.tit-left, .tit-right {display: inline-block;}

.tit-left span, .tit-right span {width: 100%; display: inline-block; }

.quick-left .box {width:678px; float: right; position: relative;}

.quick-left ul {float:left;}

.quick-left li {width: 300px; margin: 0px 0px 10px 0px;}

.quick-left li a {font-size: 16px !important; display: block; padding: 10px 15px; border: solid 1px rgba(255, 255, 255, .3);}

.quick-left li a:hover, .quick-left li a:focus { border:solid 1px #ffffff; }

.quick-left li a:after {content: url('/static/ai/images/arw_right.svg'); float: right;}

.quick-left li:last-child {margin-bottom: 0;}

.quick-left .tit-left, .quick-right .tit-right {width: 40%; font-family:'nanumSquare'; font-weight: 500; font-size: 26px; line-height: 1.5em; }



.quick-left .tit-left {padding: 90px 0 0 0; text-align: right; float: right;}

.quick-left .tit-left:after {content: ""; display: block; width: 70px; height: 39px; position: absolute; top: 0; right: 0; background: url('/static/ai/images/ico_fourstep.svg') no-repeat;}

.quick-right .box {width:678px; display: inline-block; position: relative;}

.quick-right .tit-right {padding: 90px 0 0 0;}

.quick-right .tit-right:after {content: ""; display: block; width: 50px; height: 42px; position: absolute; top: 0; left: 0; background: url('/static/ai/images/ico_promotion.svg') no-repeat; }

.quick-right ul {float: right;}

.quick-right li {width: 184px; height: 170px; display: inline-block; font-size: 16px; background: url('/static/ai/images/arw_link_right.gif') 135px 135px no-repeat; -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,.1); box-shadow: 5px 5px 5px 0px rgba(0,0,0,.1); }

.quick-right li.ml20 {margin-left:20px}

.quick-right li a {width: 100%; height: 100%; display: block; padding: 10px; border: solid 2px rgba(255, 255, 255, .3);}

.quick-right li a:hover, .quick-right li a:focus {border:solid 2px #ffffff }

.footer-cont {position: relative; clear: both;}

.inner-footer {padding:40px 0px; margin: auto; }

.f-logo {display: inline-block;}

.f-logo:before {content:url('/static/ai/images/logo_footer.svg');}

.f-link { margin-left: -15px; margin-bottom: 15px}

.f-link li {display: inline-block; margin-left: 15px;}

.f-link li a {font-size: 14px;}

.f-info {width: 83%; display: inline-block; vertical-align: top; margin-left: 30px; font-size: 14px; }

.f-info address {font-style: normal; color: #999999;}

.r-line {display: inline-block; height: 13px; border-right: solid 1px rgba(255, 255, 255, .3); margin:0px 10px 5px; position: relative; top:6px;}

.f-info small {width: 100%; font-family: 'Poppins'; font-size: 90%; color: #666666;}

#footer .dropdown {float: right; top: -57px;}

#familyList {top: auto; bottom: 44px; left: 0;}

.top-btn {width: 80px; height:100%; background:#1c1c1c; position: absolute; right: 0; top: 0;}

.top-btn a {display: block; height: 100%; position: relative;}

.top-btn .top-txt {position: absolute; font-family:'poppins'; font-weight: 600; top: 41%; bottom: 35%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);  -webkit-transform: rotate(90deg);  -ms-transform: rotate(90deg);  -o-transform: rotate(90deg);  transform: rotate(90deg);}

.top-btn .top-txt:before {content:url('/static/ai/images/arw_topbtn.gif');}





/**********************************

eng

**********************************/



/*gnb*/

html[lang=en] #gnb .main >li { letter-spacing: -.8px;}

html[lang=en] .gnb-bg, html[lang=en] #gnb .sub {height: 300px;}



/*index*/

html[lang=en] .mv-text .text1 span {width: 100%; display: inline-block;}

html[lang=en] .mv-text h3 {font-size: 2em; line-height: 1.3em; margin-bottom: 10px;}

html[lang=en] .mv-text .text1 {font-size: 2.8em; line-height: 1.3em;}

html[lang=en] .mv-text .text2 {font-size: 1.4em; line-height: 1.3em;}



/*sitemap*/

html[lang=en] #sitemap .bg-sitemap .text-cont .big {font-family:'poppins'; font-size: 2.2em; font-weight: 800;}

html[lang=en] #sitemap h4 a, html[lang=en] #sitemap h4 a:hover {font-size: .9em; text-decoration: none; font-weight: 600;}

/* html[lang=en] #sitemap a {line-height: 1.3em;} */

html[lang=en] #sitemap .depth2 a, html[lang=en] #sitemap a:hover, html[lang=en] #sitemap a:focus, html[lang=en] #sitemap a.on  {font-size: .9em;} 

html[lang=en] #sitemap .dropdown-content ul {width: 100% !important}



/*공통*/



html[lang=en] .drop-wrap li {min-width: 315px}

html[lang=en] li.dr-li01 {min-width: 200px}

/* html[lang=en] li.dr-li03 {min-width: 335px} */





/*sub*/

html[lang=en] .select-list .sli2 .text-percent:after {content: ' '; display: block; clear: both;}

html[lang=en] .select-list .sli2 .text-list > p {padding-right: 50px;}

html[lang=en] .select-list .sli2 .text-percent {position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}



html[lang=en] .select-list .sli2 .text-percent:before {display: none;}

html[lang=en] .build-content .build-left li, html[lang=en] .build-left .all, html[lang=en] .build-content .build-right li {line-height: 2em !important}

html[lang=en] .build-content .build-left li { line-height: 2.5em !important}



html[lang=en] .ico-cont .text3 {width: 100%; right: -30%; font-size: 15px; line-height: 1.3em;}



html[lang=en] .pf-bottom .text-bold { font-size: 1.5em; letter-spacing: -.8px; line-height: 1.3em;}



html[lang=en] .background-cont li span {font-size: 14px; line-height: 1.3em;}

html[lang=en] .background-cont li .value {font-size: 11px; line-height: 1.3em;}



html[lang=en] .background-cont .small-tit:before {width: 65%}

html[lang=en] .background-cont .small-tit2:before {width: 62%}



html[lang=en] .table-style3 {width: 50%;}

html[lang=en] .table-style3 td {font-size: 14px; letter-spacing: -.6px; padding:15px 8px;}





html[lang=en] .box-img.img03 {background:#d7e8b4 url('/static/ai/images/business/eng_img_s02-3_03.jpg') center center no-repeat; -webkit-background-size: contain; background-size: contain;}



html[lang=en] .ico-cont .icon-price.item-icon01:before {content:''; display: block; width: 91px; height: 71px; background: url('/static/ai/images/story/eng_ico_s03_2.svg') no-repeat; text-align: center; margin: auto;}

html[lang=en] .ico-cont .icon-price.item-icon02:before {content:''; display: block; width: 58px; height: 71px; background: url('/static/ai/images/story/eng_ico_s03_4.svg') no-repeat; text-align: center; margin: 0px auto 0px;}

html[lang=en] .ico-cont .icon-price.item-icon03:before {content:''; display: block; width: 76px; height: 71px; background: url('/static/ai/images/story/eng_ico_s03_6.svg') no-repeat; text-align: center; margin: 0px auto 0px;}



html[lang=en] .scale-cont .basic-bg span, html[lang=en] .scale-cont .yellow-bg, html[lang=en] .scale-cont .text-right {font-size: 17px; line-height: 30px;}

html[lang=en] .scale-cont .title {width: 100%}

html[lang=en] .scale-cont .basic-bg {width: 85%}



html[lang=en] .airside-list li .text1, html[lang=en] .airside-list li .text2 {font-size: 14px; line-height: 1.3em; text-align: center;}



html[lang=en] .economy-box .bg-mint:before {top: 63%;}

html[lang=en] .terminal2-cont .right.img.item-img {width: 191px; height: 212px; background: url('/static/ai/images/detail/eng_img_s01_tab3_2.jpg');}



html[lang=en] .bhs-img2 .item-box, html[lang=en] .bhs-item2 {font-size: 12px;}





html[lang=en] .bhs-img2.item-ico01 .item-box {background: url('/static/ai/images/detail/eng_bhs_img01.jpg') center no-repeat}

html[lang=en] .bhs-img2.item-ico02 .item-box {background: url('/static/ai/images/detail/eng_bhs_img02.jpg') center no-repeat}



/*footer*/

html[lang=en] #mainContent .quick-content li span {font-size: 1em; line-height: 1.3em;}

html[lang=en] .quick-left .tit-left, html[lang=en] .quick-right .tit-right {font-size: 1.1em; line-height: 1.3em; letter-spacing: -.5px;}

html[lang=en] #subQuick a { line-height: 1.3em; letter-spacing: -.5px !important;}

html[lang=en] .quick-left li a {padding: 13px; font-size: .8em !important; letter-spacing: 0px !important;}

html[lang=en] address span {width: 70%; display: inline-block}

html[lang=en] address span.r-line {display: none !important;}

html[lang=en] address span {width: 70%; display: inline-block}

html[lang=en] address span.r-line {display: none !important;}



/* popup */

#notice_popup_wrap {right: 10%; top: 80px; position: absolute; z-index: 200; border: solid 1px #000000; background-color:#ffffff; max-width: 352px;}

.popup-cont {background: #398e95;}

.popup-frm {padding: 3px 5px 5px; border-top: solid 1px #000000;}

.popup-frm a {text-decoration: none; color: #000000;}

/* html[lang=en] .popup-frm {letter-spacing: -1px;} */



#notice_popup {position: relative;}

#notice_popup_wrap .flex-control-nav {top: 100%;}

#notice_popup_wrap .popup-item {visibility: hidden;}

#notice_popup_wrap .flex-viewport {border-bottom: solid 1px #000000; -webkit-transition: none; -o-transition: none; transition: none;}

#notice_popup_wrap .flex-direction-nav .flex-prev,

#notice_popup_wrap .flex-direction-nav .flex-next {position: static;}

#notice_popup_wrap .flex-direction-nav,

#notice_popup_wrap .flex-direction-nav *,

#notice_popup_wrap .flex-pauseplay,

#notice_popup_wrap .flex-pauseplay * {line-height: 1em;}

#notice_popup_wrap .flex-direction-nav {display: inline-block; margin: 5px 10px 0;}

#notice_popup_wrap .flex-direction-nav li {display: inline-block;}

#notice_popup_wrap .flex-direction-nav a {position: static; width: 30px; height: 25px; margin: 0; opacity: 1;}

#notice_popup_wrap .flex-direction-nav a:before {padding: 6px 0; font-size: 18px; color: #000000;}

#notice_popup_wrap .flex-direction-nav a, 

#notice_popup_wrap .flex-pauseplay a {font-size:0;}

#notice_popup_wrap .flex-direction-nav a:before, 

#notice_popup_wrap .flex-pauseplay a:before {line-height:20px;}

#notice_popup_wrap .flex-direction-nav .flex-prev,

#notice_popup_wrap .flex-direction-nav .flex-next {padding: 0 10px;}

#notice_popup_wrap .flex-direction-nav .flex-next {margin-left: 10px;}

#notice_popup_wrap .flex-pauseplay {position: relative;}

#notice_popup_wrap .flex-pauseplay a {left: auto; right: 10px; bottom: 7px;}

#notice_popup_nav {position: absolute; bottom: 5px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); font-weight: bold;}