@charset "utf-8";


/*
Theme Name: IWAZ (아이와즈)
Theme URI: http://iwaz.co.kr
Version: 1.0
*/

/*
 * Dependency : css/commons.css
 *
 * SUMMARY:
 * 1) GENERAL
 * 2) KBOARD STYLE
 * 3) COMPONENT
 * 4) HEADER
 * 5) FOOTER
 * 6) MAIN
 * 7) SUB PAGE
 * 8) 404
 * 9) MEDIAQUERIES
*/



/* **************************************** *
 * GENERAL
 * **************************************** */

/* MOBILE RESET */
input[type=text],input[type=tel],input[type=email],input[type=password],input[type=url],input[type=submit],textarea{-webkit-appearance:none;border:1px solid #ddd;border-radius:inherit;background-clip: padding-box;}
input[type=radio]{border-radius:100%;}
textarea:focus,input[type=text]:focus,input[type=tel]:focus,input[type=email]:focus,input[type=password]:focus,input[type=url]:focus{/*! border-color:#dc382c !important; */ outline:none}

html {scroll-behavior: smooth;}
.grab_wide {position: relative;max-width: 1740px;margin: 0 auto;}
.grab {max-width:1350px; margin:0 auto;}

.line_background {position: absolute;width: 100%;height: 100%;z-index: 0;left: 0;top: 0;z-index: -1;}
.line_background .line {display: inline-block;width: 1px;height: 100%;background: #f0f0f0; position: absolute;}
.line_background .line_1 {left: 0;}
.line_background .line_2 {left: 14.285%;}
.line_background .line_3 {left: 28.57%;}
.line_background .line_4 {left: 42.855%;}
.line_background .line_5 {left: 57.14%;}
.line_background .line_6 {left: 71.425%;}
.line_background .line_7 {left: 85.71%;}
.line_background .line_8 {left: 100%;}


/* modal */
.modal .modal-dialog {width:1100px; background:#fff; margin: 75px auto 50px; position:relative;}
.modal .modal-dialog .close {color: #fff; opacity: 1; font-size: 52px; position: absolute; right: -55px;top: 0;}
.modal .modal-dialog .close:hover {
	-webkit-animation:spin-close 0.3s;
    -moz-animation:spin-close 0.3s;
    animation:spin-close 0.3s;
}
@-moz-keyframes spin-close { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin-close { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin-close { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }


/* **************************************** *
 * HEADER
 * **************************************** */
#header {height: 80px;background: #FFF repeat center top;position:relative;width: 100%;z-index: 5;top: 0;left: 0;/*transition: 800ms;*/padding: 0 80px;border-bottom: 1px solid #eaeaea;}
.header_inner {position: relative;}
.home .header_inner,.page-id-9 .header_inner{ /*border-bottom: #ddd 1px solid; */height: 80px;}
div#global_container {overflow: hidden;}
div#global_container,
.header_wrap { /*! padding: 0 80px; */ max-width: 1900px; margin: auto; }

/* FIXED HEADER */
#header{/*! position:fixed */}

/* LOGO*/
#logo {position: absolute;top: 12px;left: 0;/*transition: 800ms;*/}
#logo a { position: relative; display: block;}
#logo img { width: 124px; display: block; }

/* LANG */
a.header_lang { position: absolute; right: 40px; top: 24px; font-size: 13px; font-weight: 800; border: 1px solid #f03576; display: block; width: 100px; text-align: center; padding: 5px 0 4px;/*! -webkit-transition:color 500ms cubic-bezier(0, 0.4, 0.5, 1); */transition: color 500ms cubic-bezier(0, 0.4, 0.5, 1);color: #f03576;height: 33px;font-family: 맑은고딕;}
a.header_lang:before {content: "";display: block;position: absolute;z-index: 1;background: #f03576;width: 0;height: 100%;top: 0;right: 0;-webkit-transition:500ms cubic-bezier(0, 0.4, 0.5, 1);transition: 500ms cubic-bezier(0, 0.4, 0.5, 1);z-index: -1;}
a.header_lang:hover {color: #fff;}
a.header_lang:hover:before {width: 100%;}

/* LANG2 */
a.header_lang2 { position: absolute; right: 150px; top: 24px; font-size: 13px; font-weight: 800; border: 1px solid #0f1452; display: block; width: 100px; text-align: center; padding: 5px 0 4px; transition: color 500ms cubic-bezier(0, 0.4, 0.5, 1);color: #0f1452;height: 33px;font-family: 맑은고딕;}
a.header_lang2:before {content: "";display: block;position: absolute;z-index: 1;background: #0f1452;width: 0;height: 100%;top: 0;right: 0;-webkit-transition:500ms cubic-bezier(0, 0.4, 0.5, 1);transition: 500ms cubic-bezier(0, 0.4, 0.5, 1);z-index: -1;}
a.header_lang2:hover {color: #fff;}
a.header_lang2:hover:before {width: 100%;}

a.header_inquiry {position: absolute;right: 108px;top: 25px;font-size: 13px;font-weight: 800;color: #060c5c;letter-spacing: 1px;border: 3px solid #000b98;display: block;width: 90px;text-align: center;padding: 6px 0;-webkit-transition:color 500ms cubic-bezier(0, 0.4, 0.5, 1);transition: color 500ms cubic-bezier(0, 0.4, 0.5, 1);height: 33px;display: none;}
a.header_inquiry:before {content: "";display: block;position: absolute;z-index: 1;background: #060c5c;width: 0;height: 100%;top: 0;left: 0;-webkit-transition:500ms cubic-bezier(0, 0.4, 0.5, 1);transition: 500ms cubic-bezier(0, 0.4, 0.5, 1);z-index: -1;}
a.header_inquiry:hover {color: #fff;}
a.header_inquiry:hover:before {width: 100%;}


/* MENU */
.menu_container {position: absolute;left: 50%;top: 21px;z-index: 850;/*transition: 800ms;*//*-ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); *//* transform: translateX(-50%); */width: 850px;margin-left: -465px;}
ul#menu {}
ul#menu a { color: #333; text-decoration: none; font-size: 17px; /*-webkit-transition:500ms; transition:500ms*/letter-spacing: 0;font-weight: 700;}
ul#menu > ul {}
ul#menu > li > a:hover,ul#menu > li.current > a { color:#000b98;}
ul#menu > li > a:before {content: '';display: block;width: 1px;height: 15px;position: absolute;left: 0;top: 16px;background: #ddd;}
ul#menu > li:first-child > a:before {background: none;}
/*ul#menu > li > a:after{left: 0;bottom: 0;width:10px;height: 4px;content:"";position:absolute;display:block;}
ul#menu > li:hover > a:after{background-color: #DC372B;width: 90%;margin: 0 5%;}*/
ul#menu > li,ul#menu > li > a { float: left; display: block; }
ul#menu > li > ul {/* display: none; */opacity: 0;position:absolute;visibility: hidden;top: 59px;width: 200px;z-index:255;left: 50%;margin-left: -100px;box-shadow: 5px 4px 12px -4px rgba(0,0,0,0.16);-webkit-transition:opacity 150ms;transition: opacity 150ms;border-left: 1px solid rgba(0,0,0,0.03);border-bottom: 1px solid #f5f5f5;}
ul#menu li:hover > ul {/* display: block; */visibility: visible;opacity: 1;}
ul#menu > li > a {padding: 10px 40px 25px 40px;position: relative;}
ul#menu li{ position:relative}
ul#menu > li > ul a {background: #fff;display: block;padding: 10px 5px 10px 25px;font-size: 14px;clear: both;border-top: 1px solid #edebe4;text-align: left;-webkit-transition:300ms;transition: 300ms;font-weight: 300;}
ul#menu > li:hover > ul a { padding: 17px 5px 17px 25px;}
ul#menu > li > ul a:hover {background: #040b5c;color: #fff;}
ul#menu > li > ul > li > ul a { padding-left:40px; position:relative;background: #fafafa;}
ul#menu > li > ul > li > ul a:hover {background: #fafafa;color: #66af3f;}
ul#menu > li > ul > li > ul a:before { content: ""; display: block; position: absolute; top: 50%; left: 24px; background: #67af3f; width: 5px; height: 1px;}
ul#menu > li > ul > li:first-child > a{border-top: none;}
ul#menu > li > a > span {background: #794FEC;color: #fff;padding: 10px 30px;border-radius: 30px;box-shadow: 0px 2px 4px #bbbbbb;position: relative;}
ul#menu > li > a > span::after {
	content: "";
	position: absolute;
	right: 0px;
	bottom: 0;
	width: 0;
	height: 0;
	border-bottom: 4px solid #794fec;
	border-top: 12px solid transparent;
	border-left: 9px solid #794fec;
	border-right: 5px solid transparent;
	transform: rotate(180deg);
}

/* allNav */
.openNav {position: absolute;right: 0;top: 29px;}
.openNav .ico-menu {display: inline-block; width:23px; height: 25px;background: url(../images/common/openNav_ico.png) no-repeat;background-position: center;}
.openNav .ico-menu:hover, .openNav .ico-menu:active, .openNav .ico-menu:focus {background: url(../images/common/openNav_ico_on.png) no-repeat; background-position: center;}
.allNav {height: 0%; width: 100%; position: fixed; z-index: 999; top: 0; left: 0;  background-color: rgba(4,11,92, 0.88); overflow-y: hidden; transition: 0.5s;}
.allNav .grab {position: relative; top: 20%; text-align: center;  margin-top: 30px;overflow: hidden;width: 1200px;}
.allNav .grab a {color:#ff4082;}
.allNav .grab a:hover {/*! color:#000; */}
.allNav .grab > ul {}
.allNav .grab > ul > li {float: left;width: 16.6%;padding: 0 0.5%;}
.allNav .grab > ul > li > a {font-size: 34px;display: block;letter-spacing: 0.5px;padding-bottom: 0px;font-weight: 800;}
.allNav .grab > ul > li > a:hover {color: #f03576;}
.allNav .grab > ul > li > ul {margin-top: 15px;}
.allNav .grab > ul > li > ul > li {}
.allNav .grab > ul > li > ul > li a {letter-spacing: 0.2px;font-size: 17px;line-height: 2.7;display: block;color: rgba(255,255,255,0.6);font-weight: 700;}
.allNav .grab > ul > li > ul > li a:hover {color: rgba(255,255,255,0.99);}
.allNav .closebtn {position: absolute;top: 20px; right: 45px; font-size: 42px; color:#fff;}
.allNav .closebtn:hover {-webkit-animation:spin-close 0.3s; -moz-animation:spin-close 0.3s; animation:spin-close 0.3s;}


/* **************************************** *
 * FOOTER
 * **************************************** */
.footer {}
.footer {text-align: center;line-height: 65px;}
.footer p {font-size: 13px;letter-spacing: 0.15em;font-weight: 700;color: #000;text-transform: uppercase;}
.footer p b {letter-spacing: 0.15em;font-weight: 800;}





/* **************************************** *
 * ADMIN
 * **************************************** */
.box_login {margin-top: 5%;padding: 80px 0px;}
.box_login * {box-sizing:border-box;}
.box_login .grab {max-width: 540px; background:#fff; margin: 0 auto; padding:50px; box-shadow: 0 1px #cbcbcb;border-radius: 20px;}
.box_login .head {text-align:center; margin-bottom:50px;}
.box_login .head .Subtit {color:#005aae; margin-bottom:5px;}
/* .box_login .head .Subtit img {width: 80px;} */
.box_login .head span {display:block; font-size: 18px; color: #9f9f9f;font-weight: 400;margin-top: 10px;}
.box_login .head span b {font-weight: 800;color: #666;}
.box_login .body .form-group {border:0; overflow:hidden; margin-bottom: 20px;}
.box_login .body .form-group label {font-size: 17px;font-weight: 700;display: block;margin-bottom: 5px;}
.box_login .body .input-box {width: 100%; height: 50px; padding: 6px 15px; border: none;  box-shadow: none; background: #f5f5f5; position:relative;letter-spacing: -0.08em;font-size: 16px;border-radius: 100px;}
.box_login .body .input-box:focus, .box_login .body .input-box:active {border:1px solid #29bbef;background: #fff;}
.box_login .body .btn_navy {display:block; width:100%; margin-top:0; text-align:center;background: #040b5c;color: #fff;font-size: 18px;padding: 12px 0;border-radius: 100px;}
.box_login .body .btn_navy:hover, .box_login .body .btn_navy:focus {background: #0e1347;}
.box_login .body .next {color:#aa8345;}
.box_login .body .next:hover, .box_login .body .next:active {text-decoration: underline;}





/* **************************************** *
 * MAIN
 * **************************************** */

/* SLIDESHOW AREA */
.main_visual_slide img {  width: 100%; display: block;}
.main_visual_slide { position: relative; }
.main_visual_slide h2 { position: absolute;line-height: 1.19;font-size: 1.75em;left: 5.8%;bottom: 10%;z-index: 3; }
.main_visual_slide h2 span {display: block;color: #fff;font-size: 84px;letter-spacing: -0.88px;line-height: 1.05;font-weight: 800;}
.main_visual_txt_container,.main_visual_slide:before {position: absolute;right: 0;top: 0;width: 0;padding-left: 0;bottom: 0;background: url(../images/main/main_visual_curve.png) rgba(4, 11, 92, 0.88) no-repeat;/*padding-top: 18.2%;*/overflow:hidden;background-position: right;}
.main_visual_slide:before{content:"";background-color: rgba(4, 11, 92, 0.4);z-index: 6;width:0px;-webkit-transition:600ms width;transition: 600ms width;-webkit-transition-delay: 400ms;transition-delay: 400ms;}
p.main_visual_txt {display: table-cell;vertical-align: middle;font-size: 50px;font-weight: 300;color: rgba(255,255,255,0.33);line-height: 1.2;letter-spacing: -0.05em;}
p.main_visual_txt b { font-weight: 700; color: #fff }
.main_visual_txt_container a {font-size: 12px;letter-spacing: 0.41em;color: #fff;display: block;margin-top: 13%;padding-top: 20px;width: auto;position: absolute;bottom: 250px;left: 8px;font-weight: 800;padding-bottom: 3px;}
.main_visual_txt_container a:before { content: ""; position: absolute; display: block; bottom: 2px; right: -2px; height: 12px; width: 12px; background: url('images/main/visual_more_arrow_bar.png') no-repeat center bottom; }
.main_visual { position: relative;-webkit-touch-callout: none;  -webkit-user-select: none;-ms-user-select: none;position: relative;z-index: 2;/*! display: none; */width: 100% !important;}
.main_visual ul{ position: relative;    padding-top: 45.4%; height: 0; overflow: hidden; }
a#scroll_down {position: absolute;bottom: -40px;left: 50%;/* margin-left: -90px; */width: 180px;width: 11%;font-size: 12px;letter-spacing: 0.3em;text-align: center;display: block;padding: 9px 7px;border: #fb2c74 1px solid;color: #fff;/*! background: url('../images/main/down-arrow.png') no-repeat center 67px; */z-index: 500;-webkit-transform: translateX(-50%); transform: translateX(-50%);font-weight: 800;}
a#scroll_down span {display: block;margin-top: 15px;padding-top: 15px;}
a#scroll_down img {animation: Moveobject 1s linear infinite; position: relative;}
small.corp { font-size: 12px; color: #d0d0d0; letter-spacing: 0.28em; -ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);transform: rotate(90deg); position: absolute; top: 50%;right: -200px;font-weight: 700;}
.visual_nav { position: absolute; top: 50%;  right: 39px; z-index: 230; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);  width:80px; text-align:right;}
.visual_nav span {cursor:pointer;display: block;line-height: 1px;height: 6px;width: 25px;text-indent: 99px;background-color: #fff;margin-bottom: 15px;float: right;-webkit-transition:width 300ms;transition: width 300ms;clear: both;overflow: hidden;}
.visual_nav span.cycle-pager-active {width:77px;-webkit-transition:width 500ms;transition: width 500ms;}
.main_visual_txt_container{z-index: 7;-webkit-transition:width 800ms,  padding 800ms;transition: width 800ms,  padding 800ms;-webkit-transition-delay:1000ms;transition-delay:1000ms;}
.main_visual_slide:after{-webkit-transition:width 800ms;transition: width 800ms; width:0px;-webkit-transition-delay:1000ms;transition-delay:1000ms;}
.main_visual_txt_inner{display: table;width:800px;height: 100%;position: relative;-webkit-transform: translate3d(120px,0,0);transform: translate3d(120px,0,0);-webkit-transition:-webkit-transform 900ms;transition:-webkit-transform 900ms;transition:transform 900ms;transition:transform 900ms, -webkit-transform 900ms;-webkit-transition-delay:1100ms;transition-delay:1100ms;}
.main_visual_slide img{-webkit-transition-delay:800ms;transition-delay:800ms;-webkit-transform: scale(1) rotate(0deg);-ms-transform: scale(1) rotate(0deg);transform: scale(1) rotate(0deg);}
.main_visual_slide{ overflow:hidden}
p.main_visual_txt b{-webkit-transform: translate3d(120px,0,0);transform: translate3d(120px,0,0);-webkit-transition:-webkit-transform 900ms;transition:-webkit-transform 900ms;transition:transform 900ms;transition:transform 900ms, -webkit-transform 900ms;-webkit-transition-delay:900ms;transition-delay:900ms;display: inline-block;}
.main_visual_txt_container a{-webkit-transform: translate3d(230px,0,0);transform: translate3d(230px,0,0);-webkit-transition:-webkit-transform 900ms;transition:-webkit-transform 900ms;transition:transform 900ms;transition:transform 900ms, -webkit-transform 900ms;-webkit-transition-delay:900ms;transition-delay:900ms;display: inline-block;background: url(../images/main/visual_arrow.png) no-repeat;background-position: right 20px;padding-right: 20px;}
.main_visual_slide h2 span b { display: block; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0);  -webkit-transition:-webkit-transform 500ms;  transition:-webkit-transform 500ms;  transition:transform 500ms;  transition: transform 500ms, -webkit-transform 500ms;-webkit-transition-delay:1000ms;transition-delay:1000ms;}
.main_visual_slide h2 span { /*! overflow: hidden; */}
.cycle-slide-active .main_visual_txt_container{width:38.8%; padding-left:4.5%; -webkit-transition-delay:600ms; transition-delay:600ms}
.cycle-slide-active .main_visual_slide:before{width: 38.5%; -webkit-transition-delay:500ms; transition-delay:500ms;}
.cycle-slide-active .main_visual_slide img{position:relative; z-index:2;-webkit-transition:-webkit-transform 1000ms ease;transition:-webkit-transform 1000ms ease;transition:transform 1000ms ease;transition: transform 1000ms ease, -webkit-transform 1000ms ease; -webkit-transition-delay:0ms; transition-delay:0ms;  -webkit-transform: scale(1.1) rotate(0.01deg) translate3d(0,0,0); transform: scale(1.1) rotate(0.01deg) translate3d(0,0,0);}
.cycle-slide-active .main_visual_direct_site .arrow {max-width: 100%;width: 15px;height: 15px;display: inline-block;margin-left: 0px;}
.cycle-slide-active .main_visual_txt_inner{-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.cycle-slide-active p.main_visual_txt b,
.cycle-slide-active .main_visual_txt_container a{-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.cycle-slide-active .main_visual_slide h2 span b{-webkit-transition-delay:300ms;transition-delay:300ms; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);font-weight: 300;}
.cycle-slide-active .main_visual_slide h2 span + span b{ -webkit-transition-delay:450ms; transition-delay:450ms}
.cycle-slide-active .main_visual_slide h2 span + span + span b{ -webkit-transition-delay:600ms; transition-delay:600ms}
.main_visual_slide h2 span.bold b {font-weight: 800;}


@keyframes Moveobject {
  0% {
    bottom: 7px;
  }
  50% {
    bottom: 0px;
  }
  100% {
    bottom: 7px;
  }
}

/* SOLUTION AREA */
.main_solution {}
.main_solution .grab {position: relative;padding-bottom: 120px;}
.main_solution .tit_area {text-align: center;padding-top: 115px;padding-bottom: 75px;position: relative;z-index: 2;}
.main_solution .tit_area span, .main_solution .tit_area strong {display: block;}
.main_solution .tit_area .head_tit, .main_solution .tit_area .head_tit b {font-size: 48px;color: #060c5c;letter-spacing: 0.05em;font-weight: 800;}
.main_solution .tit_area .head_tit .gray {color: #c5c5c5;}
.main_solution .tit_area .sub_tit {font-size: 18px;color: #999;font-weight: 400;}
.main_solution .tit_area .sub_tit b {font-weight: 800;}
.main_solution .solution_area {position: relative;z-index: 2;}
.main_solution .solution_area:after {display:block; content:""; clear:both;}
.main_solution .solution_area li {float: left;width: 20%;height: 420px;padding-right: 10px;}
.main_solution .solution_area li:last-child { padding-right: 0;}
.main_solution .solution_area li a {display: block;height: 100%;padding: 45px 35px 30px 35px;position: relative;box-shadow: 5px 2px 25px rgba(0,0,0,0.3);-webkit-transition: a 2s ease-in;-moz-transition: background-position 2s ease-in;-o-transition: background-position 2s ease-in;transition: background-position 2s ease-in;}
.main_solution .solution_area li .entit {display: block;font-size: 28px;line-height: 1.2;letter-spacing: 0.01em;color: #fff;font-family: 'NanumSquareEB';}
.main_solution .solution_area li .text {display: block;font-size: 16.5px;color: #fff;margin-top: 10px;letter-spacing: -0.03em;opacity: 0.85;}
.main_solution .solution_area li img {position: absolute;right: 35px;bottom: 35px;display: none;}
.main_solution .solution_area li.solution_1 a {background: url(../images/main/solution_bg_1.jpg);background-position: 50% 5%;}
.main_solution .solution_area li.solution_1 a:hover, .main_solution .solution_area li.solution_1 a:active, .main_solution .solution_area li.solution_1 a:focus {background: url(../images/main/solution_bg_1_on.jpg); background-position: left 5%;}
.main_solution .solution_area li.solution_2 a {background: url(../images/main/solution_bg_2.jpg);background-position: 100% 10%;}
.main_solution .solution_area li.solution_2 a:hover, .main_solution .solution_area li.solution_2 a:active, .main_solution .solution_area li.solution_2 a:focus {background: url(../images/main/solution_bg_2_on.jpg); background-position: left 10%;}
.main_solution .solution_area li.solution_3 a {background: url(../images/main/solution_bg_3.jpg);background-position: 60% 48%;}
.main_solution .solution_area li.solution_3 a:hover, .main_solution .solution_area li.solution_3 a:active, .main_solution .solution_area li.solution_3 a:focus {background: url(../images/main/solution_bg_3_on.jpg); background-position: left 48%;}
.main_solution .solution_area li.solution_4 a {background: url(../images/main/solution_bg_4.jpg);background-position: 50% 5%;}
.main_solution .solution_area li.solution_4 a:hover, .main_solution .solution_area li.solution_4 a:focus, .main_solution .solution_area li.solution_4 a:active {background: url(../images/main/solution_bg_4_on.jpg); background-position: left 5%;}
.main_solution .solution_area li.solution_5 a {background: url(../images/main/solution_bg_5.png);background-position: 50% 5%;background-repeat: no-repeat;background-size: cover;}
.main_solution .solution_area li.solution_5 a:hover, .main_solution .solution_area li.solution_5 a:focus, .main_solution .solution_area li.solution_5 a:active {background: url(../images/main/solution_bg_5_on.png); background-position: left 5%;background-repeat: no-repeat;background-size: cover;}


/* VIDEO AREA */
.main_video {position: relative;z-index: 5}
.main_video .grab_wide { }
.main_video .link {position: relative;display: block; opacity:1; height: 230px; padding: 65px 0; text-align: center; -webkit-transition:a 2s ease-in;  -moz-transition:background-position 2s ease-in;  -o-transition:background-position 2s ease-in; transition:background-position 2s ease-in; background: url(../images/main/video_bg.jpg); background-position: 50% 5%;}
.main_video .link:hover {background: url(../images/main/video_bg_on.jpg); background-position:bottom;}
.main_video .link:focus {outline:1px dotted #eee;}
.main_video .link p {color: #fff;}
.main_video .link p strong {font-size: 20px;letter-spacing: 0;text-transform: uppercase;}
.main_video .link p span {display: block;font-size: 17px;opacity: 0.65;margin-top: 5px;}
.main_video .link .left {text-align: left;display: block;float: left;margin-top: 25px;}
.main_video .link .right {text-align: right;display: block;float: right;margin-top: 25px;}
.main_video .link .shape_circle_1 {position: absolute;left: 5%;top: -16%;}
.main_video .link .shape_circle_2 {position: absolute;right: 2%;bottom: -16%;}
.main_video .link .shape_round_1 {position: absolute;left: 4%;bottom: -16%;}
.main_video .link .shape_round_2 {position: absolute;right: 8%;top: -12%;}
.main_video .link .shape_round_3 {position: absolute;right: -2%;bottom: 7%;}
.main_video .link .shape_dot_1 {position: absolute;left: -3%;bottom: 20%;}
.main_video .link .shape_dot_2 {position: absolute;right: 3.5%;top: -18.5%;}
.main_video .shape_circle_dot_1 {position: absolute;left: 0;top: -50%;z-index: -1;}
.main_video .shape_circle_dot_2 {position: absolute;right: 0;top: -30%;z-index: -1; }
.main_video .modal-dialog {background:none;}
.main_video iframe {width:100%; min-height:600px;}


/* NEWS AREA */
.main_news {background: url(../images/main/news_bg.jpg);background-position: center; background-size:cover; margin-top: -115px;}
.main_news .grab {position: relative; padding-bottom: 30px;}
.main_news .line_background .line {background:#e6e6e6;}
.main_news .tit_area {text-align: center;padding-top: 200px;padding-bottom: 75px;position: relative;z-index: 1;}
.main_news .tit_area strong {display: block;}
.main_news .tit_area .head_tit {font-size: 48px;color: #060c5c;letter-spacing: 0.05em;font-weight: 800;}
.main_news .tit_area .head_tit span {font-weight: 200;letter-spacing: 0;}
.main_news .tit_area .sub_tit {font-size: 18px;color: #000;font-weight: 400;}
.main_news .tit_area .sub_tit b {font-weight: 800;}
.main_news .new_list {position: relative;z-index: 1;overflow: hidden;}
.main_news .new_list .list {float: left;width: 33.333%;text-align: left;padding-right: 6%;position: relative;margin-bottom: 110px;}
.main_news .new_list .list .info {display: block;height: 170px;position: relative;}
.main_news .new_list .list .info:hover .head {color:#142bb0;/*text-decoration: underline;*/}
.main_news .new_list .list .label {display: block;font-size: 17px;letter-spacing: 0.15em;margin-bottom: 30px;}
.main_news .new_list .list .label.blue {color: #f03576;}
.main_news .new_list .list .label.sky {color: #0ca2d7;}
.main_news .new_list .list .label.green {color: #399a0fed;}
.main_news .new_list .list .head {display: block;font-size: 24px;color: #000;font-weight: 800;height: 70px;overflow: hidden;}
.main_news .new_list .list .data {font-size: 14px;color: #000;font-weight: 700;position: absolute;bottom: 0;left: 0;letter-spacing: 0.05em;font-family: 맑은고딕,malgun gothic;font-weight: normal;}
.main_news .new_list .list .sns {display: none;}
.main_news .new_list .list .sns li {display: inline-block;}
.main_news .new_list .list .sns li a {display: inline-block;width: 35px;height: 35px;border-radius: 35px;margin-right: 2px;margin-top: 35px;border: 1px solid #b0b0b0;}
.main_news .new_list .list .sns li a:hover, .main_news .new_list .list .sns li a:focus, .main_news .new_list .list .sns li a:active {}
.main_news .new_list .list .sns .facebook a {background: url(../images/main/news_sns_facebook.png) no-repeat;background-position-x: 0%;background-position-y: 0%;background-position: center;}
.main_news .new_list .list .sns .insta a {background: url(../images/main/news_sns_instra.png) no-repeat;background-position-x: 0%;background-position-y: 0%;background-position: center;}
.main_news .new_list .list .sns .twitter a {background: url(../images/main/news_sns_twitter.png) no-repeat;background-position-x: 0%;background-position-y: 0%;background-position: center;}
.main_news .new_list .list .sns .link a {background: url(../images/main/news_sns_url.png) no-repeat;background-position-x: 0%;background-position-y: 0%;background-position: center;}
.main_news .new_list .list .sns .facebook a:hover, .main_news .new_list .list .sns .facebook a:focus, .main_news .new_list .list .sns .facebook a:active {background:#2e3c8d url(../images/main/news_sns_facebook_on.png) no-repeat;background-position-x: 0%;background-position-y: 0%;background-position: center; border-color:#2e3c8d;} 
.main_news .new_list .list .sns .insta a:hover, .main_news .new_list .list .sns .insta a:focus, .main_news .new_list .list .sns .insta a:active {background:#da4182 url(../images/main/news_sns_instra_on.png) no-repeat;background-position-x: 0%;background-position-y: 0%;background-position: center; border-color:#da4182;}
.main_news .new_list .list .sns .twitter a:hover, .main_news .new_list .list .sns .twitter a:active, .main_news .new_list .list .sns .twitter a:focus {background:#2aa9e0 url(../images/main/news_sns_twitter_on.png) no-repeat;background-position-x: 0%;background-position-y: 0%;background-position: center; border-color:#2aa9e0;}
.main_news .new_list .list .sns .link a:hover, .main_news .new_list .list .sns .link a:focus, .main_news .new_list .list .sns .link a:active {background:#249948 url(../images/main/news_sns_url_on.png) no-repeat;background-position-x: 0%;background-position-y: 0%;background-position: center; border-color:#249948;}


/* OVERVIEW AREA */
.main_overview {background: url(../images/main/overview_bg.jpg);background-position: center; background-size:cover;padding-bottom: 100px;}
.main_overview .grab {}
.main_overview .tit_area {text-align: center; padding-top: 115px; padding-bottom: 100px;}
.main_overview .tit_area .head_tit {font-size: 50px;color: #fff;letter-spacing: 0.05em;font-weight: 800;display: block;margin-bottom: 15px;}
.main_overview .tit_area .head_tit span {font-weight: 200;letter-spacing: 0;}
.main_overview .tit_area .sub_tit {font-size: 18px;color: #fff;font-weight: 400;line-height: 1.82;opacity: 0.55;}
.main_overview .tit_area .sub_tit b {font-weight: 800;}
.main_overview .overview {overflow: hidden;}
.main_overview .overview .part {border-right: 1px solid rgba(255,255,255,0.1);float: left;width: 33.333%;padding: 0 3.2% 0 3.5%;}
.main_overview .overview .part:last-child {border-right:0;}
.main_overview .overview .title {font-size: 28px;color: #fff;margin-bottom: 75px;display: block;}
.main_overview .overview .title span {font-weight: 200;display: block;}
.main_overview .overview .title .bold {font-weight: 800;}
.main_overview .overview .info {color: #fff;font-size: 21px;font-weight: 400;letter-spacing: 0;position: relative;}
.main_overview .overview .info .num {font-size: 70px;color: #fff;font-weight: 800;letter-spacing: -0.02em;display: inline-block;margin-right: 3px;}
.main_overview .overview .info .icon {position: absolute;right: 0;bottom: 28px;}




/* **************************************** *
 * ANIMATION
 * **************************************** */
@-webkit-keyframes sway {
    0% {   -webkit-transform: translate3d(20px,0,0) rotate(25deg);   }
    50% {  -webkit-transform: translate3d(-50px,0,0) rotate(-40deg);}
    100% { -webkit-transform: translate3d(20px,0,0) rotate(25deg); }
}

@-webkit-keyframes fall {
    100% { -webkit-transform: translate3d(0,900px,0); }
}

@-webkit-keyframes dance {
    0% {  -webkit-transform:  rotate(1deg); }
    50% { -webkit-transform:  rotate(-1deg);}
    100% {-webkit-transform:  rotate(1deg); }
}

@keyframes sway {
    0% {   -webkit-transform: translate3d(20px,0,0) rotate(25deg);   transform: translate3d(20px,0,0) rotate(25deg);  }
    50% {  -webkit-transform: translate3d(-50px,0,0) rotate(-40deg);  transform: translate3d(-50px,0,0) rotate(-40deg);}
    100% { -webkit-transform: translate3d(20px,0,0) rotate(25deg); transform: translate3d(20px,0,0) rotate(25deg);  }
}

@keyframes fall {
    100% { -webkit-transform: translate3d(0,900px,0); transform: translate3d(0,900px,0) }
}

@keyframes dance {
    0% {  -webkit-transform:  rotate(1deg);  transform:  rotate(1deg); -webkit-transform:  rotate(1deg); transform:  rotate(1deg); }
    50% { -webkit-transform:  rotate(-1deg); transform:  rotate(-1deg);-webkit-transform:  rotate(-1deg);transform:  rotate(-1deg);}
    100% {-webkit-transform:  rotate(1deg);transform:  rotate(1deg); -webkit-transform:  rotate(1deg); transform:  rotate(1deg); }
}


@keyframes sway {
    0% {   -webkit-transform: translate3d(20px,0,0) rotate(25deg);   transform: translate3d(20px,0,0) rotate(25deg);  }
    50% {  -webkit-transform: translate3d(-50px,0,0) rotate(-40deg);  transform: translate3d(-50px,0,0) rotate(-40deg);}
    100% { -webkit-transform: translate3d(20px,0,0) rotate(25deg); transform: translate3d(20px,0,0) rotate(25deg);  }
}

@keyframes fall {
    100% { -webkit-transform: translate3d(0,900px,0); transform: translate3d(0,900px,0) }
}

@keyframes dance {
    0% {  -webkit-transform:  rotate(1deg);  transform:  rotate(1deg); }
    50% { -webkit-transform:  rotate(-1deg); transform:  rotate(-1deg);}
    100% {-webkit-transform:  rotate(1deg);transform:  rotate(1deg); }
}



/* **************************************** *
 * SUB COMMON
 * **************************************** */
.sub_container {/*! margin-top: -20px; */}
.sub_gray {background:#f8f8f8;}
.sub-wide-gray {background:#fbfbfb;}
.sub_container .grab {width:1200px;}
.sub_container .grab-s {width:980px;}
.sub_container .grab_wide {}

.sub-mobile {display:none;}



/* SUB VISUAL */
.sub-visual-wrap {display:none;}
.sub-visual {height: 420px;padding: 95px 90px;}
.sub-visual, .sub-visual .bg-animation-wrap {}
.sub-visual .bg-animation-wrap {overflow: hidden; width:100%; text-align:center; position: absolute; left: 0; top: 0; z-index: 0;}
.sub-visual .zoomin {width:100%; height:100%; text-align:center; background-size: auto; background-attachment: fixed; background-repeat: repeat; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-animation: bg-s-zoomin 15s ease-in infinite; animation: bg-s-zoomin 15s ease-in infinite; transition: all .10s ease-in-out; overflow: hidden;}
.sub-visual .zoomout {width:100%; height:100%; text-align:center; background: none; -webkit-animation: bg-s-zoomout 15s ease-in infinite; animation: bg-s-zoomout 15s ease-in infinite; transition: all .10s ease-in-out; overflow: hidden;}
.sub-visual-1 {background:url(../images/contents/sub-visual-1.jpg) no-repeat; background-position: center; background-size:cover;}
.sub-visual-2 {background:url(../images/contents/sub-visual-2.jpg) no-repeat; background-position: center; background-size:cover;}
.sub-visual-3 {background:url(../images/contents/sub-visual-3.jpg) no-repeat; background-position: center; background-size:cover;}
.sub-visual-4 {background:url(../images/contents/sub-visual-4.jpg) no-repeat; background-position: center; background-size:cover;}
.sub-visual-5 {background:url(../images/contents/sub-visual-5.jpg) no-repeat; background-position: center; background-size:cover;}
.sub-visual .grab {position: relative; height: 100%;z-index: 1;}
.sub-visual .head {}
.sub-visual .head .pageTit {font-size: 26px;color: #fff;font-weight: 800;letter-spacing: 0;}
.sub-visual .head .pageTit:before {display: block; content: ""; width:38px; height: 1px; background: #fff; margin-bottom:12px;opacity: 0.7;}
.sub-visual .head .copyright {font-size: 38px;font-weight: 200;color: #fff;margin-top: 100px;}
.sub-visual .head .copyright span {display: block;}
.sub-visual .head .copyright .bold {font-weight: 700;}


/* LOCAITON */
.location {text-align: right;margin-top: 30px;}
.location li img {display: inline-block;margin-bottom: 3px;}
.location li {display: inline-block;font-size: 12px;letter-spacing: 0;color: #808080;padding-left: 23px; background:url(../images/common/location_ico_arrow.png) no-repeat; background-position:8px center;}
.location li:first-child {background:none;}
.location li.active {}


/* sub visual : background Zoom in Keyframes */
@-webkit-keyframes bg-s-zoomin {
  0% {transform: scale(1);}
  50% {transform: scale(1.2);}
  100% {transform: scale(1);}
}
@keyframes bg-s-zoomin {
  0% {transform: scale(1);}
  50% {transform: scale(1.2);}
  100% {transform: scale(1);}
}
@-webkit-keyframes bg-s-zoomout {
  0% {transform: scale(1);}
  50% {transform: scale(0.67);}
  100% {transform: scale(1);}
}
@keyframes bg-s-zoomout {
	0% {transform: scale(1);}
  50% {transform: scale(0.67);}
  100% {transform: scale(1);}
}


/* SUB TITLE */
.pageTitle {text-align: center;color: #0f1452;padding: 120px 0 120px 0;}
.pageTitle .titMain {font-size: 20px;letter-spacing: 0.02em;font-weight: 400;}
.pageTitle .titSub {font-size: 56px;font-weight: 800;letter-spacing: 0;line-height: 1.2;}
.pageTitle .titSub.v-line:after {display: block; content: ""; width: 1px; height:50px; background: #c5c5c5; text-align: center; margin:30px auto 0;}
.subTit-1 {font-size: 28px;font-weight: 800;color: #060c5c;letter-spacing: 0;text-transform: uppercase;}
.subTit1-1 {font-size: 13px;font-weight: bold;color: #040b5c;font-family: 맑은고딕,malgun gothic;}
.subTit-2 {font-size: 26px;font-weight: 800;letter-spacing: -0.05em;color: #060c5c;margin-bottom: 40px;}
.subTit-2:before {display: block; content: ""; width:30px; height: 1px; background: #060c5c; margin-bottom:15px;}


 /* wide-contents */
.wide-contents {margin-bottom: -1px;}
.wide-contents .wide-contents-bg { padding:120px 0;}
.wide-contents-bg.bg-1 {background: url(../images/contents/wide-contents-bg-1.jpg) no-repeat; background-size: cover;background-position: center;}
.wide-contents-bg.bg-2 {background: url(../images/contents/wide-contents-bg-2.jpg) no-repeat; background-size: cover;background-position: center;}
.wide-contents-bg.bg-3 {background: url(../images/contents/wide-contents-bg-3.jpg) no-repeat; background-size: cover;background-position: center;}
.wide-contents .grab {overflow: hidden;}
.wide-contents .wideTit {color: #fff;margin-bottom: 80px;font-size: 23px;font-weight: 800;letter-spacing: 0;}
.wide-contents .wideTit:before {background: #fff;display: block; content: ""; width:60px; height: 1px; opacity: 0.4; margin-bottom:20px;}
.wide-contents .left-tit {float: left;width: 30%;font-size: 40px;color: #fff;font-weight: 300;letter-spacing: 0;}
.wide-contents .left-tit .bold {display: block;font-weight: 800;line-height: 1.2;}
.wide-contents .right-text {float: left;width: 70%;padding-top: 10px;color: #fff;opacity: 0.9;line-height: 2.3;}
.wide-contents .right-text .point {display: block;font-size: 28px;letter-spacing: -0.02em;margin-top: -15px;line-height: 1.56;margin-bottom: 5px;}


/* sub visual */
.mid-visual {padding: 90px 50px;text-align: center;box-shadow: 15px 15px 30px rgba(0,0,0,0.18);background-size: cover !important;}
.mid-visual-1 {background: url(../images/contents/mid-visual-1.jpg) no-repeat;background-position: center;}
.mid-visual-2 {background: url(../images/contents/mid-visual-2.jpg) no-repeat;background-position: center;}
.mid-visual .grab_wide {}
.mid-visual .head {font-size: 50px;letter-spacing: 0;font-weight: 300;color: #fff;}
.mid-visual .head .text-bold {letter-spacing: 0.02em;}
.mid-visual .copyright {font-size: 17px;color: #ccf0ff;letter-spacing: -0.045em;margin-top: 5px;}
.mid-visual .copyright .text-bold {}

.gray-visual {padding-top: 270px;padding-bottom: 100px;margin-top: -140px;}
.gray-visual-1 {background: url(../images/contents/gray-background-1.jpg) no-repeat;background-position: center;}
.gray-visual-2 {background: url(../images/contents/gray-background-2.jpg) no-repeat;background-position: center top;}


/* table */
table {width:100%;}
table {width: 100%; border-collapse: collapse;border: none;}
table th {white-space: nowrap;text-align: center;font-weight: normal;}
table td {white-space: normal;word-break: break-all;}

.table_form {border-top: solid 1px #777;}
.table_form thead th {border-left:1px solid #ddd}
.table_form thead th:first-child {border-left:0}
.table_form th { border-bottom:1px solid #ddd;   color:#222; padding: 24px 5px;color: #000;line-height: 20px;text-align: center;font-size: 17px;background: #fafafa;font-weight: 700;letter-spacing: 0;}
.table_form td {padding:10px 20px; border-bottom:1px solid #ddd; border-left:1px solid #ddd;}
.table_form td input[type='text'] + p {margin:5px 0 -5px;}
.table_form .txt_left {padding-left:20px; text-align:left;}

.table-type-1 {border-top: 1px solid #777;}
.table-type-1 table {background: #fff;}
.table-type-1 table thead th {border:1px solid #eeeeee;padding: 18px 15px;font-size: 17px;color: #000;font-weight: 700;background: #f9f9f9;}
.table-type-1 table thead th:first-child {border-left:0}
.table-type-1 table tbody th {  font-size:17px;  color:#333; text-align:center;font-weight: bold;  padding: 20px;border: 1px solid #eee;}
.table-type-1 table tbody tr:hover {background:#fcfcfc;}
.table-type-1 table td {padding:20px; border:1px solid #eaeaea; text-align: left;font-size: 15px;color: #777;line-height: 1.8;}


/* form */
.apply .select select {width:370px; border: 1px solid #ccc; padding: 5px;}
.apply .select select option {border-right:1px solid #bbb;}
.apply .line_add {margin-bottom:8px;}
.apply .line_add .s_btn {padding:6px 15px;}
input[type='text'], input[type='password']{min-width:70px; height:38px; padding:0 5px; border-radius:1px; border:1px solid #dcdcdc; vertical-align:middle;}
input[type="checkbox"] {display:inline-block; border:1px solid #d0d0d0; margin-right:7px;}
textarea {padding:0 5px; border-radius:1px; border:1px solid #dcdcdc;}
.apply input:hover, .apply textarea:hover {border-color:#aaa;}
.apply input:focus, .apply input:active,  .apply textarea:focus,  .apply textarea:active {border-color:#29bbef;}
.input_radio {display:inline-block; overflow:hidden; position:relative; width:15px; height:15px; border-radius:9999px; border:1px solid #afafaf; background-color:#fff; vertical-align:middle;}
.input_radio input {position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; opacity:0; cursor:pointer;}
.input_radio.on span,
.input_radio input:focus + span,
.input_radio input:active + span {border:1px dotted #111;}
.input_radio input:checked + span {background-color:#3c4c6f;}
.input_radio span {position:absolute; left:0; top:0; width:20px; height:20px; margin:0; border-radius:9999px; background-color:#fff; transition:all .2s ease;}
.input_span {display:inline-block; margin-right:8px;}
/*p.select {display:inline-block; overflow:hidden; position:relative; height:33px; border-radius:3px; line-height:33px; vertical-align:middle;}
p.select:before {position:absolute; right:0; top:0; width:30px; height:100%; background-color:#fff; font-family:FontAwesome; font-size:16px; font-weight:bold; color:#737377; content:'\f107'; text-align:center;}
p.select select {min-width:70px; height:100%; padding:0 10px 0 5px; border:0 none;}*/
label + .select,
label + .input_radio {margin-left:15px;}


/* Tab */
.kind-tab li {display: inline-block;text-align: center;}
.kind-tab li a {display: block;padding: 5px 0;;font-size: 15px;color: #9f9f9f;letter-spacing: -0.03em;/*! font-weight: bold; */font-family: 맑은고딕,malgun gothic;}
.kind-tab li a:hover, .sub-project .kind-tab li a:focus, .sub-project .kind-tab li a:active {color:#333;}
.kind-tab li a:before {display: inline-block; content: ""; width:2px; height: 2px; background: #ccc; vertical-align: middle; margin: 0 12px;}
.kind-tab li:first-child a:before {display: none;}
.kind-tab li.active a {color: #222;font-weight: 700;}


/* **************************************** *
 * SUB CONTENTS
 * **************************************** */

/* About > Company */
.sub-company {}
.sub-company .side {position: relative;margin-bottom: 70px;padding-bottom: 120px;}
.sub-company .side:after {display: block; content: ""; clear: both;}
.sub-company .side .vertical-line {width: 1px;height: 100%;background: #e9e9e9;position: absolute;left: 50%;margin-left: -1px;}
.sub-company .side .vertical-circle {display: inline-block;width: 8px;height: 8px;border-radius: 8px;background: #c5c5c5;position: absolute;}
.sub-company .side .circle-1 {left: 50%;margin-left: -4px;top: 0;}
.sub-company .side .circle-2 {left: 50%;margin-left: -4px;bottom: 0;}
.sub-company .side .left {float: left;width: 50%;position: relative;}
.sub-company .side .right {float: right;width: 50%;position: relative;}
.sub-company .side img {position: absolute;}
.sub-company .side .company-symbol-bg {left: -22%;bottom: -10%;z-index: -1;}
.sub-company .side .side-text .headcopy {font-size: 50px;color: #29bbef;letter-spacing: -0.045em;margin-bottom: 40px;}
.sub-company .side .side-text .headcopy span {display:block;line-height: 1.3;}
.sub-company .side .left-2 .headcopy {color: #2e3c8d;}
.sub-company .side .side-text .cont {font-size: 16px;color: #444;line-height: 2;width: 90%;margin-bottom: 90px;padding-top: 50px;position: relative;}
.sub-company .side .side-text .cont:before {display: inline-block; content: ""; width:25px; height:1px; background:#999999;position: absolute;left: 0;top: 0;}
.sub-company .side .side-text .midcopy {font-size: 24px;color: #444;font-weight: 300;padding-top: 60px;letter-spacing: -0.035em; background: url(../images/contents/company-qmark-sky.png) no-repeat; background-position: left top;}
.sub-company .side .side-text .midcopy span {display: block;line-height: 1.7;letter-spacing: -0.035em;}
.sub-company .side .left-2.side-text .midcopy {background: url(../images/contents/company-qmark-blue.png) no-repeat;background-size: 23px;/*! background-size: 16px; *//*! background-position: center top; */}
.sub-company .side .side-img {z-index: 1;}
.sub-company .side .left-1 {margin-top: 70px;height: 560px;}
.sub-company .side .left-1 .company-img-1 {left: 0;top: 0;z-index: 1;}
.sub-company .side .left-1 .company-img-2 {right: -11%;bottom: 0;z-index: 2;}
.sub-company .side .left-1 .company-circle-sky {right: -6%;top: 120px;z-index: 0;}
.sub-company .side .left-1 .company-ring-sky {right: -20%;bottom: -9%;z-index: 3;}
.sub-company .side .left-1 .company-symbol {right: -25px;top: 18%;z-index: 3;}
.sub-company .side .left-2 {padding-right: 15%;margin-top: 170px;}
.sub-company .side .left-2 .company-dot-gray {left: 40%;top: -15%;z-index: -1;}
.sub-company .side .right-1 {margin-top: 125px;padding-left: 15%;}
.sub-company .side .right-1 .company-ring-gray {top: -3%;right: -15%;z-index: -1;}
.sub-company .side .right-1 .company-dot-gray {top: -17%;right: 0;z-index: -1;}
.sub-company .side .right-2 {margin-top: 120px;height: 560px;}
.sub-company .side .right-2 .company-img-3 {left: 15%;top: 0;z-index: 1;}
.sub-company .side .right-2 .company-img-4 {left: -20%;bottom: 15%;z-index: 2;width: 220px;}
.sub-company .side .right-2 .company-circle-blue {left: -14%;top: 120px;z-index: 0;}
.sub-company .side .right-2 .company-ring-blue {left: -15%;top: 18%;z-index: 3;}

.sub-company .icon-info {text-align: center;padding-bottom: 110px; position:relative;}
.sub-company .icon-info .company-symbol {}
.sub-company .icon-info .info-head-bg {position: absolute;left: 0;top: 10%;z-index: -1;}
.sub-company .icon-info .text {margin: 65px 0 100px;font-size: 22px;color: #666;line-height: 2.15;}
.sub-company .icon-info .text span {display: block;}
.sub-company .icon-info .text span b {font-weight: 700;color: #f03576;}
.sub-company .icon-info .icon {overflow: hidden;}
.sub-company .icon-info .icon .ico {float: left;width: 16.666%;border-right: 1px solid #fde1eb;height: 215px;padding: 2.5%;padding-top: 90px;}
.sub-company .icon-info .icon .ico:last-child {border-right:0;}
.sub-company .icon-info .icon .ico .tit {display: block;font-size: 17px;font-weight: 600;color: #000;margin-bottom: 20px;}
.sub-company .icon-info .icon .ico .info {display: block;font-size: 15px;color: #999;letter-spacing: 0;}
.sub-company .icon-info .icon .ico-1 {background: url(../images/contents/company-ico-1.png) no-repeat;background-position: center 12%;}
.sub-company .icon-info .icon .ico-2 {background: url(../images/contents/company-ico-2.png) no-repeat;background-position: center 12%;}
.sub-company .icon-info .icon .ico-3 {background: url(../images/contents/company-ico-3.png) no-repeat;background-position: center 12%;}
.sub-company .icon-info .icon .ico-4 {background: url(../images/contents/company-ico-4.png) no-repeat;background-position: center 16%;}
.sub-company .icon-info .icon .ico-5 {background: url(../images/contents/company-ico-5.png) no-repeat;background-position: center 12%;}
.sub-company .icon-info .icon .ico-6 {background: url(../images/contents/company-ico-6.png) no-repeat;background-position: center 8%;}

.sub-company .vision {}
.sub-company .vision .tit {font-size: 50px;color: #040b5c; position: relative;padding-bottom: 50px;margin-bottom: 80px;}
.sub-company .vision .tit:after {display: inline-block; content: ""; width:25px; height:1px; background:#999999;position: absolute;left: 0;bottom: 0;}
.sub-company .vision .visual-info {background: url(../images/contents/company-visual.png) no-repeat;background-position: center;height: 480px;position: relative;}
.sub-company .vision .visual-info .info {display: inline-block;position: absolute;width: 170px;}
.sub-company .vision .visual-info .info .title {display: block;font-size: 17px;color: #000;font-weight: 800;letter-spacing: 0;margin-bottom: 7px;}
.sub-company .vision .visual-info .info .text {color: #808080;font-size: 16px;}
.sub-company .vision .visual-info .info-1 {text-align: right;left: 0;top: 8%;}
.sub-company .vision .visual-info .info-2 {right: 0;top: 7%;}
.sub-company .vision .visual-info .info-3 {left: 0;bottom: 6%;text-align: right;}
.sub-company .vision .visual-info .info-4 {right: 0;bottom: 7%;}


 /* About > CI */
.sub-ci {}
.sub-ci .division-line {}
.sub-ci .division-line .part {overflow: hidden;}
.sub-ci .division-line .part .left {float: left;width: 20%;padding: 60px 0;border-top: 1px solid #040b5c;position: relative;z-index: 1;}
.sub-ci .division-line .part .left .subTit-1 {margin-bottom: 18px;}
.sub-ci .division-line .part .left .btn {}
.sub-ci .division-line .part .right {float: left;width: 80%;padding: 60px 0;border-top: 1px solid #e8e8e8;}
.sub-ci .division-line .part .right .text-normal {margin-bottom: 60px;}
.sub-ci .division-line .part .right .ci_main {height: 321px;background: url(../images/contents/pattern_grid.png);width: 99.3%;text-align: center;line-height: 321px;}
.sub-ci .division-line .part .right .ci_main img {}

.sub-ci .division-line .part .ci_tpye {overflow: hidden;}
.sub-ci .division-line .part .ci_tpye li {float: left;width: 48.2%;padding-right: 2.1%;margin-bottom: 30px;}
.sub-ci .division-line .part .ci_tpye li .subTit1-1 {margin-bottom: 15px;}
.sub-ci .division-line .part .ci_tpye li .ci_grid {text-align: center;height: 241px;line-height: 230px;background: url(../images/contents/pattern_grid.png);background-position: left top;}
.sub-ci .division-line .part .ci_tpye li .ci_grid img {}
.sub-ci .division-line .part .ci_color {padding: 25px 20px;background: #fdfdfd;border: 1px solid #eee;overflow: hidden;}
.sub-ci .division-line .part .ci_color li {float: left;width: 25%;padding: 0 7px;}
.sub-ci .division-line .part .ci_color li .tit {font-size: 13px;font-weight: 800;color: #040b5c;margin-bottom: 10px;}
.sub-ci .division-line .part .ci_color li .color {display: block;height: 80px;background: #ccc;border-radius: 1px;}
.sub-ci .division-line .part .ci_color li .blue {background: #040b5c;}
.sub-ci .division-line .part .ci_color li .sky {background: #29bbef;}
.sub-ci .division-line .part .ci_color li .dark {background: #55575e;}
.sub-ci .division-line .part .ci_color li .gray {background: #d3d3d4;}
.sub-ci .division-line .part .ci_color li .info {margin-top: 25px;}
.sub-ci .division-line .part .ci_color li .info .text {display: block;font-size: 13px;color: #888;line-height: 1.8;letter-spacing: 0;}


 /* About > History */
.sub-history {}
.sub-history .division-line {}
.sub-history .division-line .part {}
.sub-history .division-line .part:first-child .animated {border-top: 1px solid #ddd;}
.sub-history .division-line .part:last-child .animated {border-bottom: 1px solid #eaeaea;}
.sub-history .division-line .part .animated {border-top: 1px dotted #dadada; overflow: hidden;}
.sub-history .division-line .part .left {float: left;width: 25%;padding: 70px 0 70px 30px;position: relative;z-index: 1;}
.sub-history .division-line .part .left .head {font-size: 28px;color: #444444;letter-spacing: -0.035em;font-weight: 200;padding-top: 60px;background: url(../images/contents/quotation_marks.png) no-repeat;}
.sub-history .division-line .part .left .head .bold {font-weight: 800;letter-spacing: -0.035em;}
.sub-history .division-line .part .right {float: left;width: 71%;padding: 70px 0 70px 30px;margin-left: 4%;}
.sub-history .division-line .part .right .year {font-size: 44px;color: #060c5c;margin-bottom: 15px;}
.sub-history .division-line .part .right .list-type-line {}
.sub-history .division-line .part .right .list-type-line li {font-size:16px; color:#555;}
.sub-history .division-line .part .right .list-type-line li:after {display:block; content:""; width:7px; height:2px; background: #ccc; position: absolute; left:0; top:50%;}
.sub-history .division-line .part .right .list-type-line .text-sky {color: #f03576 !important;}
.sub-history .division-line .part .right .text-normal {margin-bottom: 60px;}


/* About > Award */
.sub-award {padding: 100px 0;}
.sub-award:first-child {padding-top: 0;}
.sub-award .grab {}
.sub-award .subTit-2 {margin-top: 120px;}
.sub-award .list-item {overflow: hidden;}
.sub-award .list-item li {float: left;width: 23%;margin: 1%;}
.sub-award .list-item li .head {padding: 30px 0 35px;}
.sub-award .list-item li .head:after  {display: block; content: ""; width:30px; height: 1px; background: #060c5c; margin-top:15px;}
.sub-award .list-item li .head .year {display: block;font-size: 13px;color: #b0b0b0;font-weight: 700;margin-bottom: 4px;}
.sub-award .list-item li .head .title {display: block;font-size: 19px;font-weight: 700;height: 27.15px;overflow: hidden;}
.sub-award .list-item li .image {text-align: center;height: 380px;/*! line-height: 380px; */padding: 10px 0;border: 1px solid #eaeaea;background: #fff;}
.sub-award .list-item li .image  img {}
.sub-award .list-item li .image.bg-1 {background: #f6feff;}
.sub-award .list-item li .image.bg-2 {background: #f7ffff;}
.sub-award .list-item li .image.bg-3 {background: #f9ffff;}
.sub-award .list-item li .image.bg-4 {background: #f9ffff;}
.sub-award .list-item li .image.bg-5 {background: #fbffff;}


/* About > Organization */
.sub-organ {margin-bottom: 120px;}
.sub-organ .group {background: url(../images/contents/organization_line.png) no-repeat;width: 985px;height: 850px;margin: 0 auto;position: relative;background-position: center;}
.sub-organ .group .map {text-align: center;}
.sub-organ .group .map li {display: inline-block;width: 162px;height: 162px;background: #f0f0f0;border-radius: 162px;text-align: center;padding-top: 70px;font-size: 15px;letter-spacing: 0;font-weight: 700;position: absolute;}
.sub-organ .group .map li .class {display: block;font-size: 11px;letter-spacing: 0.05em;font-weight: 800;margin-bottom: 5px;}
.sub-organ .group .map li.circle-blue {width: 190px;height: 190px;border-radius: 190px;background: #020b5c;color: #a0a3b8;}
.sub-organ .group .map li.circle-blue .class {color: #fff;letter-spacing: 0.3em;margin-top: 5px;}
.sub-organ .group .map li.circle-sky {background: #0bb2db;color: #bef1fd;}
.sub-organ .group .map li.circle-sky .class {color: #fff;}
.sub-organ .group .map li.circle-lightsky {background: #bef1fd; color: #8f8f8f;}
.sub-organ .group .map li.circle-lightsky .class {color: #000;}
.sub-organ .group .map li.circle-lightskyblue {background: #e4faff; color: #8f8f8f;}
.sub-organ .group .map li.circle-lightskyblue .class {color: #000;}
.sub-organ .group .map li.circle-gray {background: #f4f4f4;color: #8f8f8f;}
.sub-organ .group .map li.circle-gray .class {color: #000;letter-spacing: 0.02em;}
.sub-organ .group .map li.depth-1 {left: 396px;top: -25px;}
.sub-organ .group .map li.depth-2-1 {left: 130px;top: 182px; border-radius: 15px; width: 168px; height: 78px; padding-top: 20px;}
.sub-organ .group .map li.depth-2-1-1 {left: 130px;top: 274px; border-radius: 15px; width: 168px; height: 78px; padding-top: 20px;}
.sub-organ .group .map li.depth-2-2 {right: 130px;top: 182px; border-radius: 15px; width: 168px; height: 78px; padding-top: 20px;}
.sub-organ .group .map li.depth-3-1 {left: -10px; top:396px;}
.sub-organ .group .map li.depth-3-2 {left: 295px; top:396px;}
.sub-organ .group .map li.depth-3-3 {left: 630px; top:396px;}
.sub-organ .group .map li.depth-3-4 {right: -3px; top:396px;}
.sub-organ .group .map li.depth-4-1 {left: -10px; bottom: 0px;}
.sub-organ .group .map li.depth-4-2 {left: 200px; bottom: 0px;}
.sub-organ .group .map li.depth-4-3 {left: 408px; bottom: 0px;}
.sub-organ .group .map li.depth-4-4 {right: 200px; bottom: 0px;}
.sub-organ .group .map li.depth-4-5 {right: -5px; bottom: 0px;}

.sub-team {}
.sub-team .section-tit {text-align: center;font-size: 34px;font-weight: 300;color: #040b5c;}
.sub-team .section-tit .tit {display: block;text-align: center;}
.sub-team .section-tit .tit:after {content: ""; display: block; width:1px; height: 70px; background: #dfdfdf;margin: 35px auto 0;}
.sub-team .section-tit .bullet {display: inline-block;margin-bottom: 18px;}
.sub-team .section-tit .text-bold {}
.sub-team .group {width: 55%;margin: 0 auto;margin-top: 100px;}
.sub-team .group:after {display: block; content: ""; clear: both;}
.sub-team .group .box {float: left;width: 32%;background: #fff;margin: 0.6%;padding: 60px 40px 30px;height: 370px;text-align: center;border-bottom: 1px solid #f03576;}
.sub-team .group .box-1 {background: #fff url(../images/contents/team-ico-1.png) no-repeat;background-position: center 83%;}
.sub-team .group .box-2 {margin-top: -60px; background: #fff url(../images/contents/team-ico-2.png) no-repeat;background-position: center 83%;}
.sub-team .group .box-3 {background: #fff url(../images/contents/team-ico-3.png) no-repeat;background-position: center 83%;}
.sub-team .group .box-4 {background: #fff url(../images/contents/team-ico-4.png) no-repeat;background-position: center 83%;}
.sub-team .group .box-5 {margin-top: -60px;background: #fff url(../images/contents/team-ico-5.png) no-repeat;background-position: center 83%;}
.sub-team .group .box-6 {background: #fff url(../images/contents/team-ico-6.png) no-repeat;background-position: center 83%;}
.sub-team .group .box .title {font-size: 24px;font-weight: 800;color: #060c5c;letter-spacing: 0;margin-bottom: 13px;display: block;}
.sub-team .group .box .title:before  {display: block; content: ""; width:18px; height: 3px; background: #060c5c;  text-align: center;margin: 0 auto 12px auto;}
.sub-team .group .box .title:before {}
.sub-team .group .box .b-square:after {width: 5px;height: 5px;}
.sub-team .group .box .cont {font-size: 16px;color: #777;letter-spacing: -0.045em;line-height: 1.8;}


/* About > Location */
.sub-location {position: relative;}
.sub-location .info {padding-top: 50px;padding-bottom: 50px;text-align: center;border-top: 1px solid #f0f0f0;}
.sub-location .info .info-text {display: inline-block;padding-left: 33px;font-size: 17px;color: #8d8d8d;letter-spacing: 0;position: relative;padding-right: 20px;margin-right: 20px;}
.sub-location .info .info-text:after {display: inline-block; content:""; width:1px; height: 20px; background: #d0d0d0; margin-left:20px;position: absolute;right: 0;top: 1px;}
.sub-location .info .info-text .info-tit {display: inline-block;font-size: 15px;font-weight: 800;color: #060c5c;margin-right: 15px;}
.sub-location .info .info-add {background: #fff url(../images/contents/location_add.png) no-repeat;background-position: left;}
.sub-location .info .info-num {background: #fff url(../images/contents/location_num.png) no-repeat;background-position: left;}
.sub-location .info .info-fax {background: #fff url(../images/contents/location_fax.png) no-repeat;background-position: left;margin-right: 0 !important;}
.sub-location .info .info-fax:after {display: none;}

.sub-location .map_wrap {position: relative;/*! background: #f0f0f0; */}
.sub-location .map_wrap .map {height: 640px;background: #000;}
.sub-location .map_wrap .map iframe {width: 100%; height: 100%; opacity: 0.97;}
.sub-location .map_wrap .directions {margin-top: -100px;padding-bottom: 100px;}
.sub-location .map_wrap .directions .grab {/*! overflow: hidden; */position: relative;}
.sub-location .map_wrap .directions .grab:after {display: block; content: ""; clear: both;}
.sub-location .map_wrap .directions .dir_info {float: left;width: 31%;background: #fff;padding: 70px 45px;margin: 0 1.1%;border-radius: 1px;border-bottom: 1px solid #29bbef;height: 550px;}
.sub-location .map_wrap .directions .dir_info .dri_tit {text-align: center;font-size: 22px;font-weight: 700;color: #060c5c;letter-spacing: 0;margin-bottom: 40px;}
.sub-location .map_wrap .directions .dir_info .dri_tit:before  {display: block; content: ""; width:18px; height: 3px; background: #060c5c;  text-align: center;margin: 0 auto 15px auto;}
.sub-location .map_wrap .directions .dir_info .list-type-circle {}
.sub-location .map_wrap .directions .dir_info .list-type-circle li {line-height: 2;}
.sub-location .map_wrap .directions .dir_info .list-type-circle li .text-bold {font-weight: bold;font-family: 맑은고딕,malgun gothic;}
.sub-location .map_wrap .directions .ico_car {background: #fff url(../images/contents/location_car.png) no-repeat;background-position: center 90%;}
.sub-location .map_wrap .directions .ico_bus {background: #fff url(../images/contents/location_bus.png) no-repeat;background-position: center 90%;}
.sub-location .map_wrap .directions .ico_train {background: #fff url(../images/contents/location_train.png) no-repeat;background-position: center 90%;}
.sub-location .map_wrap .directions .link_area {position: absolute;top: -90px;left: 0;width: 100%;text-align: center;z-index: 1;}
.sub-location .map_wrap .directions .link_area .link {display: inline-block;width: 127px;height: 127px;background: #ef407c;text-align: center;color: #fff;border-radius: 127px;padding-top: 30px;}
.sub-location .map_wrap .directions .link_area .link:hover, .sub-location .map_wrap .directions .link_area .link:active, .sub-location .map_wrap .directions .link_area .link:focus {background: #20ade0;}
.sub-location .map_wrap .directions .link_area .link span {display: block;font-size: 15px;}
.sub-location .map_wrap .directions .link_area .link .arr {display: inline-block;margin-top: 10px;}
.sub-location .sub-wide-gray {height: 65%;position: absolute;width: 100%;left: 0;bottom: 0;z-index: -1;background: #f4f4f4;}


/* Work > Project */
.sub-project {}
.sub-project .kind-tab {float: left;margin-bottom: 20px;}
.sub-project .right {float: right;margin-bottom: 17px; position:relative; z-index: 1;}
.sub-project .right .board-info {margin-top: 0;}
.sub-project .btn-group {margin-left: 13px;vertical-align: bottom;}
.sub-project .btn-group .btn {}
.sub-project .board-list {clear: both;border-top: 1px solid #aaaaaa;position: relative;}
.sub-project .board-list .list {padding: 25px 30px;border-bottom: 1px solid #eee;overflow: hidden;}
.sub-project .board-list .list:hover {background: #f9f9f9;}
.sub-project .board-list .list .title {float: left;width: 60%;vertical-align: middle;}
.sub-project .board-list .list .title .state {display: inline-block;width: 54px;height: 54px;line-height: 54px;border-radius: 54px;background: #ccc;text-align: center;font-size: 12px;font-weight: 700;color: #fff;letter-spacing: 0;margin-right: 18px;vertical-align: middle;}
.sub-project .board-list .list .title .state-ing {background: #38b1dd;}
.sub-project .board-list .list .title .state-end {background: #abb0b1;}
.sub-project .board-list .list .title .tit-text {font-size: 18px;font-weight: 400;color: #333;display: inline-block;width: 85%;vertical-align: middle;letter-spacing: 0em;max-height: 51px;overflow: hidden;line-height: 1.65;}
.sub-project .board-list .list .info {float: right;width: 40%;text-align: right;margin-top: 15px;}
.sub-project .board-list .list .info span {display: inline-block;font-size: 14px;color: #999;letter-spacing: 0;font-family: 맑은고딕,malgun gothic;}
.sub-project .board-list .list .info span:before {display: inline-block; content: ""; width:1px; height: 12px; background: #e6e6e6; vertical-align: middle; margin: 0 12px;}
.sub-project .board-list .list .info .kind {}
.sub-project .board-list .list .info .kind:before {display: none;}
.sub-project .board-list .list .info .data {}
.sub-project .board-list .list .info .client {color: #333;font-weight: bold;letter-spacing: -0.5px;}


 /* Work > business */
.sub-business {}
.sub-business .grab {}
.sub-business .line_background {}
.sub-business .list {}
.sub-business .list .area {margin-bottom: 80px;position: relative;}
.sub-business .list .area:after {content: ""; display: block; clear:both;}
.sub-business .list .area .image {width: 68%;height: 370px;background: #ccc;}
.sub-business .list .area .image image {}
.sub-business .list .area-1 .image {float: left;background: url(../images/contents/business-image-1.jpg) no-repeat; background-position:center;}
.sub-business .list .area-2 .image {float: right; background: url(../images/contents/business-image-2.jpg) no-repeat; background-position:center;}
.sub-business .list .area-3 .image {float: left; background: url(../images/contents/business-image-3.jpg) no-repeat; background-position:center;}
.sub-business .list .area-4 .image {float: right; background: url(../images/contents/business-image-4.jpg) no-repeat; background-position:center;}
.sub-business .list .area-5 .image {float: left; background: url(../images/contents/business-image-5.jpg) no-repeat; background-position:center;}
.sub-business .list .area .box {position: absolute;right: 0;bottom: 0;width: 37%;height: 250px;background: #fff;padding: 50px 40px;border: 1px solid #e9e9e9;}
.sub-business .list .area-2 .box {float: right; left: 0;}
.sub-business .list .area-4 .box {float: right; left: 0;}
.sub-business .list .area .box .title {}
.sub-business .list .area .box .title .english {display: block;font-size: 13px;letter-spacing: 0;color: #282828;margin-bottom: 5px;font-family: 맑은고딕,malgun gothic;letter-spacing: 0.15px;}
.sub-business .list .area .box .title .name {display: block;font-size: 24px;font-weight: 700;}
.sub-business .list .area .box .info {margin-top: 50px;font-size: 17px;color: #999;letter-spacing: -0.045em;line-height: 1.6;}
.sub-business .list .area-5 .box .info{margin-top: 80px;}


/* Work > Client */
.sub-client {}
.sub-client .subTit-2 {margin-bottom: 25px;font-size: 22px;letter-spacing: -0.025em;}
.sub-client .logo-list {overflow: hidden;border-left: 1px solid #e5e5e5;border-top: 1px solid #e5e5e5;margin-bottom: 120px;}
.sub-client .logo-list li {float: left;width: 25%;border-right: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;line-height: 105px;text-align: center;}
.sub-client .logo-list li a {display: block;width: 100%;height: 100%;}
.sub-client .logo-list li a:hover, .sub-client .logo-list li a:active, .sub-client .logo-list li a:focus {background: #fcfcfc;}
.sub-client .logo-list li a img {}


/* Solution Common */
.sub-solution {}
.sub-solution .info-head {padding-bottom:120px;/*! background: url(../images/contents/info-head-bg.png) no-repeat; */background-position: center top;}
.sub-solution .info-head .grab {text-align: center; padding:0 9%;}
.sub-solution .info-head .text {font-size: 17px;color: #6f6f6f;line-height: 2;margin-bottom: 25px;letter-spacing: -0.03em;}
.sub-solution .info-head .text .text-bold {color:#0f1452;letter-spacing: 0;}
.sub-solution .info-head .support {}
.sub-solution .info-head .support .tit {display: inline-block;padding: 7px 15px;background: #f03576;border-radius: 50px;letter-spacing: 0;color: #fff;font-weight: 800;font-size: 12.5px;vertical-align: middle;font-weight: bold;font-family: 맑은고딕,malgun gothic;letter-spacing: -0.35px;}
.sub-solution .info-head .support span {font-size: 14px;color: #a8a8a8;vertical-align: middle;display: inline-block;margin-left: 10px;font-family: 맑은고딕,malgun gothic;font-weight: bold;letter-spacing: -0.2px;}

.sub-solution .icon-info {text-align: center;padding-bottom: 110px; position:relative;}
.sub-solution .icon-info .company-symbol {}
.sub-solution .icon-info .info-head-bg {position: absolute;left: 0;top: 10%;z-index: -1;}
.sub-solution .icon-info .text {margin: 65px 0 100px;font-size: 22px;color: #666;line-height: 2.15;}
.sub-solution .icon-info .text span {display: block;}
.sub-solution .icon-info .text span b {font-weight: 700;color: #333;}
.sub-solution .icon-info .icon {overflow: hidden;}
.sub-solution .icon-info .icon .ico {float: left;width: 20%;border-right: 1px solid #fde1eb;height: 195px;padding: 2.5%;padding-top: 90px;}
.sub-solution .icon-info .icon .ico:last-child {border-right:0;}
.sub-solution .icon-info .icon .ico .tit {display: block;font-size: 17px;font-weight: 600;color: #000;margin-bottom: 20px;letter-spacing: 0;}
.sub-solution .icon-info .icon .ico .info {display: block;font-size: 15px;color: #909090;letter-spacing: 0;}
.sub-solution .icon-info .icon .ico-1 {background: url(../images/contents/solution-ico-1.png) no-repeat;background-position: center 12%;}
.sub-solution .icon-info .icon .ico-2 {background: url(../images/contents/solution-ico-2.png) no-repeat;background-position: center 12%;}
.sub-solution .icon-info .icon .ico-3 {background: url(../images/contents/solution-ico-3.png) no-repeat;background-position: center 12%;}
.sub-solution .icon-info .icon .ico-4 {background: url(../images/contents/solution-ico-4.png) no-repeat;background-position: center 16%;}
.sub-solution .icon-info .icon .ico-5 {background: url(../images/contents/solution-ico-5.png) no-repeat;background-position: center 12%;}


.sub-solution .division-line {background: #fafafa;padding: 60px 0;}
.sub-solution .division-line .part {overflow: hidden;border-top: 1px solid #eeeeee; padding: 60px 0;}
.sub-solution .division-line .part:first-child {border:0; padding-top: 0;}
.sub-solution .division-line .part:last-child {padding-bottom: 0;}
.sub-solution .division-line .part .left {float: left;width: 35%;position: relative;z-index: 1;}
.sub-solution .division-line .part .left .subTit-1 {margin-bottom: 18px;font-size: 21px;letter-spacing: 0.035em;}
.sub-solution .division-line .part .left .subTit-1:after {display: inline-block; content: ""; width: 5px; height: 5px; background: #29bbef; margin-left: 8px;}
.sub-solution .division-line .part .left .btn {}
.sub-solution .division-line .part .right {float: left;width: 65%;}
.sub-solution .division-line .part .right li {font-size: 16.5px;line-height: 2.1;color: #7f7f7f;}
.sub-solution .division-line .part .right li:before {top: 16px;width: 5px;height: 5px;background: #ccc;}



/* News > Notice */
.table-responsive {overflow: visible;}
.table { }
.table table {position:relative; left:-1px; width:100%;}
.table [class^="label_"] {min-width:70px;}
.board_line {border-top:solid 1px #777; text-align:center;}
.board_line thead th {padding:18px 5px; border:0 none; background:none;  color:#000; line-height:20px;text-align: center;font-size: 17px;background: #fafafa;font-weight: 700;letter-spacing: 0;}
.board_line thead th small {font-weight:normal; line-height:15px;}
.board_line thead tr {}
.board_line tbody th {border-right:1px solid #555; background:none; font-weight:bold; color:#333;}
.board_line tbody tr {border-bottom:1px solid #eeeeee;}
.board_line tbody tr:hover {-webkit-box-shadow: 4px 4px 18px rgba(0, 0, 0, .085); box-shadow: 4px 4px 18px rgba(0, 0, 0, .085);}
.board_line td {padding:18px 5px; border:0 none; line-height:24px; color: #777;font-size: 16px;font-weight: 400;position: relative;}
.board_line td a {color:#777; font-size:16px; display: inline-block;width: auto;height: 25px;overflow: hidden;vertical-align: middle;padding-left: 55px;font-weight: 400;}
.board_line td a:hover, .board_line td a:active, .board_line td a:focus {color: #2a2a2a;font-weight: 700;text-decoration: none;}
.board_line td .file {text-align: center;padding: 0;}
.board_line td .tit_new {display: inline-block;vertical-align: middle;margin-right: 15px;position: absolute;left: 0;top: 7px;}
.board_line td .s_btn {font-size:inherit; color:#fff;}
.board_line td .btn_pink {color:#fff;}
.board_line td .s_btn:hover {text-decoration:none;}
.board_line td a.lock {background:url(../images/ico/icon_lock.png) no-repeat; background-position:right 3px; padding-right:22px;} /*입학상담 잠금 아이콘*/
.board_line td a:hover {color: #08107e;}
.board_line input,
.board_line label {vertical-align:middle;}
.board_line .first {border-left:0 none;}

.board_top{position:relative; z-index:10;  margin-bottom: 35px;height: 45px;}
.board_top:after{clear:both; content:""; display:block;}
.board_top .select{position:relative; display:block;}
.board_top .select.year{margin-right:10px}
.board_top .select .dropdown-toggle{width:100%; padding:0 20px; height:43px; color:#464646;  background-color:#fff; border:1px solid #e0e0e0;font-size: 16px;}
.board_top .select .dropdown-toggle:focus,.board_top .search-form .input-group-btn .dropdown-toggle:hover {/*text-decoration:none;*/}
.board_top .select .dropdown-toggle .caret{margin:0 0 4px 10px; color:#666;}
.board_top .select ul{width:100%; min-width:100%; margin-top:-1px; font-size:inherit; border: 0; border-top: 0; background: #fff; border-radius: 0; padding: 0; border-top: 1px solid #eee; padding: 0;}
.board_top .select ul a{text-align:left; color:#666; text-decoration:none; padding: 7px; border-bottom: 1px solid #eaeaea;padding-left: 17px;font-size: 15px;}
.board_top .select.result button {width:290px;}
.board_top .select-gruop{display:inline-block; margin-right:10px;}
.board_top .select-gruop .select{display:inline-block; vertical-align:middle; margin-right:2px;}
.board_top .select-gruop .select .radio-inline{margin:10px 20px 0 0; color:#464646;}
.board_top .select-gruop .select .radio-inline input[type='radio']{margin-top:3px;}
.board_top .comment{display:inline-block; vertical-align:middle; height:39px; line-height:20px; color:#464646; font-size:1.15em;}
.board_top .comment .icon-info-sign{display:inline-block; margin-right:5px; vertical-align:text-bottom; color:#f93a36; font-size:131%;}
.board_top .search-group{position: absolute; bottom: 0; right: 0;  float: right; padding-top:0; clear: none;}
.board_top .search-group .select input {vertical-align:middle;line-height:1;margin-left:0px}
.board_top .search-group .select, .board_top .search-group .form-control, .board_top .search-group .btn-search{margin-bottom:-1px; width:100%; height:43px;}
.board_top .search-group .btn-search{ background-color:#fff; border:1px solid #e0e0e0; color:#fff; font-size:18px; border-radius: 0;background: #fff url(../images/common/lco-search.png) no-repeat;background-position: center;width: 53px !important;}
.board_top .search-group .btn-search:hover, .board_top .search-group .btn-search:focus, .board_top .search-group .btn-search:active {background: #f8f8f8 url(../images/common/lco-search.png) no-repeat;background-position: center;}
.board_top .search-group .form-control{width:100%; border-radius:0; border:1px solid #e0e0e0; color:#464646;}
.board_top .search-group .select .radio-inline{margin:8px 20px 0 0; font-size:1.15em;padding-left: 5px;}
.board_top .search-group .select .radio-inline input[type='radio']{margin-top:5px;}
.board_top .search-group .select, .board_top .search-group .form-control, .board_top .search-group .btn-search{float:left; margin-bottom:0; margin-left:-1px; width:auto;}
.board_top .search-group .form-control{width:220px;font-size: 16px;}


/* News > Story */
.sub-story .kind-tab {padding: 23px 0 26px;border-top: 1px solid #aaaaaa;}
.board_card {overflow: hidden; width: 101.5%;}
.board_card li {border: 1px solid #eaeaea; float:left; width:31.5%; margin-right:1.8%;margin-bottom: 1.8%;position: relative;}
.board_card li:hover {background:#fdfdfd;-webkit-box-shadow: 3px 3px 14px rgba(0, 0, 0, .085);box-shadow: 3px 3px 14px rgba(0, 0, 0, .085);}
.board_card li .lebel {display: inline-block;background: #000;position: absolute;left: 0;top: 0;padding: 10px 12px;font-size: 12px;letter-spacing: 1px;color: #fff;font-weight: 700;}
.board_card li .lebel-1 {background: #f03576;}
.board_card li .lebel-2 {background: #151d77;}
.board_card li .lebel-3 {background: #15aee4;}
.board_card li .image {height: 260px;overflow: hidden; background: #dee3ea url(../images/common/board_gray_logo.png) no-repeat; background-position: center;}
.board_card li .image a {display: block;width: 100%;height: 100%;}
.board_card li .image a img {width:100%;}
.board_card li .cont {padding: 25px;position: relative;}
.board_card li .cont .tit {display: block;font-size: 17px;font-weight: 700;color: #333;margin-bottom: 0;height: 27px;overflow: hidden;}
.board_card li .cont .tit:hover {/*! text-decoration:underline; */color: #08107e;}
.board_card li .cont .data {font-size: 15px;color: #a9a9a9;display: block;letter-spacing: 0;font-family: 맑은고딕,malgun gothic;}


/* News > News */
.board_detail {border-top: 1px solid #aaaaaa;}
.board_detail li {padding: 45px 30px;border-bottom: 1px solid #eaeaea;}
.board_detail li:hover {background:#fdfdfd;-webkit-box-shadow: 4px 4px 18px rgba(0, 0, 0, .085);box-shadow: 4px 4px 18px rgba(0, 0, 0, .085);}
.board_detail li:hover .cont .txt {color:#000;}
.board_detail li .cont {position: relative;padding-left: 11%;}
.board_detail li .cont .tit {display: inline-block;font-size: 21px;color: #111;overflow: hidden;height: 65px; font-weight: 800;letter-spacing: -0.02em;margin: 5px 0 10px 0;}
.board_detail li .cont .tit:hover {/*! text-decoration:underline; */color: #08107e;}
.board_detail li .cont .data {color: #aaa;display: block; line-height: 1.4;position: absolute;left: 0;top: 0;}
.board_detail li .cont .data span {display: block;}
.board_detail li .cont .data .day {font-size: 30px;font-weight: 800;color: #060c5c;}
.board_detail li .cont .data .year {font-size: 20px;color: #999;letter-spacing: 0;margin-left: 5px;}
.board_detail li .cont .txt {max-height: 110px;color: #777;overflow: hidden;line-height: 1.8;font-size: 16px;}
.board_detail .gallery {overflow:hidden;}
.board_detail .gallery .image {float:left; width:29.5%; margin-left:3%; height:215px;background: #dee3ea url(../images/common/board_gray_logo.png) no-repeat;background-position-x: 0%;background-position-y: 0%;background-position: center;}
.board_detail .gallery .image a {display:block; width:100%; height:100%; overflow: hidden;}
.board_detail .gallery .image a img {width: 100%;}
.board_detail .gallery .cont {float:left; width:67.5%;}


/* News > View */
.board_view {}
.board_view .board_header {padding: 30px 35px;border-top: 1px solid #777777;border-bottom: 1px solid #e0e0e0;position: relative;overflow: hidden;}
.board_view .board_header .title {width: 100%;font-size: 24px;font-weight: 700;color: #000;letter-spacing: -0.02em;}
.board_view .board_header .title-notice {width: 100%;font-size: 24px;font-weight: 700;color: #000;letter-spacing: -0.02em;position: relative;padding-left: 60px;}
.board_view .board_header .title-notice .tit_new {display: inline-block;vertical-align: middle;position: absolute;left: 0;top: -6px;}
.board_view .board_header .sns {float: right;width: 20%;text-align: right;display: none;}
.board_view .board_body .board_info {margin-bottom: 40px;}
.board_view .board_body .board_info p {margin-bottom: 0;display: inline-block;font-size: 16px;color: #444444;letter-spacing: -0.015em;}
.board_view .board_body .board_info .tit {display: inline-block;font-weight: bold;margin-right: 7px;font-family: 맑은고딕,malgun gothic;}
.board_view .board_body .board_info .data {font-family: 맑은고딕,malgun gothic;letter-spacing: 0.8px;}
.board_view .board_body .board_info .data:after {display:inline-block; content: ""; width: 1px; height: 15px; background: #ccc; margin-left:15px; margin-right: 12px; vertical-align: middle}
.board_view .board_body .board_info .view {font-family: 맑은고딕,malgun gothic;letter-spacing: 0.8px;}
.board_view .board_body {padding: 35px;font-size: 17px;line-height: 2;color: #777;}
.board_view .board_body p {margin-bottom: 0;}
.board_view .board_body img {display: block;margin: auto;}
.board_view .board_body .view-link {background: #f6f6f6;border-radius: 5px;font-size: 11px;text-align: right;padding: 10px 20px;color: #888;font-weight: bold;margin: 5% 0 0 0;line-height: 1.55;}
.board_view .board_body .view-link a {color: #8f8f8f;font-weight: bold;}
.board_view .board_body .view-link a:hover, .board_view .board_body .view-link a:focus, .board_view .board_body .view-link a:active {text-decoration: underline;}

.board_view .board_control {padding: 20px 15px;border-top: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0;overflow: hidden;}
.board_view .board_control a {display: block;}
.board_view .board_control a:hover span {text-decoration:underline;}
.board_view .board_control a strong {display: block;font-weight: bold;color: #000;font-size: 19px;letter-spacing: -0.03em;}
.board_view .board_control a span {display: block;font-size: 16px;color: #8f8f8f;}
.board_view .board_control .prev{float: left;width: 50%;padding: 5px 0 5px 30px;border-right: 1px solid #e9e9e9;}
.board_view .board_control .next{float: right;width: 50%;text-align: right;padding: 5px 30px 5px 0;}
.board_view .sns li {display: inline-block;}
.board_view .sns li a {display: inline-block;width: 40px;height: 40px;border-radius: 40px;margin-left: 5px;border: 1px solid #dadada;}
.board_view .sns li a:hover, .main_news .new_list .list .sns li a:focus, .main_news .new_list .list .sns li a:active {}
.board_view .sns .facebook a {background: url(../images/main/news_sns_facebook.png) no-repeat;background-position-x: 0%;background-position-y: 0%;background-position: center;}
.board_view .sns .insta a {background: url(../images/main/news_sns_instra.png) no-repeat;background-position-x: 0%;background-position-y: 0%;background-position: center;}
.board_view .sns .twitter a {background: url(../images/main/news_sns_twitter.png) no-repeat;background-position-x: 0%;background-position-y: 0%;background-position: center;}
.board_view .sns .link a {background: url(../images/main/news_sns_url.png) no-repeat;background-position-x: 0%;background-position-y: 0%;background-position: center;}
.board_view .sns .facebook a:hover, .main_news .new_list .list .sns .facebook a:focus, .main_news .new_list .list .sns .facebook a:active {background:#2e3c8d url(../images/main/news_sns_facebook_on.png) no-repeat;background-position-x: 0%;background-position-y: 0%;background-position: center; border-color:#2e3c8d;} 
.board_view .sns .insta a:hover, .main_news .new_list .list .sns .insta a:focus, .main_news .new_list .list .sns .insta a:active {background:#da4182 url(../images/main/news_sns_instra_on.png) no-repeat;background-position-x: 0%;background-position-y: 0%;background-position: center; border-color:#da4182;}
.board_view .sns .twitter a:hover, .main_news .new_list .list .sns .twitter a:active, .main_news .new_list .list .sns .twitter a:focus {background:#2aa9e0 url(../images/main/news_sns_twitter_on.png) no-repeat;background-position-x: 0%;background-position-y: 0%;background-position: center; border-color:#2aa9e0;}
.board_view .sns .link a:hover, .main_news .new_list .list .sns .link a:focus, .main_news .new_list .list .sns .link a:active {background:#249948 url(../images/main/news_sns_url_on.png) no-repeat;background-position-x: 0%;background-position-y: 0%;background-position: center; border-color:#249948;}


/* board common */
.sub-board .board-info {display: inline-block;font-size: 16px;color: #888888;letter-spacing: -0.01em;margin-top: 20px;}
.sub-board .board-info .num {font-weight: 800;color: #f03576;letter-spacing: 0;}
.sub-board .board-info .page {font-weight: 800;color: #666;}
.sub-board .btn-group {}
.sub-board .btn-group .btn {padding: 0 15px 3px;background: #fff;font-size: 14px;font-weight: 800;color: #222;letter-spacing: 0;position: relative;font-weight: bold;font-family: 맑은고딕,malgun gothic;}
.sub-board .btn-group .btn:hover, .sub-board .btn-group .btn:focus, .sub-board .btn-group .btn:active {color: #17208a;}
.sub-board .btn-group .btn:before {display: inline-block; content: ""; width: 1px; height: 15px; background: #e0e0e0;  margin-top: 0px; position: absolute;left: 0;top: 1px;}
.sub-board .btn-group .btn .caret {display: inline-block;margin-left: 20px;margin-bottom: 2px;}
.sub-board .btn-group .dropdown-menu {z-index: 9999;}
.sub-board .btn-group .dropdown-menu li {}
.sub-board .btn-group .dropdown-menu li a {}

.board_btn {margin-top: 30px; overflow:hidden;}
.board_btn .btn {color: #fff;line-height: 44px;min-width: 115px;display: inline-block;text-align: center;padding: 0;font-size: 15px;letter-spacing: 0;}
.board_btn .left {float:left;}
.board_btn .right {float:right;}


/* page */
.paginate{position: relative;text-align: center; margin:40px;}
.paginate a{display: inline-block;line-height: 37px;padding: 0 15px 3px;font-size: 14px;vertical-align: middle;color: #8e9192;/*! font-weight: 700; *//*! font-weight: bold; */font-family: 맑은고딕,malgun gothic;border-radius: 2px;}
.paginate a:hover,
.paginate a:focus{ background:#f3f3f3;}
.paginate a.active{color:#fff;background:#f03576;}
.paginate .btn_pag{width:30px;height:30px;padding:0;text-indent:-9999em;text-align:left;overflow:hidden}
.paginate .btn_pag.prev02{margin-right: 4px;background:#fff url(../images/common/page_first.png) no-repeat;background-position: center;}
.paginate .btn_pag.prev{margin-right:15px;background:#fff url(../images/common/page_prev.png) no-repeat;background-position: center;}
.paginate .btn_pag.next{margin-left:15px;background:#fff url(../images/common/page_next.png) no-repeat;background-position: center;}
.paginate .btn_pag.next02{margin-left: 4px;background:#fff url(../images/common/page_last.png) no-repeat;background-position: center;}}
.paginate .btn_pag:hover,
.paginate .btn_pag:focus{border-color:#747474}


/* Support > Support */
.sub-support {padding-bottom:90px;}
.sub-support .subTit-2 {font-size:24px;margin-bottom: 30px;margin-top: 100px;}
.sub-support .group {}
.sub-support .group:after {display: block; content: ""; clear: both;}
.sub-support .group .box {float: left;width: 32%;background: #fff;margin: 0.6%;padding: 50px 40px 30px;height: 325px;text-align: center;border-bottom: 1px solid #f03576;}
.sub-support .group .box-1 {background: #fff url(../images/contents/support-ico-1.png) no-repeat;background-position: center 83%;}
.sub-support .group .box-2 { background: #fff url(../images/contents/support-ico-2.png) no-repeat;background-position: center 83%;}
.sub-support .group .box-3 {background: #fff url(../images/contents/support-ico-3.png) no-repeat;background-position: center 83%;}
.sub-support .group .box-4 {background: #fff url(../images/contents/support-ico-4.png) no-repeat;background-position: center 83%;}
.sub-support .group .box-5 {background: #fff url(../images/contents/support-ico-5.png) no-repeat;background-position: center 83%;}
.sub-support .group .box-6 {background: #fff url(../images/contents/support-ico-6.png) no-repeat;background-position: center 83%;}
.sub-support .group .box .title {font-size: 24px;font-weight: 800;color: #060c5c;letter-spacing: 0;margin-bottom: 13px;display: block;}
.sub-support .group .box .title:before  {display: block; content: ""; width:18px; height: 3px; background: #060c5c;  text-align: center;margin: 0 auto 12px auto;}
.sub-support .group .box .title:before {}
.sub-support .group .box .b-square:after {width: 5px;height: 5px;}
.sub-support .group .box .cont, .sub-support .group .box .cont a {font-size: 17px;color: #777;letter-spacing: 0;line-height: 1.8;font-weight: 300;}
.sub-support .group .box .cont a {display: block;letter-spacing: 0;}

/* popup */
.layer_popup { position: absolute; z-index: 999; width: 600px; left: 90px; top: 190px; max-width: 600px; border: 2px solid #d5d5d5; background: #fff; padding: 5px; border-radius: 5px; }
.pop_footer { display: flex; align-content: center; }
.pop_footer a { margin-left: auto; color:#000; font-weight: bold; }

/* **************************************** *
 * Responsive
 * **************************************** */
 
/**** Mobile ****/
@media (max-width:767px) {
	 
	/* Layout */
	#header {padding: 0 20px; height:70px;}
	#logo {top: 5px;}
	#logo img {width: 92px;}
	#header .openNav {top: 21px;}
    #header .menu_container {display: none;}
	#header a.header_lang {right: 36px;top: 17px;font-size: 12px;width: 84px;height: 30px;padding: 6px 5px;}
	#header a.header_lang2 {right: 125px;top: 17px;font-size: 12px;width: 84px;height: 30px;padding: 6px 5px;}
	.allNav .closebtn {right: 25px;top: 10px;}
	.allNav .closebtn img {width: 27px;}
	.allNav .grab {width: 100%;padding: 15px 20px;top: 4%;}
	.allNav .grab > ul > li {width:33.333%;height: 230px;}
	.allNav .grab > ul > li > a {font-size: 20px;}
	.allNav .grab > ul > li > ul {margin-top: 5px;}
    .allNav .grab > ul > li > ul > li a {font-size: 13px;font-weight: 400;color: rgba(255,255,255,0.8);line-height: 2.2;}
    
    .footer {line-height: 50px;}
    .footer p {font-size: 11px;}
    .footer p b {}
	
	
	/* Common */
	.sub-mobile {display:block;}
    
    .sub-board .btn-group .btn {font-size: 13px;}
	.sub-board .btn-group .dropdown-menu li a {font-size: 13px;}
    
	.sub_container .grab {width:100%;  padding-left:20px; padding-right:20px;}
	.gray-visual {padding-top: 180px; padding-bottom: 30px; background-size: cover !important;}
	
	.modal .modal-dialog {width:100%;padding: 0 4%;}
	.modal .modal-dialog .close {right: 0;top: -55px;}
    
    .kind-tab {margin-bottom: 15px;width: 100%;background: #fbfbfb;padding: 5px 15px;text-align: center;border-radius: 3px;border: 1px solid #eaeaeeee;}
	.kind-tab li a {font-size: 13px;}
		
	.pageTitle {padding-top:50px; padding-bottom:50px;}
	.pageTitle .titMain {font-size: 16px;}
	.pageTitle .titSub {font-size: 28px;padding: 0 5%;}
	
	.paginate {margin: 15px 0;}
	.paginate a{font-size: 12px;padding: 7px;line-height: 10px;}
	.paginate .btn_pag {margin: 0 !important;width: 20px;height: 20px;}
	.paginate .btn_pag.prev {display:none;}
	.paginate .btn_pag.prev02 {margin-right: 0;}
	.paginate .btn_pag.next {display:none;}
	.paginate .btn_pag.next02 {}
	
	.wide-contents .wide-contents-bg {padding: 45px 0 35px;}
	.wide-contents .left-tit {font-size: 22px;width: 100%;}
	.wide-contents .left-tit .bold {display: inline-block;}
	.wide-contents .wideTit {margin-bottom: 25px;font-size: 17px;}
	.wide-contents .right-text {width: 100%;padding-top: 0;}
	.wide-contents .right-text .point {font-size: 18px;line-height: 1.7;margin: 5px 0;font-weight: 700;}
	
	.mid-visual {padding: 40px 10px 40px;}
	.mid-visual .head {font-size: 26px;}
	.mid-visual .copyright {font-size: 14px;}
	
	.table-type-1 table thead th {padding: 10px;font-size: 15px;font-weight: 400;color: #000;}
	.table-type-1 table tbody th {padding: 10px;font-size: 14px;font-weight: 400;color: #000;}
	.table-type-1 table td {padding: 10px;}
	
	/* Main Contents */
	.main_container {overflow:hidden;}
	.main_container .grab_wide {width:100%;}
	
	main_visual_slide h2 {bottom: 14%;}
    .main_visual_slide h2 span {font-size: 32px;}
	.main_visual_txt_container, .main_visual_slide::before {display:none;}
	p.main_visual_txt {font-size: 24px;line-height: 1.4;}
	.main_visual_txt_container a {bottom:95px;font-size: 9px;left: 5px;display: none;}
	.cycle-slide-active .main_visual_txt_container{width:55%; padding-left:5%;display: none;}
	a#scroll_down {display: none;padding: 10px; width: 15%; font-size: 10px;}
	small.corp {display:none;}
	
	
	.main_solution .tit_area {padding-top: 40px;padding-bottom: 40px;}
	.main_solution .tit_area .head_tit, .main_solution .tit_area .head_tit b {font-size: 25px;letter-spacing: 0.03em;}
	.main_solution .tit_area .sub_tit {font-size:14px;}
	.main_solution .grab {max-width: 1280px;width: 100%;padding-left: 3%;padding-right: 3%; padding-bottom:40px;}
    .main_solution .solution_area li {height: 200px;width: 50%;padding-bottom: 10px;}
	.main_solution .solution_area li a {padding: 25px 10px 15px 20px;box-shadow: none;}
	.main_solution .solution_area li.solution_1 a, .main_solution .solution_area li.solution_2 a, .main_solution .solution_area li.solution_3 a, .main_solution .solution_area li.solution_4 a,
	.main_solution .solution_area li.solution_1 a:hover, .main_solution .solution_area li.solution_2 a:hover, .main_solution .solution_area li.solution_3 a:hover, .main_solution .solution_area li.solution_4 a:hover
	{background-size:cover;}
	.main_solution .solution_area li .entit {font-size: 18px;}
	.main_solution .solution_area li .text {font-size: 14px;}
	
    .main_news .grab {padding-bottom: 15px; padding-left: 3%;padding-right: 3%;}
	.main_news .tit_area {padding-top: 150px;padding-bottom: 50px;}
	.main_news .tit_area .head_tit {font-size: 25px;letter-spacing: 0.03em;}
	.main_news .tit_area .sub_tit {font-size:15px;}
	.main_news .new_list {padding-left:15px; padding-right:15px;}
	.main_news .new_list .list {margin-bottom: 40px;width: 50%;padding-right: 3%;margin-bottom: 40px;}
    .main_news .new_list .list .info {height: 140px;}
	.main_news .new_list .list .head {font-size: 17px;height: 102px;}
    .main_news .new_list .list .label {font-size: 12px;margin-bottom: 10px;}
	
	.main_video {width: 100%;}
	.main_video .link {padding-left: 3%;padding-right: 3%;height: 140px;padding: 38px 0;}
    .main_video .link .grab img {max-width: 100%;width: 456px;}
	.main_video .link .shape_round_3 {display:none;}
	.main_video .link .left {display:none;}
	.main_video .link .right {display:none;}
	.main_video .link .shape_circle_1 {position: absolute;left: 5%;top: -16%;width: 70px;}
	.main_video .link .shape_circle_2 {position: absolute;right: 2%;bottom: -16%;width: 70px;}
	.main_video .link .shape_round_1 {position: absolute;left: 4%;bottom: -16%;width: 50px;}
	.main_video .link .shape_round_2 {position: absolute;right: 8%;top: -12%;width: 50px;}
	.main_video .link .shape_round_3 {position: absolute;right: -2%;bottom: 7%;}
	.main_video .link .shape_dot_1 {position: absolute;left: -3%;bottom: 0%;opacity: 0.3;width: 90px;}
	.main_video .link .shape_dot_2 {position: absolute;right: 0;top: -18.5%;opacity: 0.3;height: 90px;}
	.main_video .shape_circle_dot_1 {display: none;}
	.main_video .shape_circle_dot_2 { display: none;}
	.main_video iframe {min-height:380px;}
	
	.main_overview {padding-bottom: 10px;}
	.main_overview .tit_area {padding-top: 40px;padding-bottom: 20px;}
	.main_overview .tit_area .head_tit {font-size: 30px;}
	.main_overview .tit_area .sub_tit {font-size: 14px;width: 85%;margin: 0 auto;display: block;}
	.main_overview .overview {padding:20px;}
	.main_overview .overview .title {font-size: 18px;margin-bottom: 10px;}
	.main_overview .overview .part {width: 100%;border: 0;padding-top: 5%;padding-bottom: 2%;}
	.main_overview .overview .info {font-size: 16px;}
	.main_overview .overview .info .num {font-size: 48px;}
	.main_overview .overview .info .icon {bottom: 15px;}
	.main_overview .overview .title span {display:inline-block;}
    .main_overview .overview .title .bold {font-weight:700;}
	.main_overview .overview .part_1 {border-bottom: 1px solid rgba(255,255,255,0.1);}
	.main_overview .overview .part_2 {border-bottom: 1px solid rgba(255,255,255,0.1);}
	.main_overview .overview .part_3 {border-right: 1px solid rgba(255,255,255,0.1);}
	.main_overview .overview .part_1 .info img {width:60px;}
    .main_overview .overview .part_2 .info img {width:52px;}
    .main_overview .overview .part_3 .info img {width:52px;}
	
	/* Sub Contents */
    .sub-company .side {padding-bottom: 20px;margin-bottom: 20px;}
    .sub-company .side .company-symbol-bg {/*! display: none; */width: 380px;left: -8%;}
    .sub-company .side .vertical-line, .sub-company .side .circle-1, .sub-company .side .circle-2  {display:none;}
    .sub-company .side .side-text .headcopy {font-size: 20px;margin-bottom: 10px; margin-top:20px;text-align: center;font-weight: 700;}
    .sub-company .side .side-text .headcopy span {display:inline-block;}
    .sub-company .side .side-text .cont {margin-bottom: 20px;padding-top: 0;font-size: 14px;width: 100%;text-align: center;}
    .sub-company .side .side-text .cont:before {display: none;margin: 0px auto;}
    .sub-company .side .left-1 {margin-top: 0;height: auto;float: none;width: 100%;text-align: center;}
    .sub-company .side .left-1 .company-img-1 {display: none;width: 280px;}
    .sub-company .side .left-1 .company-img-2 {position: initial;width: auto;  }
    .sub-company .side .left-1 .company-circle-sky {display: none;width: 130px;}
    .sub-company .side .left-1 .company-ring-sky {/*! display: none; */bottom: 9%; right: 0; width: 70px;}
    .sub-company .side .left-1 .company-symbol {/*! display: none; */width: 60px; top: 5%; left: -2%;}
    .sub-company .side .left-2 {padding-right: 0;padding-left: 0;margin-top: 25px;float: none;width: 100%;border-top: 1px solid #ededed;padding-top: 10px;}
    .sub-company .side .left-2 .company-dot-gray {display: none;}
    .sub-company .side .right-1 {padding-left: 0;margin-top: 0;float: none;width: 100%;text-align: center;}
    .sub-company .side .right-1 .company-dot-gray {right: 0; width: 165px;top: -100%;}
	.sub-company .side .right-1 .company-ring-gray {right: 10%; width: 180px; top: -50%;}
    .sub-company .side .right-2 {display: none;}
    .sub-company .side .right-2 .company-img-2 {}
    .sub-company .side .right-2 .company-img-3 {display: none;width: 280px;}
    .sub-company .side .right-2 .company-img-4 {position: initial;width: 200px; left: -10%; bottom: 5%;}
    .sub-company .side .right-2 .company-ring-blue {display: none;width: 70px; left: -10%; top: 25%;}
    .sub-company .side .right-2 .company-circle-blue {display: none;width: 130px;}
    .sub-company .side .side-text .midcopy {font-size: 17px;padding-top: 25px;background-size: 16px;background-position: center top;text-align: center;}
    .sub-company .side .side-text .midcopy span {display: inline-block;}
    .sub-company .icon-info {padding-bottom: 20px;}
    .sub-company .icon-info .company-symbol {width: 50px;}
    .sub-company .icon-info .text {font-size: 15px;margin-bottom: 20px;margin-top: 30px;}
    .sub-company .icon-info .text span {display: inline-block;}
    .sub-company .icon-info .icon .ico {padding-left: 1.5%;padding-right: 1.5%;height: 180px;padding-top: 80px;width: 33.333%;margin: 8px 0;}
    .sub-company .icon-info .icon .ico .info {font-size: 14px;}
    .sub-company .icon-info .icon .ico .tit {font-size: 13px;margin-bottom: 5px;}
    .sub-company .icon-info .icon .ico .info {font-size: 12px;}
    .sub-company .icon-info .icon .ico-3 {border-right:0;}
    .sub-company .vision .tit {padding-bottom: 15px;margin-bottom: 10px;font-size: 26px;}
    .sub-company .vision .visual-info {background-size: 420px;height: 440px;}
    .sub-company .vision .visual-info .info {width: 140px;}
    .sub-company .vision .visual-info .info .title {font-size: 13px;margin-bottom: 0;}
    .sub-company .vision .visual-info .info .text {font-size: 14px;}
    .sub-company .vision .visual-info .info-1 {top: 0;left: 0;text-align: left;}
    .sub-company .vision .visual-info .info-2 {top: 0;right: 0;text-align: right;}
    .sub-company .vision .visual-info .info-3 {bottom: -1.5%;left: 0;text-align: left;padding-right: 5%;}
    .sub-company .vision .visual-info .info-4 {bottom: 4%;right: 0;text-align: right;}
    
	.sub-ci .division-line .part .btn-download {display:none;}
	.sub-ci .division-line .part .left .subTit-1 {font-size: 20px;}
	.sub-ci .division-line .part .left {width: 30%;padding: 30px 0;}
	.sub-ci .division-line .part .right {width: 70%;padding: 30px 0;}
	.sub-ci .division-line .part .right .ci_main {height: 201px;line-height: 200px;}
	.sub-ci .division-line .part .ci_tpye li {width: 100%;padding-right: 0;padding-right: 3.6%;}
	.sub-ci .division-line .part .ci_tpye li .ci_grid {height: 181px;line-height: 181px;}
	.sub-ci .division-line .part .right .ci_main img {width: 85px;}
	.sub-ci .division-line .part .right .text-normal {margin-bottom: 30px;}
	.sub-ci .division-line .part .ci_color {padding: 10px 20px;}
	.sub-ci .division-line .part .ci_color li {width: 50%;margin: 15px 0;}
	.sub-ci .division-line .part .ci_color li .info {margin-top: 12px;}
    .sub-ci .division-line .part .ci_color li .color {height: 65px;}
    
    .sub-history .division-line .part .left {display: none;}
    .sub-history .division-line .part .left .head {font-size: 22px;}
    .sub-history .division-line .part .right {width: 100%;padding: 20px 15px;margin: 0;}
    .sub-history .division-line .part .right .year {font-size: 28px;margin-bottom: 5px;}
    .sub-history .division-line .part .right .list-type-line li {line-height: 2;font-size: 14px;}
	
	.sub-award { padding: 30px 0;}
    .sub-award .subTit-2 {margin-bottom: 10px;font-size: 20px;margin-top: 30px;}
    .sub-award .list-item li {width: 31%;}
    .sub-award .list-item li .head {padding: 15px 0;}
    .sub-award .list-item li .head:after  {display: none;}
    .sub-award .list-item li .head .title {font-size: 17px;}
    .sub-award .list-item li .image {height: auto;line-height: auto;padding: 5px;}
	
	.sub-organ {display:none;}
	.sub-organ-m.sub-mobile {padding:0 5% 35px;}
	.sub-team .section-tit {font-size: 22px;}
	.sub-team .section-tit .bullet {width: 35px;margin-bottom: 10px;}
	.sub-team .section-tit .tit:after  {display:none;}
	.sub-team .group {width: 95%;margin-top: 30px;}
	.sub-team .group .box {width: 48%;margin-top: 0;margin: 1%;padding: 40px 20px 20px;height: 280px;}
	.sub-team .group .box .title {font-size: 20px;margin-bottom: 3px;}
    .sub-team .group .box .cont{font-size: 14px;}
    
	.sub-location .info {padding: 15px !important;margin: 0;padding-top: 25px; padding-bottom: 25px;}
	.sub-location .info .info-text {font-size: 14px;padding-top: 5px;padding-bottom: 5px;display: block;text-align: left;margin-right: 0;}
	.sub-location .info .info-text:after {display: none;}
	.sub-location .info .info-text .info-tit {font-size: 13px;}
	.sub-location .map_wrap {background:#f5f5f5;}
	.sub-location .map_wrap .map {height: 300px;}
	.sub-location .map_wrap .directions {padding-bottom: 40px;padding: 10px;margin-top: 0;}
    .sub-location .map_wrap .directions .grab {padding-left: 0; padding-right: 0;}
    .sub-location .map_wrap .directions .dir_info {padding: 20px;height: auto;margin-bottom: 10px;width: 100%;text-align: left;padding-right: 120px;}
	.sub-location .map_wrap .directions .dir_info .dri_tit {margin-bottom: 10px;font-size: 17px;text-align: left;display: block;}
	.sub-location .map_wrap .directions .dir_info .dri_tit:before  {display:none;}
    .sub-location .map_wrap .directions .dir_info .list-type-circle li {font-size: 14px;}
    .sub-location .map_wrap .directions .link_area .link {width: 110px;height: 110px;}
	.sub-location .map_wrap .directions .link_area .link span {font-size:14px;}
	.sub-location .map_wrap .directions .ico_car {background-position: 90% 85%;background-size: 80px;}
	.sub-location .map_wrap .directions .ico_bus {background-position: 90% 85%;background-size: 80px;}
	.sub-location .map_wrap .directions .ico_train {background-position: 90% 85%;background-size: 80px;}
	.sub-location .sub-wide-gray {display:none;}
	
    .sub-project .right {margin-bottom: 10px;z-index: 100;width: 41;}
	.sub-project .right .board-info {font-size: 13px;}
	.sub-project .board-list .list .title {width: 100%;}
    .sub-project .board-list .list .title .tit-text {max-height: none;width: 100%;font-size: 15px;margin-top: 10px;}
	.sub-project .board-list .list .title .state {font-size: 10.5px;width: 45px;height: 45px;line-height: 45px;}
	.sub-project .board-list .list .info {width: 100%;text-align: left;padding-left: 0;margin-top: 5px;}
	.sub-project .board-list .list .info .kind {}
	.sub-project .board-list .list .info span {font-size:13px;}
	.sub-project .board-list .list {padding: 15px 10px;}
	
	.sub-business .list .area .image {height: 320px;width: 100%;}
	.sub-business .list .area {margin-bottom:40px;}
	.sub-business .list .area:last-child {margin-bottom:0;}
	.sub-business .list .area .box {padding: 20px 22px;height: 165px;width: 65%;}
	.sub-business .list .area .box .title .name {font-size: 17px;}
	.sub-business .list .area .box .title .english {margin-bottom:5px;}
	.sub-business .list .area .box .info {margin-top: 20px;font-size: 14px;}
	
	.sub-client .subTit-2 {margin-bottom: 10px;font-size: 17px;}
	.sub-client .logo-list {margin-bottom: 30px;border-right: 0;border-bottom: 0;border-left: 1px solid #e5e5e5;border-top: 1px solid #e5e5e5;}
	.sub-client .logo-list li {width: 33.333%;border-right: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;border-left: 0;border-top: 0;}
	.sub-client .logo-list li a img {max-width: 50%;}
	
	.sub-solution {margin-top:-25px;}
	.sub-solution .info-head {padding-bottom: 40px;background-size: contain;}
	.sub-solution .info-head .text {font-size:14px;margin-bottom: 15px;}
	.sub-solution .info-head .support .tit {font-size: 11px;padding: 6px 20px;margin-bottom: 10px;}
	.sub-solution .info-head .support span {font-weight: 700;letter-spacing: 0;font-size: 12px;}
    .sub-solution .icon-info {padding-bottom: 20px;}
    .sub-solution .icon-info .company-symbol {width: 50px;}
    .sub-solution .icon-info .text {font-size: 15px;margin-bottom: 20px;margin-top: 30px;}
    .sub-solution .icon-info .text span {display: inline-block;}
    .sub-solution .icon-info .icon .ico {padding-left: 1.5%;padding-right: 1.5%;height: 180px;padding-top: 80px;width: 33.333%;margin: 8px 0;}
    .sub-solution .icon-info .icon .ico .info {font-size: 14px;}
    .sub-solution .icon-info .icon .ico .tit {font-size: 13px;margin-bottom: 5px;}
    .sub-solution .icon-info .icon .ico .info {font-size: 12px;}
    .sub-solution .icon-info .icon .ico:last-child {}
	.sub-solution .division-line {padding: 40px 0 30px;}
	.sub-solution .division-line .part {padding: 40px 0;}
	.sub-solution .division-line .part .left {width: 25%;}
	.sub-solution .division-line .part .left .subTit-1 {font-size: 16px;padding-right: 15px;}
    .sub-solution .division-line .part .left .subTit-1:after {margin-left: 5px;width: 4px;height: 4px;}
	.sub-solution .division-line .part .right {width: 75%;}
	.sub-solution .division-line .part .right li {font-size: 14px;}
	
	.board_list {overflow-x: scroll;}
	.board_list table {min-width:650px;}
	.board_top {margin-bottom: 15px;height: auto;}
	.sub-board .board-info {font-size:14px;/*! display: block; */}
	.board_top .select {width: 100% !important;}
	.board_top .search-group {width:100%;position: relative;margin-top: 10px;}
	.board_top .search-group .btn-search {width:100% !important;margin-top: -1px;background: #f5f5f5 url(../images/common/lco-search.png) no-repeat !important;background-position: center !important;}
	.board_top .select .dropdown-toggle {font-size:14px;}
	.board_top .search-group .form-control {font-size:14px;width: 100%;margin-top: -1px;text-align: center;}
	.board_top .select ul a {font-size:14px;}
	.board_line td .tit_new {width: 35px;margin-right: 10px;top: 12px;}
	.board_line thead th {font-size:14px;font-weight: 400;}
	.board_line td a {font-size: 14px;}
	.board_line td a:hover, .board_line td a:active, .board_line td a:focus {}
	.board_line td {font-size: 14px;}
	.board_btn {margin-top:20px;}
	.board_btn .btn {line-height: 38px;font-size: 13px;min-width: 90px;}
	
	.board_view .board_header {padding: 15px 20px;}
	.board_view .board_header .title {font-size: 17px;}
    .board_view .board_header .title-notice {font-size: 17px;padding-left: 50px;width: 100%;}
    .board_view .board_header .title-notice .tit_new {width: 35px;top: -4px;}
	.board_view .board_body {padding: 15px;}
	.board_view .board_body .board_info {margin-bottom: 10px;}
	.board_view .board_body .board_info p {font-size:13px;}
    .board_view .board_body .board_info .data {letter-spacing: 0;}
    .board_view .board_body .board_info .data::after {margin-left: 8px;margin-right: 6px;height: 11px;}
	.board_view .board_body p {font-size: 14px;}
	.board_view .board_body .view-link {border-radius: 5px;text-align: left;padding: 7px 10px;}
	.board_view .board_control {padding: 0;}
    .board_view .board_control a {}
    .board_view .board_control .prev {width: 100%;border-right: 0;border-bottom: 1px solid #e9e9e9;padding: 15px 5px;}
	.board_view .board_control .next {width: 100%;padding: 15px 5px; text-align:left;}
	.board_view .board_control a strong {font-size: 12px;}
	.board_view .board_control a span {font-size: 13px;}
	
	.board_card li {width: 48.2%;}
	.board_card li .image {height: 250px;}
	.board_card li .image img {height:100%;}
	.board_card li .cont {padding: 15px;}
	.board_card li .cont .data {font-size:14px;}
	
	.board_detail li {padding: 20px 10px;}
	.board_detail li .cont .data .day {font-size: 18px;display: inline-block;}
	.board_detail li .cont .data .year {font-size: 16px;display: inline-block;}
	.board_detail li .cont .tit {font-size: 17px;height: auto;}
	.board_detail li .cont .txt {height: 90px;font-size: 14px;height: 70px;line-height: 1.65;}
    .board_detail .gallery .cont {width: 62%;}
    .board_detail li .cont, .board_detail .gallery .cont {padding-left: 0;padding-top: 25px;}
	.board_detail .gallery .image a {}
	.board_detail .gallery .image {height: 160px;width: 35%;}
    .board_detail .gallery .image img {height: 100%;}
	
	.sub-support {padding-bottom:15px;}
	.sub-support .subTit-2 {font-size: 17px;margin-top: 40px;margin-bottom: 10px;}
	.sub-support .group .box .title {font-size: 20px;}
	.sub-support .group .box {padding: 40px 35px 20px;height: 280px; width:48.8%;margin-bottom: 4px;}
	.sub-support .group .box .cont, .sub-support .group .box .cont a {font-size:14px;}
    
    .layer_popup { width: 100%; left: 0; max-width: 100%; }
}
 
 
@media (max-width:480px) {
	
	
	/* Layout */
	.allNav .closebtn {right: 18px;top: 0px;}
	.allNav .grab {padding: 0;top: 5%;}
	.allNav .grab > ul > li {width:50%;height: 240px;}
	.allNav .grab > ul > li.gnb3, .allNav .grab > ul > li.gnb4 {height: 175px;}
	.allNav .grab > ul > li > a {font-size: 17px;}
	.allNav .grab > ul > li > ul > li a {}
	
	
	/* Common */
	.pageTitle .titMain {font-size: 14px;}	
    .pageTitle .titSub {font-size: 25px;}
	.pageTitle .titSub.v-line:after  {height: 35px;margin-top: 20px;}
    
    .wide-contents .wide-contents-bg {padding: 30px 0 20px;}
    .wide-contents .wideTit {margin-bottom: 15px;font-size: 17px;}
    .wide-contents .right-text .point {font-size: 17px;}
	
    .mid-visual {padding: 40px 10px 40px;}
	.mid-visual .head {font-size: 22px;}
	.mid-visual .copyright {font-size: 13px;}
    
	
	/* Main Contents */
	.main_visual_slide h2 span {font-size:28px;}
	.main_visual_slide h2 {bottom: 13%;}
	.main_overview .tit_area {padding-top: 30px;padding-bottom: 10px;}
	.main_container .grab_wide {width:100%;}
	.main_solution .tit_area {padding-top: 30px;padding-bottom: 30px;}
	.main_solution .tit_area .head_tit, .main_solution .tit_area .head_tit b {font-size: 22px;}
	.main_solution .solution_area li {width: 100%;height: 140px;padding-right: 0;}
	.main_solution .solution_area li a {padding: 18px 15px;}
	.main_solution .solution_area li .entit {}
    .main_solution .solution_area li .text {margin-top: 3px;font-size: 13px;}
    .main_container .line_background {display: none;}
    .main_news .new_list {padding-left:20px; padding-right:20px;}
	.main_news .new_list .list {width: 100%;padding-right: 0;margin-bottom: 35px;}
    .main_news .new_list .list:last-child {margin-bottom: 15px;}
    .main_news .new_list .list .info {height: auto;}
    .main_news .new_list .list .head {height: auto;font-weight: 400;font-size: 15px;}
    .main_news .new_list .list .label {margin-bottom: 5px;font-size: 11px;}
	.main_news .new_list .list .data {position: relative;font-size: 12px;margin-top: 10px;display: block;}
    .main_video .link {padding: 36px 0;height: 120px;}
	.main_overview .overview {padding-bottom:5px}
    .main_overview .tit_area .head_tit {font-size: 26px;}
	.main_overview .overview .part {width: 100%;border-right: 0;border-top: 1px solid rgba(255,255,255,0.1);height: auto;padding: 15px 0;text-align: left;}
	.main_overview .overview .title {font-size: 17px;}
	.main_overview .overview .info .num {font-size: 32px;}
    .main_overview .overview .info .icon {display: inline-block;bottom: 0px;}
    .main_overview .overview .part_1 .info img {width:50px;}
    .main_overview .overview .part_2 .info img {width:43px;}
    .main_overview .overview .part_3 .info img {width:43px;}
    
	
	
	/* Sub Contents */
    .sub-company .side .side-text .headcopy {font-size: 18px;}
    .sub-company .icon-info .icon .ico {width: 50%;padding-left: 2%;padding-right: 2%;border: 0;height: 150px;}
    .sub-company .vision .tit {font-size: 22px;}
    .sub-company .vision .visual-info {background-size: contain;height: 320px;} 
    .sub-company .side .left-1 .company-symbol, .sub-company .side .left-1 .company-ring-sky, .sub-company .side .right-1 .company-ring-gray, .sub-company .side .right-1 .company-dot-gray {/*! display:none; */}
    .sub-company .side .right-1 .company-dot-gray {width: 150px;top: -90%;}
    .sub-company .side .right-1 .company-ring-gray {width: 120px;right: 0;top: -40%;}
    .sub-company .side .company-symbol-bg {width:250px}
    .sub-ci .division-line .part .left .subTit-1 {margin-bottom: 0;font-size: 17px;}
	.sub-ci .division-line .part .left {width:100%;padding: 15px 0 5px;}
	.sub-ci .division-line .part .right {width:100%;border: 0;padding: 5px 0 20px;}
    .sub-ci .division-line .part .right .ci_main img {}
    .sub-ci .division-line .part .right .text-normal {margin-bottom: 15px;}
    .sub-ci .division-line .part .ci_color {padding: 5px;}
    .sub-ci .division-line .part .ci_color li {width: 100%;margin-bottom: 0;}
	.sub-ci .division-line .part .ci_color li .color {height: 50px;}
    
    .sub-history .division-line .part .right .year {font-size: 24px;margin-left: 16px;}
    .sub-history .division-line .part .right {padding: 15px 5px;}
    
    .sub-award { padding: 20px 0;}
    .sub-award .subTit-2 {margin-top:20px; margin-bottom: 8px; font-size: 17px;}
    .sub-award .list-item li .head .title {font-size: 14px;font-weight: 400;height: 22px;}
    .sub-award .list-item li {width: 48%;}
    .sub-award .list-item li .head {padding: 15px 0 5px;}
	
	.sub-team .section-tit {font-size: 18px;}
	.sub-team .group .box .title {font-size: 18px;}
    .sub-team .group {width: 90%;}
	.sub-team .group .box {width:100%;height: 260px;padding-top: 25px;margin-bottom: 10px;}
	
	.sub-location .map_wrap .directions .dir_info {padding-right: 15px;padding-bottom: 90px;}
	.sub-location .map_wrap .directions .ico_car {background-position: center 93%;background-size: 70px;}
	.sub-location .map_wrap .directions .ico_bus {background-position: center 93%;background-size: 70px;}
	.sub-location .map_wrap .directions .ico_train {background-position: center 93%;background-size: 70px;}
	
	.sub-project .right .board-info, .sub-board .btn-group .btn::before, .sub-project .kind-tab li a::before, .sub-project .board-list .list .info span::before
	{display:none;}
	.sub-project .kind-tab {text-align:left;padding: 10px;}
	.sub-project .kind-tab li a {margin:0 8px;}
	.sub-project .board-list .list .title .state {width: 100%;text-align: center;height: 30px;line-height: 30px;border-radius: 3px;font-size: 12px;}
	.sub-project .board-list .list .title .tit-text {font-size: 14px;margin-bottom: 10px;}
	.sub-project .board-list .list .info span {display: block;padding: 0;margin: 0;font-size: 12px;line-height: 1.6;}
	.sub-project .board-list .list .info span::before {}
	.sub-project .board-list .list .info .client {font-weight: 400;color: #999;}
	
	.sub-business .list .area {margin-bottom:15px;}
	.sub-business .list .area .image {}
	.sub-business .list .area .box .title .name {font-size:16px;}
	.sub-business .list .area .box .title .english {margin-bottom:0;font-size: 11px;}
	.sub-business .list .area .box {width:100%;padding: 15px;height: auto;bottom: 0px;position: absolute;}
	.sub-business .list .area .box .info {margin-top: 15px;font-size: 13px;}
	
	.sub-client .logo-list li {width: 50%;line-height: 85px;}
		
	.sub-solution .info-head {padding-bottom: 20px;}
	.sub-solution .info-head .grab {padding:0 5%;}
    .sub-solution .icon-info .icon .ico {width: 50%;padding-left: 2%;padding-right: 2%;border: 0;height: 150px;}
	.sub-solution .division-line {padding: 20px 0 15px;}
	.sub-solution .division-line .part {padding: 15px 0 20px;}
	.sub-solution .division-line .part .left {width: 100%;}
	.sub-solution .division-line .part .left .subTit-1 {margin-bottom: 10px;}
	.sub-solution .division-line .part .right {width: 100%;}
	.sub-solution .division-line .part .right li {font-size:13px;}
	
	.board_btn {margin-top:10px;}
	.board_btn .left {float: none;}
	.board_btn .right {float: none;}
	.board_btn .btn {width: 100%;margin: 1px 0;}
    
    .board_card li {width: 100%;margin: 8px 0;}
	
	.board_detail li {padding: 20px 10px;}
	.board_detail li .cont .tit {margin-bottom: 0;}
	.board_detail .gallery .cont {width: 100%;}
	.board_detail .gallery .image {width:100%;margin-left: 0;margin-top: 10px;height: auto;}
	
	.sub-support {padding-bottom:5px;}
	.sub-support .group .box {width:100%; margin-bottom:10px;}
	
}

 

 /**** Tablet ****/
@media (min-width:768px) and (max-width:991px) {
	
	
	/* Layout */
	#header {/*! display:none; */ padding: 0 30px;}
	/* 최재원  */
    #header .menu_container {display: none;}
	.allNav .grab {width: 100%;padding: 30px;top: 25%;}
	.allNav .grab > ul > li > a {font-size: 25px;}
	.allNav .grab > ul > li > ul {margin-top: 7px;}
    .allNav .grab > ul > li > ul > li a {font-size: 16px;font-weight: 400;color: rgba(255,255,255,0.8);line-height: 2.5;}
	.footer p {font-size:12px;}
    

	/* Common */
	.sub_container .grab {width:100%; min-width:760px; padding-left:20px; padding-right:20px;}
	.gray-visual{padding-top: 230px;padding-bottom: 80px;}
	
	.modal .modal-dialog {width:700px;}
	.modal .modal-dialog .close {right: 0;top: -60px;}
		
	.pageTitle {padding-top:70px; padding-bottom:70px;}
	.pageTitle .titMain {font-size: 17px;}
	.pageTitle .titSub {font-size: 36px;}
	.pageTitle .titSub.v-line::after {}
	
	.paginate {margin: 25px;}
	
	.wide-contents .wide-contents-bg {padding: 70px 0 55px;}
	.wide-contents .left-tit {font-size: 28px;}
	.wide-contents .wideTit {margin-bottom: 35px;}
	.wide-contents .right-text {}
    .wide-contents .right-text .point {font-size: 22px;line-height: 1.5;}
	
	.mid-visual {padding: 60px 20px;}
	.mid-visual .head {font-size: 38px;}
	.mid-visual .copyright {font-size: 16px;}
	
	
	/* Main Contents */
	.main_container {overflow:hidden;}
	.main_container .grab_wide {width:100%;}
	
	main_visual_slide h2 {bottom: 14%;}
    .main_visual_slide h2 span {font-size: 44px;}
	p.main_visual_txt {font-size: 28px;line-height: 1.3;}
	.main_visual_txt_container a {bottom:95px;font-size: 9px;left: 5px;}
	.cycle-slide-active .main_visual_txt_container{width:50%; padding-left:5%;}
	a#scroll_down {display: none;padding: 10px; width: 15%; font-size: 10px;}
	small.corp {display:none;}
	
	.main_solution .tit_area {padding-top: 50px;padding-bottom: 40px;}
	.main_solution .tit_area .head_tit, .main_solution .tit_area .head_tit b {font-size: 32px;}
	.main_solution .tit_area .sub_tit {font-size:16px;}
	.main_solution .grab {max-width: 1280px;width: 100%;padding-left: 3%;padding-right: 3%; padding-bottom:60px;}
    .main_solution .solution_area li {height: 200px;width: 50%;padding-bottom: 12px;}
	.main_solution .solution_area li a {padding: 25px 10px 15px 20px;box-shadow: none;}
	.main_solution .solution_area li.solution_1 a, .main_solution .solution_area li.solution_2 a, .main_solution .solution_area li.solution_3 a, .main_solution .solution_area li.solution_4 a,
	.main_solution .solution_area li.solution_1 a:hover, .main_solution .solution_area li.solution_2 a:hover, .main_solution .solution_area li.solution_3 a:hover, .main_solution .solution_area li.solution_4 a:hover
	{background-size:cover;}
	.main_solution .solution_area li .entit {font-size: 20px;}
	.main_solution .solution_area li .text {font-size: 16px;}
	
	.main_news .tit_area {padding-top: 165px;padding-bottom: 50px;}
	.main_news .tit_area .head_tit {font-size: 32px;}
	.main_news .tit_area .sub_tit {font-size:16px;}
	.main_news .new_list {padding-left:3%; padding-right:3%;}
	.main_news .new_list .list {margin-bottom: 40px;padding-right: 3%;}
    .main_news .new_list .list .label {font-size:13px;font-weight: 700;}
    .main_news .new_list .list .head {font-size: 18px;height: 102px;}
	
	.main_video {width: 100%;}
	.main_video .link {padding-left: 3%;padding-right: 3%;height: 180px;padding: 52px 0;}
	.main_video .shape_circle_dot_1,
	.main_video .shape_circle_dot_2,
	.main_video .link .shape_round_3 {display:none;}
	.main_video .link .left {display:none;}
	.main_video .link .right {display:none;}
	.main_video .link .grab img {max-width: 100%; width: 490px;}
    .main_video .link .shape_circle_1 {position: absolute;left: 5%;top: -21%;width: 90px;}
	.main_video .link .shape_circle_2 {position: absolute;right: 2%;bottom: -25%;width: 90px;}
    .main_video .link .shape_round_2 {position: absolute;right: 8%;top: -12%;width: 50px;}
	.main_video .link .shape_round_3 {position: absolute;right: -2%;bottom: 7%;}
	.main_video .link .shape_dot_1 {position: absolute;left: -3%;bottom: 0%;opacity: 0.6;width: 100px;}
	.main_video .link .shape_dot_2 {position: absolute;right: 0;top: -18.5%;opacity: 0.6;height: 100px;}
	.main_video .shape_circle_dot_1 {display: none;}
	.main_video .shape_circle_dot_2 { display: none;}
	.main_video iframe {min-height:380px;}
    
	
	.main_overview {padding-bottom: 65px;}
	.main_overview .tit_area {padding-top: 65px;padding-bottom: 65px;}
	.main_overview .tit_area .head_tit {font-size: 36px;}
	.main_overview .tit_area .sub_tit {font-size: 15px;}
	.main_overview .overview .title {font-size: 21px;margin-bottom: 30px;}
	.main_overview .overview .info .num {font-size: 46px;}
	.main_overview .overview .info .icon {bottom: 20px;}
	.main_overview .overview .part_1 .info img {width:60px;}
    .main_overview .overview .part_2 .info img {width:52px;}
    .main_overview .overview .part_3 .info img {width:52px;}


	/* Sub Contents */
    .sub-company .side {padding-bottom: 40px;}
    .sub-company .side .company-symbol-bg {display: none;}
    .sub-company .side .side-text .headcopy {font-size: 32px;margin-bottom: 30px;}
    .sub-company .side .side-text .cont {margin-bottom: 40px;padding-top: 30px;font-size: 15px;}
    .sub-company .side .left-1 {margin-top: 40px;height: 420px;}
    .sub-company .side .left-1 .company-img-1 {width: 280px;}
    .sub-company .side .left-1 .company-img-2 {width: 200px;right: -7%;bottom: 0;}
    .sub-company .side .left-1 .company-circle-sky {width: 130px;}
    .sub-company .side .left-1 .company-ring-sky {bottom: 9%;right: -16%;width: 70px;}
    .sub-company .side .left-1 .company-symbol {width: 60px;top: 26%;right: -33px;}
    .sub-company .side .left-2 {padding-right: 12%;padding-left: 3%;margin-top: 50px;}
    .sub-company .side .right-1 {padding-left: 10%;margin-top: 30px;}
    .sub-company .side .right-1 .company-dot-gray {display: none;right: 15%; width: 165px;}
	.sub-company .side .right-1 .company-ring-gray {display: none;right: 0%; width: 180px; top: -7%;}
    .sub-company .side .right-2 {margin-top: 60px;height: 420px;}
    .sub-company .side .right-2 .company-img-2 {}
    .sub-company .side .right-2 .company-img-3 {width: 280px;}
    .sub-company .side .right-2 .company-img-4 {width:200px;left: -10%;bottom: 5%;}
    .sub-company .side .right-2 .company-ring-blue {width:70px;left: -10%;top: 25%;}
    .sub-company .side .right-2 .company-circle-blue {width:130px}
    .sub-company .side .side-text .midcopy {font-size: 19px;padding-top: 40px;background-size: 23px;}
    .sub-company .icon-info {padding-bottom: 50px;}
    .sub-company .icon-info .company-symbol {width: 60px;}
    .sub-company .icon-info .text {font-size: 17px;margin-bottom: 40px;margin-top: 40px;}
    .sub-company .icon-info .icon .ico {padding-left: 1.5%;padding-right: 1.5%;height: 160px;padding-top: 80px;}
    .sub-company .icon-info .icon .ico .info {font-size: 14px;}
    .sub-company .icon-info .icon .ico .tit {font-size: 15px;margin-bottom: 5px;}
    .sub-company .icon-info .icon .ico .info {font-size: 13px;}
    .sub-company .vision .tit {padding-bottom: 20px;margin-bottom: 10px;font-size: 34px;}
    .sub-company .vision .visual-info {background-size: 580px;height: 450px;}
    .sub-company .vision .visual-info .info {width: 150px;}
    .sub-company .vision .visual-info .info .title {font-size: 15px;}
    .sub-company .vision .visual-info .info .text {font-size: 14px;}
    .sub-company .vision .visual-info .info-1 {top: 35%;left: 3%;}
    .sub-company .vision .visual-info .info-2 {top: 35%;right: 3%;}
    .sub-company .vision .visual-info .info-3 {bottom: -6%;left: 3%;}
    .sub-company .vision .visual-info .info-4 {bottom: -2%;right: 3%;}
    
	.sub-ci .division-line .part .left .subTit-1 {font-size: 22px;}
	.sub-ci .division-line .part .left {width: 30%;}
	.sub-ci .division-line .part .right {width: 70%;padding: 50px 0;}
	.sub-ci .division-line .part .right .ci_main {height: 201px;line-height: 200px;}
	.sub-ci .division-line .part .ci_tpye li {width: 100%;padding-right: 0;padding-right: 3.6%;}
	.sub-ci .division-line .part .ci_tpye li .ci_grid {height: 181px;line-height: 181px;}
	.sub-ci .division-line .part .right .ci_main img {width: 85px;}
	.sub-ci .division-line .part .right .text-normal {margin-bottom: 40px;}
	.sub-ci .division-line .part .ci_color {padding: 10px 20px;}
	.sub-ci .division-line .part .ci_color li {width: 50%;margin: 15px 0;}
	.sub-ci .division-line .part .ci_color li .info {margin-top: 12px;}
    
    .sub-history .division-line .part .left {width: 30%;padding: 40px 0 40px 20px;}
    .sub-history .division-line .part .left .head {font-size: 22px;padding-top: 40px;background-size: 22px;}
    .sub-history .division-line .part .right {width: 65%;padding: 40px 0 40px 20px;}
    .sub-history .division-line .part .right .year {font-size: 34px;margin-bottom: 5px;}
    .sub-history .division-line .part .right .list-type-line li {line-height: 2;font-size: 15px;}
    
    .sub-award { padding: 45px 0;}
    .sub-award .subTit-2 {margin-top:40px; margin-bottom: 10px;font-size: 22px;}
    .sub-award .list-item li .head {padding: 15px 0 20px;}
    .sub-award .list-item li .head .title {font-size: 17px;}
    .sub-award .list-item li .image {height: auto;line-height: auto;padding: 5px;}
	
	.sub-organ {margin-bottom: 80px;}
	.sub-organ .group {background-size: 720px;width: 720px;}
	.sub-organ .group .map {}
	.sub-organ .group .map li {width: 155px;height: 155px;padding-top: 63px;}
	.sub-organ .group .map li .class {}
	.sub-organ .group .map li.circle-blue {width: 180px;height: 180px;}
	.sub-organ .group .map li.circle-blue .class {}
	.sub-organ .group .map li.circle-sky {padding-top: 60px;}
	.sub-organ .group .map li.circle-sky .class {}
	.sub-organ .group .map li.circle-gray {}
	.sub-organ .group .map li.circle-gray .class {}
	.sub-organ .group .map li.depth-1 {top: 0px;left: 270px;}
	.sub-organ .group .map li.depth-2-1 {left: 50px;top: 217px; height: 70px; padding-top: 15px;}
	.sub-organ .group .map li.depth-2-1-1 {left: 50px;top: 295px;  height: 70px; padding-top: 15px;}
	.sub-organ .group .map li.depth-2-2 {right: 50px;top: 217px;  height: 70px; padding-top: 15px;}
	.sub-organ .group .map li.depth-3-1 {bottom: 20px; left: -70px;}
	.sub-organ .group .map li.depth-3-2 {bottom: 20px; left: 181px;}
	.sub-organ .group .map li.depth-3-3 {bottom: 20px; left: 400px;}
	.sub-organ .group .map li.depth-4-1 {bottom: 45px; left: -75px;}
	.sub-organ .group .map li.depth-4-2 {bottom: 45px; left: 102px;}
	.sub-organ .group .map li.depth-4-3 {bottom: 45px; left: 281px;}
	.sub-organ .group .map li.depth-4-4 {bottom: 45px; right: 107px;}
	.sub-organ .group .map li.depth-4-5 {bottom: 45px; right: -70px;}
    
    .sub-team .section-tit {font-size: 28px;}
    .sub-team .group {width: 92%;}
	.sub-team .group .box {padding: 45px 35px 30px;height: 320px;}
	.sub-team .group .box .title {font-size: 21px;}
	.sub-team .group .box .cont {font-size: 15px;}
	
	.sub-location .info {padding-top: 25px;padding-bottom: 25px;}
	.sub-location .info .info-text {font-size: 14px;padding-top: 5px;padding-bottom: 5px;padding-right: 10px;margin-right: 10px;}
	.sub-location .info .info-text:after {right: 0;top: 5px;}
	.sub-location .map_wrap .map {height: 500px;}
	.sub-location .map_wrap .directions {padding-bottom: 40px;}
    .sub-location .map_wrap .directions .grab {padding-left: 0; padding-right: 0;}
    .sub-location .map_wrap .directions .dir_info {padding: 60px 15px 30px;height: 520px;margin: 0.5%;width: 32.3%;}
	.sub-location .map_wrap .directions .dir_info .dri_tit {margin-bottom: 20px;font-size: 20px;}
    .sub-location .map_wrap .directions .dir_info .list-type-circle li {font-size: 14px;}
    .sub-location .map_wrap .directions .ico_car {background-position: center 94%;background-size: 95px;}
	.sub-location .map_wrap .directions .ico_bus {background-position: center 94%;background-size: 95px;}
	.sub-location .map_wrap .directions .ico_train {background-position: center 94%;background-size: 95px;}
	
	.sub-project .kind-tab {margin-bottom: 10px;}
	.sub-project .kind-tab li a {font-size: 13px;}
	.sub-project .right {margin-bottom: 10px;}
	.sub-project .right .board-info {font-size: 14px;}
	.sub-project .board-list .list .title {width: 100%;}
    .sub-project .board-list .list .title .tit-text {max-height: none;width: 90%;font-size: 16px;}
	.sub-project .board-list .list .info {width: 100%;text-align: left;padding-left: 75px;margin-top: 5px;}
	.sub-project .board-list .list {padding: 20px 10px;}
	
	.sub-business .list .area {margin-bottom:65px;}
	.sub-business .list .area .image {height: 300px;width: 75%;}
	.sub-business .list .area .box {padding: 22px 30px;height: 180px;width: 45%;}
	.sub-business .list .area .box .title .name {font-size: 19px;}
	.sub-business .list .area .box .info {margin-top: 15px;font-size: 15px;}
	
	.sub-client .subTit-2 {margin-bottom: 15px;font-size: 18px;}
	.sub-client .logo-list {margin-bottom: 60px;}
	.sub-client .logo-list li {}
	.sub-client .logo-list li a img {max-width: 50%;}
	
	.sub-solution {margin-top:-35px;}
	.sub-solution .info-head {padding-bottom: 70px;background-size: contain;}
	.sub-solution .info-head .text {font-size:15px;}
    .sub-solution .info-head .support span {font-weight: 700;letter-spacing: 0;font-size: 13px;}
    .sub-solution .icon-info {padding-bottom: 50px;}
    .sub-solution .icon-info .company-symbol {width: 60px;}
    .sub-solution .icon-info .text {font-size: 17px;margin-bottom: 40px;margin-top: 40px;}
    .sub-solution .icon-info .icon .ico {padding-left: 1.5%;padding-right: 1.5%;height: 160px;padding-top: 80px;}
    .sub-solution .icon-info .icon .ico .info {font-size: 14px;}
    .sub-solution .icon-info .icon .ico .tit {font-size: 15px;margin-bottom: 5px;}
    .sub-solution .icon-info .icon .ico .info {font-size: 13px;}
	.sub-solution .division-line {padding: 70px 0 50px;}
	.sub-solution .division-line .part {padding: 40px 0;}
	.sub-solution .division-line .part .left {width: 30%;}
	.sub-solution .division-line .part .left .subTit-1 {font-size: 18px;}
	.sub-solution .division-line .part .right {width: 70%;}
	.sub-solution .division-line .part .right li {font-size: 15px;}
	
	.board_top {margin-bottom: 20px;}
	.sub-board .board-info {font-size:14px;}
	.board_top .select .dropdown-toggle {font-size:15px;}
	.board_top .search-group .form-control {font-size:15px;}
	.board_top .select ul a {font-size:14px;}
	.board_line td .tit_new {width: 35px;margin-right: 10px;}
	.board_line thead th {font-size:15px;}
	
	.board_view .board_header {padding: 15px 20px;}
	.board_view .board_header .title {font-size: 18px;}
	.board_view .board_header .title-notice {font-size: 18px;}
	.board_view .board_header .title-notice .tit_new {width: 38px;top: -7px;}
	.board_view .board_body {padding: 20px;}
	.board_view .board_body .board_info {margin-bottom: 20px;}
	.board_view .board_body .board_info p {font-size:14px;}
	.board_view .board_body p {font-size: 16px;}
	.board_view .board_body .view-link {border-radius: 5px;text-align: left;}
	
	.board_card li .image {height: 160px;}
	.board_card li .image img {height:100%;}
	.board_card li .cont {padding: 15px;}
	.board_card li .cont .data {font-size:14px;}
	
	
	.board_detail li {padding: 25px 20px;}
	.board_detail li .cont .data .day {font-size: 23px;}
	.board_detail li .cont .data .year {font-size: 16px;}
	.board_detail li .cont .tit {font-size: 18px;}
	.board_detail li .cont .txt {height: 90px;font-size: 15px;height: 77px;}
	.board_detail li .cont, .board_detail .gallery .cont {padding-left: 12%;}
	.board_detail .gallery .image a {}
	.board_detail .gallery .image {height: 160px;}
    .board_detail .gallery .image img {height: 100%;}
	
	.sub-support {padding-bottom:30px;}
	.sub-support .subTit-2 {font-size: 20px;margin-top: 60px;margin-bottom: 15px;}
	.sub-support .group .box .title {font-size: 22px;}
	.sub-support .group .box {padding: 40px 35px 20px;height: 300px;}
	.sub-support .group .box .cont, .sub-support .group .box .cont a {font-size:15px;}
	
	.table-type-1 table tbody th {}
}

	/* 250527 lhl */
	.bottom-gptBox {
		position: fixed;
    right: 1%;
    bottom: 90px;
    z-index: 999;
    display: flex;
    flex-direction: column;
    align-items: end;
    gap: 8px;
	}
	.bottom-gptTxt {
		font-size: 15px;
		display: inline-block;
		position: relative;
		padding: 10px 20px;
		border-radius: 15px;
		box-shadow: 0px 4px 10px 0px #C0C0C040;
		background: #fff;
		font-weight: bold;
		color: #000;
		border: 1px solid #EEEEEE;
	}
	.bottom-gptTxt.purple {
		background: #794FEC;
		color: #fff;
		border: none;
	}
	.bottom-gptLink {
		width: 76px;
		height: 76px;
		border-radius: 20px;
		background: url(../images/main/bottom_gpt_close.png) rgba(255, 255, 255, 0.99) center no-repeat;
		background-size: 50%;
		border: 1px solid #EEEEEE;
		box-shadow: 0px 4px 10px 0px #C0C0C040;
	}
	.bottom-gptLink.active {
		background: url(../images/main/bottom_gpt_ico.png) rgba(255, 255, 255, 0.99) center no-repeat;
		background-size: 60%;
	}


/**** Desktop ****/
@media (min-width:992px) and (max-width:1100px){
	
	
	/* Layout */
    #header {padding: 0 25px;}
    /* 최재원  */
    #header .menu_container {display: none;}
	/* 	
	#header .openNav {display:none;}
	#header a.header_lang {right:0;}
	 */
	ul#menu a {font-size: 17px;}
    ul#menu > li > a {padding: 10px 35px 25px 35px;}
	.menu_container {width: 625px;}
	.allNav .grab {width: 980px;}
	.allNav .grab > ul > li > a {font-size: 30px;}
	
	
	/* Common */
	.sub_container .grab {width:980px;  padding-left:20px; padding-right:20px;}
	.gray-visual{padding-top: 230px;padding-bottom: 80px;}
	
	.pageTitle {padding-top:85px; padding-bottom:80px;}
	.pageTitle .titMain {font-size: 18px;}
	.pageTitle .titSub {font-size: 43px;}
	.subTit-2 {}
	
	.wide-contents .wide-contents-bg {padding: 80px 0;}
	.wide-contents .left-tit {font-size: 36px;}
	.wide-contents .wideTit {margin-bottom: 55px;}
	
	.mid-visual {padding: 75px 20px;}
	.mid-visual .head {font-size: 44px;}
	.mid-visual .copyright {font-size: 16px;}
	
	
	/* Main Contents */
	.main_container {overflow:hidden;}
	.main_container .grab_wide {width:100%;}
	
	.main_visual_slide h2 {bottom: 14%;}
    .main_visual_slide h2 span {font-size: 55px;}
	p.main_visual_txt {font-size: 32px;line-height: 1.3;}
	.main_visual_txt_container a {bottom:150px;font-size: 9px;}
	.cycle-slide-active .main_visual_txt_container{width:41%; padding-left:4%;}
	a#scroll_down {padding:10px;width: 15%;font-size: 10px;}
	small.corp {display:none;}
	
	.main_solution .tit_area {padding-top: 90px;padding-bottom: 60px;}
	.main_solution .tit_area .head_tit, .main_solution .tit_area .head_tit b {font-size: 44px;}
	.main_solution .tit_area .sub_tit {font-size:17px;}
	.main_solution .grab {max-width: 1280px;width: 100%;padding-left: 3%;padding-right: 3%; padding-bottom:80px;}
    .main_solution .solution_area li {height: 330px;}
	.main_solution .solution_area li a {padding: 30px 16px 20px 25px;}
	.main_solution .solution_area li .entit {font-size: 22px;}
	.main_solution .solution_area li .text {}
	
	.main_news .tit_area {padding-top: 180px;padding-bottom: 60px;}
	.main_news .tit_area .head_tit {font-size: 44px;}
	.main_news .tit_area .sub_tit {font-size:17px;}
	.main_news .new_list {padding-left:3%; padding-right:3%;}
	.main_news .new_list .list {margin-bottom: 80px;}
	.main_news .new_list .list .head {font-size: 21px;height: 60px;}
	
	.main_video {width: 100%;}
	.main_video .link {padding-left: 3%;padding-right: 3%;height: 210px;padding: 60px 0;}
	.main_video .link .shape_round_3 {display:none;}
    .main_video .shape_circle_dot_1 {display:none;}
	.main_video .link .left {display:none;}
	.main_video .link .right {display:none;}
	
	.main_overview {padding-bottom: 70px;}
	.main_overview .tit_area {padding-top: 80px;padding-bottom: 80px;}
	.main_overview .tit_area .head_tit {font-size: 52px;}
	.main_overview .tit_area .sub_tit {font-size: 16px;}
	.main_overview .overview .title {font-size: 25px;margin-bottom: 50px;}
	.main_overview .overview .info .num {font-size: 52px;}
	.main_overview .overview .part_1 .info img {width:65px;}
    .main_overview .overview .part_2 .info img {width:55px;}
    .main_overview .overview .part_3 .info img {width:57px;}


	/* Sub Contents */
    .sub-company .side {padding-bottom: 40px;}
    .sub-company .side .side-text .headcopy {font-size: 40px;margin-bottom: 35px;}
    .sub-company .side .side-text .cont {margin-bottom: 50px;padding-top: 35px;}
    .sub-company .side .left-1 {margin-top: 40px;}
    .sub-company .side .left-1 .company-img-1 {width: 330px;}
    .sub-company .side .left-1 .company-img-2 {width: 220px;right: -7%;bottom: 15%;}
    .sub-company .side .left-1 .company-ring-sky {bottom: 9%;right: -16%;width: 70px;}
    .sub-company .side .left-2 {padding-right: 12%;padding-left: 3%;margin-top: 50px;}
    .sub-company .side .right-1 {padding-left: 12%;margin-top: 40px;}
    .sub-company .side .right-1 .company-dot-gray {right: 15%;width: 165px;}
	.sub-company .side .right-1 .company-ring-gray {right: 0%;width: 180px;top: -7%;}
    .sub-company .side .right-2 {margin-top: 60px;}
    .sub-company .side .right-2 .company-img-2 {}
    .sub-company .side .right-2 .company-img-3 {width: 330px;}
    .sub-company .side .side-text .midcopy {font-size: 21px;padding-top: 50px;}
    .sub-company .icon-info {padding-bottom: 90px;}
    .sub-company .icon-info .text {font-size: 20px;margin-bottom: 80px;}
    .sub-company .icon-info .icon .ico {padding-left: 1.8%;padding-right: 1.8%;}
    .sub-company .icon-info .icon .ico .info {font-size: 14px;}
    .sub-company .vision .tit {padding-bottom: 30px;margin-bottom: 40px;font-size: 44px;}
    .sub-company .vision .visual-info {background-size: 590px;}
    .sub-company .vision .visual-info .info {width: 150px;}
    .sub-company .vision .visual-info .info .text {font-size: 15px;}
    .sub-company .vision .visual-info .info-1 {top: 16%;}
    .sub-company .vision .visual-info .info-2 {top: 16%;}
    .sub-company .vision .visual-info .info-3 {bottom: 16%;}
    .sub-company .vision .visual-info .info-4 {bottom: 16%;}
    
	.sub-ci .division-line .part .left .subTit-1 {font-size: 26px;}
	.sub-ci .division-line .part .left {width: 24%;}
	.sub-ci .division-line .part .right {width: 76%;}
    
    .sub-history .division-line .part .left {width: 30%;padding: 50px 0 50px 20px;}
    .sub-history .division-line .part .left .head {font-size: 25px;}
    .sub-history .division-line .part .right {width: 65%;padding: 50px 0 50px 20px;}
    .sub-history .division-line .part .right .year {font-size: 38px;margin-bottom: 5px;}
    .sub-history .division-line .part .right .list-type-line li {line-height: 2;}
    
    .sub-award { padding: 70px 0;}
	.sub-award .subTit-2 {margin-top: 60px; margin-bottom: 10px; font-size: 24px;}
    .sub-award .list-item li .head {padding: 20px 0 25px;}
    .sub-award .list-item li .head .title {font-size: 18px;}
    .sub-award .list-item li .image {height: 320px;line-height: 320px;padding: 0;}
	
	.sub-organ {margin-bottom: 70px;}
	.sub-organ .group .map li {width: 155px;height: 155px;padding-top: 63px;}
	.sub-organ .group .map li.circle-blue {width: 180px;height: 180px;}
	.sub-organ .group .map li.circle-sky {padding-top: 70px;}
	.sub-organ .group .map li.depth-1 {top: -15px;}
	.sub-organ .group .map li.depth-3-1 {bottom: 10px;}
	.sub-organ .group .map li.depth-3-2 {bottom: 10px;}
	.sub-organ .group .map li.depth-3-3 {bottom: 10px;}
	.sub-organ .group .map li.depth-3-4 {bottom: 10px;}
    .sub-team .group {width: 80%;}
	
	.sub-location .info {padding-top: 40px;padding-bottom: 40px;}
	.sub-location .info .info-text {font-size: 16px;}
	.sub-location .map_wrap .map {height: 580px;}
	.sub-location .map_wrap .directions {padding-bottom: 60px;}
    .sub-location .map_wrap .directions .grab {padding-left: 0; padding-right: 0;}
    .sub-location .map_wrap .directions .dir_info {padding: 60px 20px 30px;}
	.sub-location .map_wrap .directions .dir_info .dri_tit {margin-bottom: 20px;}
	.sub-location .map_wrap .directions .ico_car {background-position: center 93%;}
	.sub-location .map_wrap .directions .ico_bus {background-position: center 93%;}
	.sub-location .map_wrap .directions .ico_train {background-position: center 93%;}
	
	.sub-project .board-list .list .title {width: 100%;}
    .sub-project .board-list .list .title .tit-text {max-height: none;width: 90%;}
	.sub-project .board-list .list .info {width: 100%;text-align: left;padding-left: 75px;margin-top: 5px;}
	
    .sub-business .list .area .image {height: 320px;}
	.sub-business .list .area .box {padding: 40px 30px;height: 220px;}
	.sub-business .list .area .box .title .name {font-size: 22px;}
	.sub-business .list .area .box .info {margin-top: 20px;}
	
	.sub-client .subTit-2 {margin-bottom: 20px;}
	.sub-client .logo-list {margin-bottom: 90px;}
	
	.sub-solution .info-head {padding-bottom: 90px;}
	.sub-solution .division-line {padding: 90px 0 70px;}
	.sub-solution .division-line .part {}
	.sub-solution .division-line .part .left .subTit-1 {font-size: 20px;}
	.sub-solution .division-line .part .right li {font-size: 15px;}
	
	.board_line td .tit_new {width: 35px;margin-right: 10px;}
	.board_line thead th {font-size:16px;}
	.board_view .board_header {padding: 25px 30px;}
	.board_view .board_header .title {font-size: 22px;}
	.board_view .board_header .title-notice {font-size: 22px;}
	
	.board_card li .image {height: 180px;}
	
	.board_detail li {padding: 35px 25px;}
	.board_detail li .cont .data .day {font-size: 26px;}
	.board_detail li .cont .data .year {font-size: 18px;}
	.board_detail li .cont .tit {font-size: 19px;}
	.board_detail li .cont .txt {height: 90px;}
	.board_detail .gallery .image a {}
	.board_detail .gallery .image {height: 175px;}
    .board_detail .gallery .image img {height: 100%;}
	
	.sub-support {padding-bottom:60px;}
	.sub-support .subTit-2 {font-size: 22px;margin-top: 80px;margin-bottom: 20px;}
	.sub-support .group .box .title {font-size: 22px;}
	.sub-support .group .box {padding: 40px 35px 20px;height: 300px;}
	
}



@media (min-width:1101px) and (max-width:1280px){
	 
	 
	 /* Layout */
	.allNav .grab {width: 1030px;}
	.allNav .grab > ul > li > a {font-size: 30px;}
	
	/* 최재원  */
	#header .menu_container {display: none;}
	
	/* Common */
	.sub_container .grab {width:1080px;}
	.modal .modal-dialog {width:900px;}
	.wide-contents .wide-contents-bg {padding: 100px 0;}
	
	/* Main Contents */
	.main_container {overflow:hidden;}
	.main_container .grab_wide {width:100%;}
	
	.main_visual_slide h2 span {font-size: 56px;}
	p.main_visual_txt {font-size: 36px;}
	.main_visual_txt_container a {bottom:140px;font-size: 10px;}
	.cycle-slide-active .main_visual_txt_container{width:40%; padding-left:4%;}
	a#scroll_down {padding:10px;width: 15%;font-size: 11px;}
	small.corp {display:none;}
	
	.main_solution .tit_area {padding-top: 90px;padding-bottom: 60px;}
	.main_solution .tit_area .head_tit, .main_solution .tit_area .head_tit b {font-size: 46px;}
	.main_solution .grab {max-width: 1280px;width: 100%;padding-left: 3%;padding-right: 3%;}
	.main_solution .solution_area li {height: 360px;}
	.main_solution .solution_area li a {padding: 30px 20px 20px 30px;}
	.main_solution .solution_area li .entit {font-size: 25px;}
	.main_solution .solution_area li .text {}
	
	.main_news .tit_area {padding-top: 180px;padding-bottom: 60px;}
	.main_news .tit_area .head_tit {font-size: 46px;}
	.main_news .tit_area .sub_tit {font-size:17px;}
	.main_news .new_list {padding-left:3%; padding-right:3%;}
	.main_news .new_list .list {margin-bottom: 80px;}
	.main_news .new_list .list .head {font-size: 22px;height: 65px;}
		
	.main_video {width: 100%;}
	.main_video .link {padding-left: 3%;padding-right: 3%;}
	.main_video .link .shape_round_3 {display:none;}
	.main_video .link .left {display:none;}
	.main_video .link .right {display:none;}
	.main_video iframe {min-height:500px;}
	
	.main_overview {}
	.main_overview .tit_area {padding-top: 95px;padding-bottom: 90px;}
	.main_overview .tit_area .head_tit {font-size: 56px;}
	.main_overview .tit_area .sub_tit {font-size: 17px;}


	/* Sub Contents */
    .sub-company .side {padding-bottom: 80px;}
    .sub-company .side .side-text .headcopy {font-size: 44px;margin-bottom: 35px;}
    .sub-company .side .side-text .cont {margin-bottom: 70px;padding-top: 35px;}
    .sub-company .side .left-1 .company-img-1 {width: 380px;}
    .sub-company .side .left-1 .company-img-2 {width: 270px;right: -7%;bottom: 3%;}
    .sub-company .side .left-1 .company-ring-sky {bottom: -5%;right: -16%;}
    .sub-company .side .left-2 {padding-right: 12%;padding-left: 3%;}
    .sub-company .side .right-1 {padding-left: 12%;margin-top: 60px;}
    .sub-company .side .right-1 .company-dot-gray {right: 15%;width: 165px;}
	.sub-company .side .right-1 .company-ring-gray {right: 0%;width: 180px;top: -7%;}
    .sub-company .side .right-2 .company-img-2 {}
    .sub-company .side .right-2 .company-img-3 {width: 380px;}
    .sub-company .side .side-text .midcopy {font-size: 23px;}
    .sub-company .icon-info .text {font-size: 20px;margin-bottom: 80px;}
    .sub-company .icon-info .icon .ico {}
    .sub-company .vision .tit {padding-bottom: 30px;margin-bottom: 40px;}
    .sub-company .vision .visual-info {background-size: 690px;}
    .sub-company .vision .visual-info .info {}
    .sub-company .vision .visual-info .info-1 {top: 11.5%;}
    .sub-company .vision .visual-info .info-2 {top: 11.5%;}
    .sub-company .vision .visual-info .info-3 {bottom: 11%;}
    .sub-company .vision .visual-info .info-4 {bottom: 11%;}
    
    
	.sub-team .group {width:80%;}
	 
	.sub-location .map_wrap .directions {padding-bottom: 80px;}
    .sub-location .map_wrap .directions .dir_info {padding: 60px 30px;}
    
    .sub-business .list .area .box {padding: 30px;height: 245px;}
    
	.board_card li .image  {height: 220px;}
	.board_detail .gallery .image a img {height:100%;}
	 
}

 

@media (min-width:1281px) and (max-width:1480px){
	
	/* Layout */

	
	/* Common */
	
	/* Main Contents */
	.main_container {}
	.main_solution .grab {max-width: 1280px;width: 100%;padding-left: 4%;padding-right: 4%;}
	.main_container .grab_wide {width:100%;}
	
	.main_visual_slide h2 span {font-size: 77px;}
	p.main_visual_txt {font-size: 42px;}
	.main_visual_txt_container a {bottom:180px;}
	.cycle-slide-active .main_visual_txt_container{width:40%; padding-left:4%;}
	a#scroll_down {padding:10px;width: 13.5%;font-size: 11.5px;}
	small.corp {display:none;}
	
	.main_news .new_list {padding-left:4%; padding-right:4%;}
	
	.main_video {max-width: 1350px;margin: 0 auto;width: 100%;}
	.main_video .link {padding-left: 4%;padding-right: 4%;}
	.main_video .link .shape_round_3 {display:none;}


	/* Sub Contents */
    .sub-company .side .right-1 .company-dot-gray {right: 10%;width: 165px;}
	.sub-company .side .right-1 .company-ring-gray {right: -5%;width: 180px;}
	.sub-team .group {width: 70%;}
	
}
 
 
@media (min-width:1481px) and (max-width:1750px){
	
	
	/* Layout */

	
	/* Common */

	
	/* Main Contents */
	.main_visual {}
	.main_visual .corp {display:none;}
	a#scroll_down {width:12.8%;}
	.main_visual_txt_container a {bottom:210px;}
	.main_video .link .shape_round_3 {display:none;}
	.main_visual_slide h2 span {font-size: 76px;}
	p.main_visual_txt {font-size: 50px;}


	/* Sub Contents */
	
}


/* igpt 20250522(lhl) */
.igpt_tit {
	font-size: 32px;
    font-weight: 700;
    padding: 20px 40px;
    /* border: 1px solid #E2E2E2; */
    display: inline-block;
    border-radius: 50px;
    margin-bottom: 23px;
		position: relative;
}
/* .igpt_tit::before {
	content: "";
	width: 2px;
	height: 40px;
	vertical-align: middle;
	background: #E2E2E2;
	display: inline-block;
	margin-right: 10px;
} */
.igpt_txt {
	font-size: 20px;
	color: #000;
	font-weight: 600;
	text-align: center;
	margin: 16px 0 82px 0;
}
.igpt_appliBtn {
	background: #1F1F1F;
	color: #fff;
	font-size: 16px;
	padding: 15px 40px;
	border-radius: 50px;
	margin-top: 30px;
	margin-bottom: 85px;
	display: inline-block;
	position: relative;
}
.igpt_appliBtn:hover, .igpt_appliLink:hover {
    color: #fff;
}
.igpt_appliBtn::after {
	content: "";
	background: url(../images/contents/ico_igpt_link.svg) center no-repeat;
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 7px;
}
.igpt_ckTxt {
	font-size: 20px;
	color: #000;
	font-weight: 600;
	margin-bottom: 30px;
	position: relative;
}
.igpt_ckTxt::before {
	content: "";
	background: url(../images/contents/ico_igpt_ck.svg) center no-repeat;
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}
.igpt_vsBox {
	background: url(../images/contents/sub_igpt_vs.jpg) center no-repeat;
	height: 489px;
	background-size: cover;
}
.igpt_vsInner {
	height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 630px;
    margin-left: auto;
}
.igpt_txt.wh {
	color: #fff;
	text-align: left;
}
.igpt_desc {
	font-size: 16px;
	font-weight: 400;
	margin: 16px 0;
	color: #000;
}
.igpt_desc.wh {
	color: #fff;
	text-align: left;
}
.igpt_mockup {
	margin-top: 50px;
}
.igpt_listBox {
	display: flex;
	flex-wrap: wrap;
}
.igpt_list {
	width: 32%;
	margin: 0.6%;
	text-align: center;
	padding: 45px 0;
}
.igpt_listBox li:first-child, .igpt_listBox li:nth-child(3), .igpt_listBox li:nth-child(5) {
	background:#f6f6f6;
} 
.igpt_listBox li:nth-child(2), .igpt_listBox li:nth-child(4), .igpt_listBox li:last-child {
	background:#eee;
} 
.igpt_listBox li:first-child {
	border-radius: 20px 20px 0 20px;
} 
.igpt_listBox li:nth-child(2) {
	border-radius: 20px 20px 0 0;
} 
.igpt_listBox li:nth-child(3) {
	border-radius: 20px 20px 20px 0;
} 
.igpt_listBox li:nth-child(4) {
	border-radius: 20px 0 20px 20px;
} 
.igpt_listBox li:nth-child(5) {
	border-radius: 0 0 20px 20px;
} 
.igpt_listBox li:last-child {
	border-radius: 0 20px 20px 20px;
} 
.igpt_list p {
	color: #000;
}
.igpt_listTit {
	font-size: 16px;
	font-weight: 700;
}
.igpt_listDesc {
	font-size: 14px;
	font-weight: 400;
}
.igpt_stepBox {
	display: flex;
	flex-wrap: wrap;
}
.igpt_step {
	width: 22%;
    border-radius: 20px;
    border: 1px solid #E3E3E3;
    margin-right: 4%;
    padding: 45px 0;
}
.igpt_step::after {
	content: "";
    background: url(../images/contents/ico_igpt_right.svg) center no-repeat;
    width: 30px;
    height: 30px;
    position: absolute;
    right: -35px;
    top: 40%;
    background-size: cover;
}
.igpt_step:last-child::after {
	display: none;
}
.igpt_step:last-child {
	margin-right: 0;
}
.igpt_stepTxt {
	font-size: 16px;
	color: #000;
	font-weight: 400;
}
.igpt_formWrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.igpt_formBox {
	width: 49%;
	text-align: left;
	border: 1px solid #E3E3E3;
	border-radius: 12px;
	padding: 10px 20px;
	margin-bottom: 14px;
}
.igpt_formBox.full {
	width: 100%;
}
.igpt_form {
	width: 100%;
	display: flex;
	align-items: center;
}
.igpt_form span {
	color: #000;
	font-size: 16px;
	margin-right: 10px;
}
.igpt_form input {
	outline: none;
	border: none;
	color:#000;
	font-size: 16px;
	flex: 1;
}
.igpt_noti {
	color: #393939;
	font-size: 14px;
	font-weight: 400;
	background: #F6F6F6;
	border-radius: 15px;
	padding: 10px 0;
	margin-bottom: 14px;
}
.igpt_appliLink {
	background: #1F1F1F;
	width: 100%;
	display: block;
	color: #fff;
	border-radius: 20px;
	font-size: 16px;
	padding: 20px 0;
	position:relative;
}
.igpt_appliLink::after {
	content: "";
	background: url(../images/contents/ico_igpt_link.svg) center no-repeat;
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 7px;
}

@media (max-width: 767px) {
	/* 250527 lhl */
	.bottom-gptTxt {
		font-size: 12px;
	}

	.igpt_tit {
		margin: 0 5%;
		font-size: 19px;
	}
	.igpt_txt {
		margin: 16px 5%;
		font-size: 16px;
	}
	.igpt_appliBtn {
		margin-top: 16px;
	}
	.igpt_ckTxt {
		margin: 0 5% 20px 5%;
    font-size: 16px;
	}
	.igpt_vsBox {
		background-position: 30%;
	}
	.igpt_vsInner {
		width: 100%;
    margin: 0 auto;
	}
	.igpt_desc.wh, .igpt_txt.wh {
		text-align: center;
	}
	.igpt_desc {
		font-size: 14px;
		margin: 16px 5%;
	}
	.igpt_list {
		width: 48%;
	}
	.igpt_listBox li:first-child {
		border-radius: 20px 20px 0 0;
	}
	.igpt_listBox li:nth-child(2) {
		border-radius: 20px 20px 0 0;
	}
	.igpt_listBox li:nth-child(3), .igpt_listBox li:nth-child(4) {
		border-radius: 0;
	}
	.igpt_listBox li:last-child {
		border-radius:0 0 20px 20px;
	}
	.igpt_step {
		width: 100%;
		margin: 0 0 30px 0;
		padding: 20px 0;
	}
	.igpt_stepTxt {
		font-size: 15px;
	}
	.igpt_step::after {
		transform: rotate(90deg);
		right: 0;
		left: 46%;
		top: 100%;
	}
	.igpt_formBox {
		width: 100%;
	}
}