@charset "utf-8";

@font-face {
  font-family: 'noto sans kr';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'noto sans kr';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
  font-family: 'noto sans kr';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
  font-family: 'noto sans kr';
  font-style: normal;
  font-weight: 500;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
  font-family: 'noto sans kr';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
  font-family: 'noto sans kr';
  font-style: normal;
  font-weight: 900;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
 }

@font-face { font-family: 'GmarketSansBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'GmarketSansMedium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'GmarketSansLight'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); font-weight: normal; font-style: normal; }

/* reset */
* { padding:0; margin:0 }
*, :after, :before { -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box; }
html { overflow-y:scroll; height:100% }
body { font-family:noto sans kr, dotum, sans-serif; color:#222; height:100%; font-weight:300; font-size:0.85em }
img { max-width:100% }

ul, ol { list-style:none }
html, h1, h2, h3, h4, h5, h6, form, fieldset, img { border:0 }
h1, h2, h3, h4, h5, h6 { font-weight:500; font-size:1em; font-family:noto sans kr }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block }

label, input, button, select, img { vertical-align:middle }
input, button, textarea, select { font-size:1em; font-family:noto sans kr, dotum, sans-serif }
input[type=text], input[type=password], input[type=date] { padding:0 5px; border:1px solid #ddd; color:#222; line-height:34px; height:36px; }
input[type=text]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#bbb }
input[type=text]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, textarea:-ms-input-placeholder { color:#bbb }
input[type=text]:-moz-placeholder, input[type=password]:-moz-placeholder, textarea:-moz-placeholder { color:#bbb }
input[type=text], input[type=password], input[type=submit], input[type=image], button {border-radius:3px;font-size:1em;-webkit-appearance:none}

input[type=text],input[type=password], textarea {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
}
input[type=text]:focus,input[type=password]:focus,  textarea:focus,select:focus {
-webkit-box-shadow:  0 0 5px #9ed4ff;
-moz-box-shadow:  0 0 5px #9ed4ff;
box-shadow: 0 0 5px #9ed4ff;
border: 1px solid #558ab7 !important;
}

button { cursor:pointer; outline:none }
select { border:1px solid #ddd; height:36px; padding:0 0 0 9px; cursor:pointer; color:#222; }
.styled_select { height:36px; overflow:hidden; border:1px solid #ddd; background:#fff; display:inline-block; border-radius:3px; vertical-align:middle; position:relative }
.styled_select i { position:absolute; right:10px; text-align:center; height:34px; line-height:32px; top:0; font-size:14px }
.styled_select select { background:transparent; height:34px; border:0; -webkit-appearance: none; outline:none; padding-right:40px; width:100%; vertical-align:top; position:relative; z-index:1 }
.styled_select select:disabled { cursor:default; background:#f0f0f0 }
.styled_select select::-ms-expand { display:none }
hr { display:none; background:#ddd; border:none; height:1px }
a, a:link, a:visited { text-decoration:none; color:#222; -webkit-tap-highlight-color : transparent }
a, .btn { transition:all .3s }
strong, b, th { font-weight:500; }
table { width:100%; border-collapse:collapse; border-spacing:0 }
caption { display:none; font-size:0; line-height:0 }
textarea {color:#222; font-size:1em; line-height:1.5; border:1px solid #ddd; padding:10px; width:100%; border-radius:3px; vertical-align:top }
address { font-style:normal }

/* global */
.txt_black { color:#222 !important }
.txt_white { color:#fff !important }
.txt_gray { color:#aaa !important }
.txt_red { color:#cc121d !important }
.txt_blue { color:#069be8 !important }
.txt_orange { color:#ffaa00 !important }
.txt_green { color:#8ecd09 !important }
.txt_brown { color:#9f5e15 !important }
.wrap:after { content:""; display:block; clear:both }
.clear:after { content:""; display:block; clear:both }
.center { text-align:center !important }
.left { text-align:left !important }
.right { text-align:right !important }
.f_left { float:left !important }
.f_right { float:right !important }
.skip { font-size:0; text-indent:-9000px; line-height:0; display:none }
.ellipsis { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block }
input.short { width:70px; text-align:center }
input.long { width:100% }
input.half { width:49% }
ul:after { clear:both; content:""; display:block }
.overflow_y { overflow-x:hidden; overflow-y:scroll; border:1px solid #ddd }

.succession { margin-top:20px !important }
.paragraph { margin-bottom:40px !important }
span.space { display:inline-block; width:20px }
.prepare { width:500px; margin:50px auto; padding:50px; border:1px solid #eaeaea}
.prepare h2 { font-size:24px; text-align:center; margin:0 0 20px }
.prepare h2 i { font-size:50px; margin:0 0 20px; display:block; color:#ddd }
.prepare p { text-align:center; font-size:13px }

.pc_only { display:block !important }
.pc_no { display:none !important }
.mobile_only { display:none !important }
.s_mobile_only { display:none !important }
.ahref { position:absolute; text-indent:-9000px; background:red; display:inline-block; opacity:0; filter:alpha(opacity=0) }

.btn { padding:.8rem 1.4rem .9rem 1.4rem; line-height:1; font-weight:500; border:1px solid #ccc; transition:all .2s; display:inline-block; border-radius:0; outline:none; vertical-align:middle; border-radius:3px; font-size:1em; text-decoration:none !important }
a.btn, .btn { font-weight:500 }
.btn-primary { background:#2188d8; border-color:#2188d8; color:#fff !important }
.btn-primary-line { background:#fff; border-color:#2188d8; color:#2188d8 !important }
.btn-info { background:#3e444c; border-color:#2f343a; color:#fff !important }
.btn-green { background:#71c702; border-color:#71c702; color:#fff !important }
.btn-green-line { background:#fff; border-color:#71c702; color:#71c702 !important }
.btn-red { background:#e93c20; border-color:#e93c20; color:#fff !important }
.btn-red-line { background:#fff; border-color:#e93c20; color:#e93c20 !important }
.btn-default { background:#fff }
.btn-lg { padding:1.1rem 2.4rem; font-size:1.1rem; border-radius:5px }
.btn-ml { padding:10px 20px 12px 20px; font-size:14.5px; border-radius:5px }
.btn-ml i { font-size:14px }
.btn-sm { padding:0 15px; height:36px; line-height:32px; font-size:.95rem; border-radius:3px }
.btn-sm i { font-size:14px }
.btn-xs { padding:5px 7px 6px 7px; font-size:.95rem; border-radius:3px }
.btn-xs i { font-size:14px }

.btn_guide { position:fixed; z-index:100; right:0; top:40% }
.btn_guide a { display:block; background:red; color:#fff; width:100px; line-height:30px; text-align:center; margin:0 0 3px; font-weight:500 }

.tab_menu ul { font-size:0; margin:0 0 0 1px }
.tab_menu li { display:inline-block; }
.tab_menu li a { display:inline-block; border:1px solid #e0e0e0; padding:12px 25px; margin:0 0 0 -1px; color:#999; font-weight:400; font-size:.9rem }
.tab_menu li:hover a { background:#f0f0f0 }
.tab_menu li.on a { border-color:#000; color:#222; position:relative; z-index:1; background:#fff }
.tab_con > section { display:none }

/* pop layer */
#popLayerBg { position:fixed; z-index:99; width:100%; height:100%; background:#000; opacity:0.8; filter:alpha(opacity=80); display:none }
.pop_layer { z-index:100; display:none; position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); background:#fff; border-radius:0; box-shadow:0 0 5px rgba(0,0,0,0.6); }
.pop_layer > header { background:#576f8d; height:46px; border-radius:0; }
.pop_layer > header h2 { text-align:center; font-family:nanumsquare; font-size:18px; font-weight:500; color:#fff; line-height:42px; }
.pop_layer .btn_close { position:absolute; top:12px; right:12px; display:block; font-size:20px; text-align:center; width:20px; height:20px; line-height:20px; text-indent:-9000px; background:url(../img/btn_close.png) no-repeat; background-size:100% }
.pop_layer > header + .con { padding:30px; padding-bottom:40px }
.pop_layer .btn_add i { font-size:19px }
.pop_layer .btn_area { text-align:center; margin:30px 0 0 0 }
.pop_layer .btn_area .btn { min-width:150px }

.wrap { width:1350px; margin:0 auto; position:relative }

@font-face {
    font-family: 'SEBANG_Gothic_Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2104@1.0/SEBANG_Gothic_Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

#header {margin-top:-100px; height:100px; position:fixed; width:100%; z-index:100; color:#fff; background:#fff; transition:all .3s }
#header a {  }
#header h1 { float:left; margin-top:18px; font-size:23px; color:#000; font-family: 'SEBANG_Gothic_Bold';}
#header h1 dt {float:left;}
#header h1 dt img {width:100px;}
#header h1 dd {display:inline-block; padding-top:18px; padding-left:10px; color:#000;}
#header h1 span {display:block; font-size:14px;}
#header h1 a {color:#000;}



#header .gnb { float:right; margin:25px 80px 0 30px }
#header .gnb .depth1 { float:left; padding:0 0px; width:90px; position:relative; }
#header .gnb .depth1:nth-child(2) {width:140px;}
#header .gnb .depth1:nth-child(3) {width:210px;}
#header .gnb .depth1:nth-child(4) {width:260px;}
#header .gnb .depth1:nth-child(5) {width:210px;}
#header .gnb .depth1 > a {color:#000; display:inline-block; height:45px; line-height:45px; font-size:16px; font-weight:500; letter-spacing:-.5px;}
#header .gnb .depth1 ul { padding-top:0; transition:all .3s; height:0; overflow:hidden }
#header .gnb .depth2 > a { display:inline-block; font-weight:400; font-size:13px; line-height:1.4; padding:7px 0;letter-spacing:-.5px; }
#header .btn_user { float:right; margin:35px 0 0 0; display:block; font-size:19px }
#header .user { position:absolute; right:0px; top:35px; }
#header .user ul {font-size:0;}
#header .user ul li {display:inline-block;  font-size:12px; margin-left:-1px; font-weight:500; border:1px solid #ddd;  padding:5px 10px; }
#header .user ul li:first-child {background:#fff;}
#header .user ul li:last-child {background:rgba(0,0,0,0.2);}
#header .user ul li:last-child a {color:#fff;}
#header .user a { color:#6e6e6e; }
#header .user a:hover { color:#222 }
#header .user.on a { height:40px }
#header .gnb .depth1 > a:before { background:#2d3691; margin-top:50px; content:""; height:3px; left:0px; position: absolute; width:0%; transition:0.3s; }
#header .gnb .depth1:hover > a:before { width:50px; }

#header.down { background:#fff; height:350px }
#header.down a { color:rgba(0,0,0,0.7) }
#header.down .gnb .depth1 { overflow:hidden }
#header.down .gnb .depth1 > a { margin-bottom:25px }
#header.down .gnb .depth1:hover > a { color:rgba(0,0,0,1) }
#header.down .gnb .depth1 ul { height:auto; overflow:visible  }
#header.down .gnb .depth2 > a:hover { color:#2d3691 }

#header.on { background:#fff; box-shadow:0 1px 3px rgba(0,0,0,0.2) }
#header.on a { color:rgba(0,0,0,0.7) }
#header.on h1 a { background-position:0 -42px }

#footer { padding:40px 0; margin:0px 0 0 0; background:#2f3744; }
#footer h1 { float:left }
#footer h1 a { text-indent:-9000px; font-size:0; width:200px; height:29px; background-image:url(../img/ci.png); background-position:0 29px; display:block; overflow:hidden; background-size:100% }
#footer nav {margin-bottom:15px; }
#footer nav li {opacity:0.8; float:left; width:155px; height:34px; line-height:34px; text-align:center; font-size:15px; margin-right:10px; border:1px solid #fff;   }
#footer nav li a {color:#fff; }
#footer .f_left { margin:0 0 0 0px }
#footer dt, #footer dd {color:#fff; opacity:0.5; font-size:15px; display:inline-block }
#footer dd { margin:0 20px 0 5px; color:#fff; }
#footer .copyright { margin:10px 0 0 0 }
#footer #top_btn { border:0; background:rgba(0,0,0,0.5); font-size:30px; color:#fff; right:30px; bottom:30px }
#footer #top_btn:hover { background:rgba(0,0,0,1) }
#footer #top_btn i { vertical-align:2px }

#main_visual {margin-top:100px; height:calc(565px); text-align:center; color:#fff; position:relative; z-index:1 }
#main_visual .bx-wrapper { border:0; box-shadow:none; background:transparent; height:100%; margin-bottom:0 }
#main_visual .bx-viewport { height:100% !important }
#main_visual .bx-pager {  }
#main_visual .slider { height:100% }
#main_visual .roll { background-size:cover; height:100%; background-position:center; }
#main_visual .roll_txt {width:1200px; margin:0 auto; text-align:left;}

#main_visual .roll01 { background-image:url(../img/visual01.jpg) }
#main_visual .roll02 { background-image:url(../img/visual02.jpg) }
#main_visual .roll03 { background-image:url(../img/visual03.jpg) }

#main_visual h2 { font-weight:600; line-height:1.2; margin:30vh 0 0 0; font-size:25px;  animation:up .5s .8s forwards; opacity:0 }
#main_visual hr { display:inline-block; width:59px; height:2px; background:#fff; margin:36px 0 0 0; animation:scale .5s 1s forwards; opacity:0 }
#main_visual p { font-weight:400; letter-spacing:-1px; font-size:30px; line-height:1.4; margin:0px 0 0 0; animation:down .5s 1.4s forwards; opacity:0 }


.inner {position:relative; width:100%; padding:0 10%; box-sizing:border-box;}
.inner:after {content:''; display:block; clear:both;}

.btn_more03 {display:block; width:190px; height:54px; background:#e5151f; font-size:1.125em; font-weight:500; color:#fff; text-align:center; line-height:54px; border-radius:4px;}
a.btn_more03 { color:#fff; }


#main_visual .bx-controls {display:none; position:absolute; bottom:20px; width:100%; text-align:center; z-index:100 }
#main_visual .bx-controls-direction { display:none }

#idx_industry{margin:80px 0;}
#idx_industry .inner {padding-right:0 !important;}
#idx_industry {overflow:hidden;}
#idx_industry .slick-slider div {vertical-align:top;}
#idx_industry .paging_wrap {float:left; width:205px; border-right:1px solid #dfdfdf; vertical-align:top; box-sizing:border-box;}
#idx_industry .paging_slider .slick-list {overflow:visible;}
#idx_industry .paging_slider .list {position:relative; font-size:18px; font-weight:300; color:#888; cursor:pointer; line-height:68px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} 
#idx_industry .paging_slider .list:after {content:''; position:absolute; top:0; right:-2px; width:1px; height:0; background:#000; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
#idx_industry .paging_slider .slick-current .list {padding-left:0px; font-weight:400; color:#222;}
#idx_industry .paging_slider .slick-current .list:after {height:100%;}

#idx_industry .industry_wrap {position:relative; float:left; width:calc(100% - 205px); padding-left:4.5vw; vertical-align:top; box-sizing:border-box; overflow:hidden;}
#idx_industry .industry_slider .TxtArea {position:relative; float:left; width:565px; height:550px; padding-right:90px; box-sizing:border-box;}
#idx_industry .industry_slider .TxtArea .tt {display:block; padding-top:115px; font-size:2.75em; font-weight:500; color:#222; line-height:75px;}
#idx_industry .industry_slider .TxtArea .tt.eng {font-weight:600;}
#idx_industry .industry_slider .TxtArea p {padding-top:5px; font-size:15px; letter-spacing:-.5px; font-weight:300; line-height:24px; color:#666; word-break:keep-all;}
#idx_industry .industry_slider .TxtArea .btn_more03 {position:absolute; left:0; bottom:0px;}
#idx_industry .industry_slider .ImgArea {float:left; width:calc(100% - 565px);}
#idx_industry .industry_slider img {width:700px; max-width:inherit;}
#idx_industry .industry_wrap .progressArea {position:absolute; top:70px; left:4.5vw; font-size:1.25em; font-weight:500; color:#888; line-height:1;}
#idx_industry .industry_wrap .progressArea .pagingInfo01 {font-size:1.625em; font-weight:700; color:#e5151f;}
#idx_industry .industry_wrap .Arrows {position:absolute; bottom:0; left:calc(4.5vw + 475px);}
#idx_industry .industry_wrap .Arrows span {display:block; width:90px; height:90px; font-size:0; line-height:0; text-indent:-9999px; cursor:pointer;}
#idx_industry .industry_wrap .Arrows span.slick-prev {background:#4c4c4c url('../img/common/icon_arrow03.png') no-repeat center center; background-size:35px;}
#idx_industry .industry_wrap .Arrows span.slick-next {background:#253a8b url('../img/common/icon_arrow04.png') no-repeat center center; background-size:35px;}



@media only screen and (max-width:1024px){
	.btn_more03 {width: 150px; height: 44px; font-size: 1em; line-height: 44px;}
	#idx_industry .paging_wrap {float: none; width: 100%; margin-bottom: 50px; border-right:none; padding-right: 4vw;}
	#idx_industry .industry_wrap {float: none; width: 100%; padding-left: 0;}
	#idx_industry .industry_slider .TxtArea {float: none; width: 100%; height: auto; padding-right: 0;}
	#idx_industry .industry_slider .TxtArea .tt {padding-top: 0; font-size: 1.8em; line-height: 1;}
	#idx_industry .industry_slider .TxtArea p {padding-top: 15px; font-size: 15px; line-height: 1.4;}
	#idx_industry .industry_slider .TxtArea .btn_more03 {position: static; margin-top: 25px;}
	#idx_industry .industry_slider .ImgArea {float: none; width: 100%; margin-top: 40px;}
	#idx_industry .industry_slider img {width: 100%;}

	#idx_industry .industry_wrap .progressArea {left: inherit; top: 5px; right: 4%; font-size: 1em;}
	#idx_industry .industry_wrap .progressArea .pagingInfo01 {font-size: 1.375em;}

	#idx_industry .paging_slider .slick-slide {margin-right: 4vw;}
	#idx_industry .paging_slider .list {line-height: 2;}
	#idx_industry .paging_slider .list:before {content:''; position: absolute; left: 0; bottom: 0; width: 0; height: 3px; background: #000;  -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
	#idx_industry .paging_slider .slick-current .list {padding-left: 0;}
	#idx_industry .paging_slider .slick-current .list:after {display: none;}
	#idx_industry .paging_slider .slick-current .list:before {width: 100%;}

	#idx_industry .industry_wrap .Arrows {left: inherit; right: 0;}
	#idx_industry .industry_wrap .Arrows span {float: left; width: 65px; height: 65px;}
	#idx_industry .industry_wrap .Arrows span.slick-prev {background-image:url('../img/common/icon_arrow01.png'); background-color: rgba(0,0,0,0.7); background-size: 22%;}
	#idx_industry .industry_wrap .Arrows span.slick-next {background-image: url('../img/common/icon_arrow02.png'); background-size: 22%;}

}

@media only screen and (max-width:640px){
	.btn_more03 {width: 120px; height: 40px; line-height: 40px;}
	#idx_industry .paging_wrap {margin-bottom: 10vw;}
	#idx_industry .industry_wrap .progressArea {top: 0;}
	#idx_industry .paging_slider .slick-slide {margin-right: 6vw;}
	#idx_industry .paging_slider .list {font-size: 14px; line-height: 2.5;}
	#idx_industry .industry_slider .TxtArea .tt {font-size: 1.625em;}
	#idx_industry .industry_slider .TxtArea p {font-size:14px; padding-top: 10px;}
	#idx_industry .industry_slider .ImgArea {margin-top: 30px;}
	#idx_industry .industry_wrap .Arrows span {width: 50px; height: 50px;}

}


#technology {text-align:center;  padding:50px 0; background:url('../img/technology_bg.jpg') no-repeat center top; background-size:cover;}
#technology h3 {font-size:40px;color:#fff; letter-spacing:-1px;}
#technology p {font-size:25px;color:#fff; padding-bottom:30px;}
.btn_more02 {display:block; margin:0 auto; width:190px; height:54px; border:3px solid #fff; font-size:1.125em; font-weight:500; color:#fff; text-align:center; line-height:54px; border-radius:4px;}
a.btn_more02 { color:#fff; }

@media only screen and (max-width:640px){
	#technology h3 {font-size:25px;color:#fff;}
	#technology p {font-size:15px;color:#fff; padding-bottom:30px;}
}


#section4 {background:url('../img/contact_bg.jpg') no-repeat center top; background-size:cover; padding:100px 0;}
#section4 .mainTitleArea {text-align:center; margin-bottom:50px;}
#section4 .mainTitleArea h2 {font-size:40px; font-weight:500; color:#191919;}
#section4 .mainTitleArea p {color:#666;}
#section4 .contact_list ul {text-align:center; font-size:0;}
#section4 .contact_list ul li {background:#fff; display:inline-block; margin-left:30px; font-size:18px; vertical-align:top; box-sizing:border-box; }
#section4 .contact_list ul li:first-child {margin-left:0;}
#section4 .contact_list ul li:nth-child(2) {margin-top:30px;}
#section4 .contact_list ul li a {position:relative; display:block; width:325px; padding:0 10px; height:297px; border:1px solid #e6e6e6; text-align:center; box-sizing:border-box;}
#section4 .contact_list ul li .icon {display:inline-block; width:74px; height:76px; margin-top:70px;}
#section4 .contact_list ul li .icon.icon_contact01 {background:url('../img/icon_contact01.png') no-repeat center top; background-size:100%;}
#section4 .contact_list ul li .icon.icon_contact02 {background:url('../img/icon_contact02.png') no-repeat center top; background-size:100%;}
#section4 .contact_list ul li .icon.icon_contact03 {background:url('../img/icon_contact03.png') no-repeat center top; background-size:100%;}
#section4 .contact_list ul li .txt {padding-top:20px;}
#section4 .contact_list ul li p {padding-top:20px; line-height:26px; font-size:13px; font-weight:600; color:#aeaeae; word-break:keep-all;}
#section4 .contact_list ul li strong {display:block; font-size:18px; color:#323232; font-weight:600;}
#section4 .contact_list ul li .btn_more02 {margin-top:20px; opacity: 0; filter:alpha(opacity=0); -mox-opacity:0;}
#section4 .contact_list ul li a:hover {border-color:#06165d; background:#06165d;}
#section4 .contact_list ul li a:hover .icon {margin-top:64px;}
#section4 .contact_list ul li a:hover .icon.icon_contact01 {background-image:url('../img/icon_contact01_ov.png');}
#section4 .contact_list ul li a:hover .icon.icon_contact02 {background-image:url('../img/icon_contact02_ov.png');}
#section4 .contact_list ul li a:hover .icon.icon_contact03 {background-image:url('../img/icon_contact03_ov.png');}
#section4 .contact_list ul li a:hover p {padding-top:5px; color:#fff;}
#section4 .contact_list ul li a:hover strong {color:#fff;}
#section4 .contact_list ul li a:hover .btn_more02 {color:#06165d; opacity: 1; filter:alpha(opacity=1); -mox-opacity:1;}
.fp-viewing-page5 #section4 .contact_list ul li,
#section4.active .contact_list ul li {-ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; filter:alpha(opacity=1); -mox-opacity:1; transition-delay:.6s;-webkit-transition-delay:.6s;}

@media only screen and (max-width:1200px){
#section4 .contact_list ul li {display:block; margin-left:0; margin-top:3%; font-size:17px;}
#section4 .contact_list ul li:nth-child(2) {margin-top:3%;}
#section4 .contact_list ul li a {width:100%; height:auto; padding:20px;}
#section4 .contact_list ul li .icon {width:60px; height:61px; margin-top:0 !important; vertical-align:middle;}
#section4 .contact_list ul li p {display:inline-block; padding-top:0 !important; margin-left:15px; text-align:left; vertical-align:middle;}
#section4 .contact_list ul li strong {font-size:20px;}
#section4 .contact_list ul li a:hover {text-align:left;}
}

@media only screen and (max-width:640px){
#section4 {padding:40px 0;}
#section4 .mainTitleArea h2 {font-size:30px; margin-bottom:20px;}
#section4 .contact_list ul li a {padding:6%;}
#section4 .contact_list ul li .icon {width:13vw; height:13.5vw;}
#section4 .contact_list ul li p {margin-left:2%; font-size:3.4vw; line-height:1.4;}
#section4 .contact_list ul li strong {font-size:4.2vw;}
}


#main_contents { position:relative; margin-top:50px; margin-bottom:50px; z-index:1 }
.main_gallery { background:#fff; margin-top:0px; margin-bottom:10px }
.main_gallery h2 { text-align:center; line-height:1; font-size:2em; font-weight:700; text-transform:uppercase; letter-spacing:-1px; padding:45px 0 30px 0 }
.main_gallery .tab_menu { text-align:center }
.main_gallery .tab_con { margin-top:40px }
.main_gallery .lt_more { display:none }
.main_gallery .prd_slider > div { width:calc(100%/5) !important }
.main_gallery .tab_menu p { padding: 12px 25px; font-size: .9rem; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; display: inline-block}

.pic_lt { position:relative; margin:0; padding:0 10px }
.pic_lt #touchSlider { position:relative; overflow:hidden; min-height:302px !important }
.pic_lt li { padding:0; border:0px solid #e0e0e0; }
.pic_lt li:before { content:""; box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0); position:absolute; width:100%; height:100%; z-index:-1; transition:all .3s }
.pic_lt li:hover:before { box-shadow:0 5px 16px 0 rgba(0, 0, 0, 0.2) }
.pic_lt li .lt_img { position:relative; background:#ddd }
.pic_lt li .lt_img span { position:absolute; left:50%; top:50%; line-height:1; font-weight:500; color:#fff; background:none; transform:translate(-50%); text-transform:uppercase; font-size:1.2em }
.pic_lt .lat_title { display:none }
.pic_lt .ts-controls button { position:absolute; top:50%; margin-top:-29.5px; left:-80px; background:url(../img/slide_left_b.png); width:30px; height:59px; border:0; text-indent:-9000px; font-size:0 }
.pic_lt .ts-controls button.ts-next { left:auto; right:-80px; background:url(../img/slide_right_b.png) }
.pic_lt li .lt_name { font-size:1.43em; font-weight:700 ; border-top:1px solid #e0e0e0; padding:15px 18px; letter-spacing:-1px }
.pic_lt li .lt_name a { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; width:100% }
.pic_lt li .lt_img { margin:0; }
.pic_lt .lt_info { display:none }

.main_bbs { width:40%; float:left }
.main_bbs > section { position:relative; margin:40px 0 0 0 }
.main_bbs > section:first-child { margin:0 }
.main_bbs h2 { font-size:2em; font-weight:700; letter-spacing:-1px; line-height:1; border-bottom:1px solid #898989; padding:0 0 15px }

.pic_li_lt { float:none; padding:0; width:100%; position:static }
.pic_li_lt .lat_title { display:none }
.pic_li_lt li { position:relative; border-bottom:1px solid #e0e0e0; padding:0 3px; margin:0 }
.pic_li_lt li:first-child .lt_img { display:none }
.pic_li_lt li .pic_li_tit { font-weight:400; font-size:1.3em; vertical-align:top; width:calc(100% - 60px); padding:30px 15px; }
.pic_li_lt li .pic_li_tit:before {content: ""; position:absolute; width:6px; height:6px; background:#c1c1c1; border-radius:10px; text-align:left; margin-left:-15px; margin-top:7px;}
.pic_li_lt li .pic_li_tit:hover { padding-left:15px; color:#166eb2 }
.pic_li_lt .lt_info .lt_nick { display:none }
.pic_li_lt .lt_info { display:inline-block }
.pic_li_lt .lt_info .lt_date { position:absolute; top:10px; right:3px; width:60px; text-align:right }
.pic_li_lt .lt_more { position:absolute; top:8px; right:0; text-indent:-9000px;  font-size:0; background:url(../img/btn_more_b.png) no-repeat center; width:20px; height:20px; display:block }
.pic_li_lt .lt_more:hover { transform:rotate(-90deg) }
.pic_li_lt .empty_li { line-height:100px }

.main_cs { width:53%; float:right; position:relative }
.root_daum_roughmap { width:100% !important; border:0 !important; padding:0 !important }
.root_daum_roughmap .wrap_map { width:100%; height:440px !important }
.main_cs .root_daum_roughmap .wrap_controllers { border:0 !important; background:#fff !important }
.main_cs .root_daum_roughmap .map_border { display:none !important }


.w1200 {width:1200px; margin:0 auto;}


@media screen and (max-width:1150px) {

.w1200 {width:100%;}

}



.pc_only { display:block !important }

#sub_visual {margin-top:100px; height:235px; background-position:center; background-size:cover; background-color:#000; }
#sub_visual h2 { text-align:center; font-size:40px;letter-spacing:-1px; color:#fff; padding:100px 0 0 0; text-transform:uppercase; position:relative; line-height:1; animation:up .5s .2s forwards; opacity:0 }
#sub_visual p { font-family: 'GmarketSansLight';text-align:center; font-size:15px; letter-spacing:4px; color:#fff; padding:13px 0 0 0; text-transform:uppercase; position:relative; line-height:1; animation:up .5s .2s forwards; opacity:0 }

#contents { margin:0px 0 0 0 }
#contents p { word-break:keep-all }

#left_area { float:none; width:100%; margin-top:10px;}
.left_snb {text-align:center; }
.left_snb h2 {background:#4cc4cd; color:#fff; font-size:1.7em; text-align:center; line-height:1;  text-transform:uppercase; font-weight:600; position:relative; padding:60px 0; border-bottom:0px solid #5ac9d1; }
.left_snb li {display:inline-block;width: calc(100% /5 - 10px); text-align:center; margin-bottom:3px;}
.left_snb li a {border:3px solid #ededed;  color:#535353; display:block; padding:18px 7px; font-size:17px; font-weight:400; position:relative; letter-spacing:-0.5px}
.left_snb li:hover a:after { width:10px; }
.left_snb li:hover a { border:3px solid #e5151f;  background:#e5151f; color:#fff;}
.left_snb li.on a {border:3px solid #e5151f; background:#e5151f; color:#fff; font-weight:500; }
.left_snb ul { margin-bottom:50px }

.left_cs { margin-top:28px }
.left_cs h2 {letter-spacing:-1px; font-weight:700; font-size:1.8em; line-height:1; margin:0 0 15px; border-bottom:1px solid #666; padding-bottom:15px }
.left_cs .tel {font-family: 'GmarketSansBold'; font-weight:700; color:#2d3691; font-size:1.5em; padding-left:3px }
.left_cs .time { font-weight:500; padding-left:3px }
.left_cs .info { padding-left:3px; line-height:1; margin-top:7px }
.left_cs dl { margin-top:13px; padding-left:3px }
.left_cs dt, .left_cs dd { font-family: 'GmarketSansMedium'; color:#686868; display:inline-block; margin:2px 0 }
.left_cs dt { width:18px }
.left_cs dd { width:calc(100% - 23px); font-weight:400; color:#666 }
.left_cs .banner { margin-top:15px }
.left_cs .banner li { float:left; width:50%; margin-left:-1px }
.left_cs .banner li a { display:block; padding:20px 0; line-height:1.3; font-weight:400; font-size:1.1em; text-align:center; border:1px solid #e0e0e0;  }
.left_cs .banner li a i { display:block; font-size:1.36em; margin:0 0 8px }
.left_cs .banner li a:hover { background:#54585d; color:#fff; border-color:#54585d; position:relative; z-index:1 }

#right_area { float:none; width:100%; margin-top:50px; }
.container_title {text-align:center;  font-size:35px; line-height:1; letter-spacing:-1px; font-weight:500;padding-bottom:30px; margin:5px 0 30px 0 }

/* 그누보드 수정 */
#bo_w #wr_2, #bo_w #wr_4, #bo_w #wr_6 { margin-left:1% }
#bo_list .td_name { width:150px; text-align:center }
#bo_list .td_datetime { width:120px }
.btn_bo_sch, .btn_more_opt { padding:0 10px; height:35px }
.tbl_head01 td, .tbl_head01 th { font-size:1.1em; padding:15px 10px !important; height:40px }
.bo_tit { font-weight:500 }
#bo_list .bo_tit .new_icon { background:#f39800; color:#fff; font-size:0.7em; font-weight:500; vertical-align:2px }
#bo_list .bo_tit .fa-lock { background:#54585d; color:#fff; width:16px; height:16px; font-size:14px; line-height:16px; border:0; vertical-align:1px }
.tbl_wrap table { border-top:2px solid #666 }
#bo_list .td_num2 { width:60px }
#bo_v_title .bo_v_tit { font-size:1.5em }
#bo_v_con { font-size:1.1em }
.bo_vc_w .btn_submit, .mbskin .btn_submit { font-weight:500 }
#bo_v .com_info { margin:10px 0 0 0 }
#bo_v .com_info dl:after { content:""; display:block; clear:both }
#bo_v .com_info dl {border-top:1px solid #e0e0e0 }
#bo_v .com_info dt, #bo_v .com_info dd { float:left; border-bottom:1px solid #e0e0e0; line-height:34px; height:36px; font-size:1.05em; padding-left:20px }
#bo_v .com_info dt { width:15%; font-weight:500; background:#f4f4f4; }
#bo_v .com_info dd { width:35%; font-weight:400 }
#bo_v .com_info dd.full { width:85% }
.btn_cke_sc { line-height:20px }
.btn_cke_sc_close { background:#fff; border:1px solid #ddd; border-radius:3px; padding:5px 15px 6px 15px }
#bo_list tbody tr:hover {border-left:0}
#bo_w .bo_w_tit #btn_autosave { top:3px; right:3px }
#bo_w .btn_cancel { color:#fff; font-weight:500 }
#fregister p { font-weight:500; background:#fff; color:#222; border:1px solid #ccc }
#fregister p:before { display:none }
.chk_li { padding-left:7px; display:inline-block; vertical-align:top; margin-top:-4px }
.chk_li + .tooltip_icon { vertical-align:top; margin-top:-8px}
.reg_btn_submit { color:#fff !important; font-weight:500 }
#sns_login .txt { font-weight:500 }
#bo_cate { font-size:0; margin-left:1px; text-align:center }
#bo_cate li { margin:0 0 0 -1px; padding:0 }
#bo_cate a { font-size:.95rem; border-radius:0; margin:0; min-width:150px; text-align:center; height:50px; line-height:46px; padding:0 20px; border:1px solid #e0e0e0; color:#aaa; font-weight:400 }
#bo_cate a:hover { background:#f4f4f4; color:#222 }
#bo_cate #bo_cate_on { background:#fff; color:#222; border-color:#222; position:relative; z-index:1; box-shadow:none; font-weight:500 }
#bo_w #wr_2, #bo_w #wr_4, #bo_w #wr_6 { margin-left:0 }
#bo_v_act { margin:30px 0 50px 0 }
.btn_bo_user .btn_admin, .btn_cm_opt { padding:0 10px; color:inherit }
#bo_v_info .sv_member, #bo_v_info .sv_guest, #bo_v_info .member, #bo_v_info .guest ,#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest{ font-weight:500; font-size:1.1em; margin:0 0 5px; display:inline-block }
.bo_tit .cnt_cmt { font-size:10px !important; font-family:arial; background:none !important; color:#999 !important; font-weight:normal !important }
.all_chk.chk_box input[type="checkbox"] + label span { top:3px }
#bo_v_desc { font-size:1.1em }
.new_win .btn_submit, .new_win .btn_close { font-weight:500; font-size:1em }
.new_win .win_desc { border:1px solid #666; background:#fff; color:#222; font-weight:500; text-align:center }
.new_win .win_desc:after { display:none }
.gall_row .box_clear { clear:none }
#bo_v_act { margin:60px 0 !important }
#bo_v_share { text-align:center; padding:40px 0 }
#bo_v_sns { text-align:center; float:none; display:inline-block }
#bo_v_sns li { width:auto; float:none; display:inline-block; text-align:center }
#bo_v_sns li a { width:60px; height:60px; line-height:60px; border-radius:50%; padding:0; text-align:center; display:inline-block !important }
#bo_v_sns li img { margin:0 }
#bo_v_sns li span { display:none }
#bo_v_share .btn { width:60px; height:60px; line-height:1.2; border-radius:50%; font-size:12px; padding:0; text-align:center; display:inline-block }
#bo_v_share .btn i { display:block; font-size:1.5em; margin:10px 0 3px }
#faq_sch .btn_submit { font-weight:500 }
#faq_sch { margin-bottom:30px }
.cmt_btn span.total { font-weight:400; font-size:0.9em; color:#999 }
.cmt_btn span.total b { font-size:1.5em }
.more_opt li button, .more_opt li a { font-weight:500 }

.new_win #win_title { text-align:center; border-bottom:1px solid #ccc; padding:0 20px; line-height:46px; height:48px }
.new_win .new_win_con { margin-top:10px }

#ctt { margin:0; padding:0 }
#ctt_con { padding:0; margin:0; line-height:1.5; font-size:1.16em }
#faq_wrap li { font-size:1.1em }
#bo_v iframe { max-width: 100%; }



/* 서브 상단 이미지 */
#sub_visual.sub10 { background-image:url(../img/sub01_top.png) }
#sub_visual.sub20 { background-image:url(../img/sub02_top.png) }
#sub_visual.sub30 { background-image:url(../img/sub03_top.png) }
#sub_visual.sub40 { background-image:url(../img/sub04_top.png) }
#sub_visual.sub50 { background-image:url(../img/sub05_top.png) }
#sub_visual.sub60 { background-image:url(../img/sub06_top.png) }
#sub_visual.sub70 { background-image:url(../img/sub07_top.png) }



.inner_s{width:100%; max-width:1200px; margin:0 auto; position:relative;}

@media all and (max-width:1399px){
	.inner_s{width:100%;padding: 0 20px;}
}

/* sub_tit */
.sub_tit{text-align:center;}
.sub_tit i { font-size:13px; letter-spacing:3px; font-style:normal; display:block; padding-bottom:10px;}
.sub_tit h3{font-family: 'GmarketSansMedium'; font-size:30px; letter-spacing:-0.025em; color:#222222; }
.sub_tit p{font-size:18px; font-weight:300; letter-spacing:-1px; color:#333; position:relative; margin-top:10px}

.sub_tit h4{font-family: 'GmarketSansMedium'; font-size:30px; letter-spacing:-0.025em; color:#222222; }
.sub_tit h4:after {content: ""; display:block; margin:10px auto; width:1px; height:30px; background:#c90e17; }

@media all and (max-width:640px){
	.sub_tit h3{ font-size:23px;}
	.sub_tit p{font-size:17px; letter-spacing:-.5px; }
}


.intro_con{width:100%; max-width:1920px; background:#fff; margin:0 auto; position:relative;}
.intro_con img{position:relative; left:-400px;}
.intro_con .text{position:absolute; left:650px; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%); }
.intro_con .text h3{display:inline-block; vertical-align:top; line-height:1.2; margin-bottom:5px; font-size:27px; font-weight:600; color:#e5151f; letter-spacing:-0.025em; font-weight:600; position:relative;}
.intro_con .text h4{display:inline-block; vertical-align:top; line-height:1.2; margin-bottom:5px; font-size:17px; font-weight:600; color:#e5151f; letter-spacing:-0.025em; font-weight:600; position:relative; padding-bottom:10px;}
.intro_con .text p{font-size:15px; color:#4e4e4e; letter-spacing:-0.025em; font-weight:400; line-height:25px;}

@media all and (max-width:1200px){
	.intro_con img{width:650px; left:-150px;}
	.intro_con .text{left:550px}
}

@media all and (max-width:1000px){
	.intro_con img{width:100%; position:static; left:auto; transform:none;}
	.intro_con .text{text-align:center; position:static; left:auto; top:auto; transform:none; padding:30px 10px; box-sizing:border-box;}
	.intro_con .text .hr{margin:30px auto;}
	.intro_con .text p{font-size:15px; line-height:25px;}
}


.history-container { margin-top:100px;  }
.history-container .his-box { position:relative; padding-top:117px; margin-bottom:50px;} 
.history-container .his-box.top {  padding-top:56px;} 
.history-container .his-box > span {font-family: 'GmarketSansMedium'; position:absolute; left:0; top:0; width:100%; display:block; text-align:center; font-size:100px; color:rgba(34,34,34,0.04); font-weight:600; line-height:1; }
.history-container .his-box.top > span { top:0; }
.history-container .his-box > span em { font-family: 'Nunito Sans'; font-weight:900; line-height:1;}
.history-container .his-box .hafl-box {position:relative; z-index:5; font-size:0; }
.history-container .his-box .hafl-box > div { display:inline-block; vertical-align:top; width:50%; padding:0 35px; box-sizing:border-box;  }
.history-container .his-box .hafl-box .when { text-align:right; line-height:1;	}
.history-container .his-box .hafl-box .when span { display:inline-block; font-size:50px; font-family: 'GmarketSansMedium'; color:#222;  letter-spacing:-1px; margin-top:-10px;}
.history-container .his-box .hafl-box .list { position:relative;  }
.history-container .his-box .hafl-box .list:after { content:'';position:absolute; left:-7px; top:6px; width:15px; height:15px; border-radius:50%; border:2px solid #e5151f; background:#fff;}
.history-container .his-box .hafl-box .list:before { content:''; position:absolute; left:0; top:0; width:1px; height:calc(100% - 28px); margin-top:28px;  background:#ccc;}
.history-container .his-box .hafl-box .list ul { padding-top:50px; }
.history-container .his-box .hafl-box .list ul li { position:relative; padding-left:0px; font-size:16px; color:#686868; font-weight:400; letter-spacing:-.5px; line-height:1.5;}
.history-container .his-box .hafl-box .list ul li:before {content: ""; position:absolute; width:4px; height:4px; background:#e5151f; text-align:left; margin-left:-10px; margin-top:11px; border-radius:50px;}
.history-container .his-box .hafl-box .list ul li + li { margin-top:15px;  }
.history-container .his-box .hafl-box .list ul li span {font-family: 'GmarketSansMedium'; position:absolute; left:0; top:0; font-size:20px; color:#e5151f; font-weight:500;  }



@media screen and (max-width:950px){
	.history-container .his-box .hafl-box .when span { font-size:40px; }
	.history-container .his-box .hafl-box > div { padding:0 40px;  }
	.history-container .his-box .hafl-box .list ul li { font-size:16px;  }
	.history-container .his-box > span { font-size:90px;  }
}

@media screen and (max-width:700px){
	.history-container .his-box .hafl-box .when {text-align:left; padding-bottom:30px; }
	.history-container .his-box .hafl-box > div { width:100%; padding:0;  }
	.history-container .his-box .hafl-box .list { padding-left:30px;  }
}


@media screen and (max-width:640px){
	.history-container { margin-top:60px;  }
	.history-container .his-box { padding-top:91px; padding:0 20px; }

	.history-container .his-box .hafl-box .list { padding-left:21px; 	 }
	.history-container .his-box .hafl-box .list ul li { font-size:14px;  }
	.history-container .his-box .hafl-box .list:after { left:-4px; width:8px; height:8px;  border-width:1px;  }
	.history-container .his-box .hafl-box .list:before { margin-top:21px;  }

	.history-container .his-box .hafl-box .list ul li span { font-size:14px;  }
	.history-container .his-box .hafl-box .list ul li { padding-left:15px; } 
	.history-container .his-box .hafl-box .list ul li + li { margin-top:7px;  }
}


.welfare_con01{padding:0px 0 70px; position:relative;}
.welfare_con01 ul{font-size:0; margin-top:60px; padding-top:5px;}
.welfare_con01 ul li{display:inline-block; vertical-align:top; width:33.3333%; border-right:1px solid #dbdeeb; box-sizing:border-box; text-align:center; padding:30px 0; }
.welfare_con01 ul li:nth-of-type(3n){border-right:none;}
.welfare_con01 ul li:nth-of-type(1),.welfare_con01 ul li:nth-of-type(2),.welfare_con01 ul li:nth-of-type(3){border-bottom:0px solid #dbdeeb;}
.welfare_con01 ul li img{}
/*.welfare_con01 ul li p{font-size:26px; font-weight:bold; letter-spacing:-0.025em; color:#222; line-height:36px; margin:25px 0; display:table; width:100%; height:72px; text-align:center;}
.welfare_con01 ul li p span{display:table-cell; vertical-align:middle; width:100%; height:100%;}*/
.welfare_con01 ul li p{font-size:25px; font-weight:600; letter-spacing:-0.025em; color:#000; line-height:36px; display:block; width:100%; min-height:72px; text-align:center; padding:0 20px; box-sizing:border-box;}
.welfare_con01 ul li > dl dd {display:block; font-size:16px; text-align:center; font-weight:500; letter-spacing:-0.025em; color:#000; line-height:23px; padding:0 30px; word-break:keep-all; margin-top:10px;}
.welfare_con01 ul li > dl dd:before {content: ""; position:absolute; width:4px; height:4px; background:#e5151f; text-align:center; border-radius:50px; margin-left:-10px; margin-top:12px;}

@media all and (max-width:1000px){
	.welfare_con01 ul li{width:50%; min-height:500px; padding:60px 0 0;}
	.welfare_con01 ul li:nth-of-type(3n){border-right:1px solid #dbdeeb;}
	.welfare_con01 ul li:nth-of-type(2n){border-right:none;}
	.welfare_con01 ul li:nth-of-type(4){border-bottom:1px solid #dbdeeb;}
}
@media all and (max-width:767px){
	.welfare_con01:before{top:310px;}
	.welfare_con01 ul {padding-top:0;}
	.welfare_con01 ul li{width:100%; min-height:auto; border-right:none; padding:60px 0; }
	.welfare_con01 ul li:nth-of-type(3n){border-right:none;}
	.welfare_con01 ul li:nth-of-type(1){border-top:1px solid #dbdeeb; border-bottom:1px solid #dbdeeb;}
	.welfare_con01 ul li:nth-of-type(2){border-bottom:1px solid #dbdeeb;}

}



.contact_con01{padding:0px 0 50px;}
.contact_con01 ul{}
.contact_con01 ul li{margin-top:0px; width:100%; height:580px; position:relative;}
.contact_con01 ul li + li{margin-top:100px;}
.contact_con01 ul li .map{width:100%; height:100%; position:relative;}
.contact_con01 ul li .map .root_daum_roughmap{width:100%; height:100%;}
.contact_con01 ul li .map .root_daum_roughmap .wrap_map{width:100%; height:100%;}
.contact_con01 ul li .txt_box{position:absolute; right:-80px; top:150px; height:calc(100% - 200px); width:calc(32% + 80px); background:#fcfcfa; display:table; text-align:right; z-index:20; box-shadow:-5px 18px 20px rgba(37, 45, 64, 0.2); padding-right:80px; box-sizing:border-box;}
.contact_con01 ul li .txt_box > div{display:table-cell; vertical-align:middle; position:relative;}
.contact_con01 ul li .txt_box p{font-size:30px; letter-spacing:-0.045em; color:#222222; font-weight:bold;}
.contact_con01 ul li .txt_box p img{display:inline-block; vertical-align:middle; margin-right:15px; margin-top:-8px;}
.contact_con01 ul li .txt_box span{display:block; font-size:16px; font-weight:500; letter-spacing:-0.035em; color:#666666; padding:35px 0 40px; position:relative;}
.contact_con01 ul li .txt_box span:before{content:''; position:absolute; right:0; bottom:0; width:57px; height:1px; background:#d1d1d1}
.contact_con01 ul li .txt_box i{display:block; font-style:inherit; font-size:18px; font-weight:400; letter-spacing:-0.025em; color:#222222; padding-top:40px; }
.contact_con01 ul li .txt_box i + i{padding-top:0;}
.contact_con01 ul li .txt_box i b{display:inline-block; padding-left:15px; font-weight:400;}

@media all and (max-width:1200px){
	.contact_con01 ul li .txt_box{width:38%; padding-right:50px;}
}
@media all and (max-width:1000px){
	.contact_con01 ul li{height:auto;}
	.contact_con01 ul li .map{height:460px}	
	.contact_con01 ul li .txt_box{position:static; width:100%; text-align:left; margin-top:0; height:auto; padding:50px; box-sizing:border-box; box-shadow:none;}
	.contact_con01 ul li .txt_box > div:before{display:none;}
	.contact_con01 ul li .txt_box span:before{right:auto; left:0;}
}
@media all and (max-width:767px){
	.contact_con01{padding:0px 0 120px;}
	.contact_con01 ul li + li{margin-top:60px;}
	.contact_con01 ul li .map{height:340px}	
	.contact_con01 ul li .txt_box{padding:40px;}
}


.certificate {text-align:center; margin-bottom:50px;}
.certificate li {display:inline-block; margin-bottom:20px;}
.certificate li dt { border:1px solid #ddd;}
.certificate li dd {font-size:17px; font-weight:600; padding-top:10px;}

@media all and (max-width:1200px){
	.certificate li {display:inline-block; width: calc(100% /3 - 17px);}
}

@media all and (max-width:640px){
	.certificate li {display:block; width: 100%; margin-bottom:30px;}
}


.hire_con02{padding:50px 0 50px; text-align:center; background:#f9f8f8}
.hire_con02 ul{margin-top:70px;}
.hire_con02 ul:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.hire_con02 ul li{width:25%; float:left; position:relative;}
.hire_con02 ul li:before{content:""; display:block; width:21px; height:20px; background:url('../img/arrow.png')no-repeat center / cover; position:absolute; right:-10px; top:40%; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%);}
.hire_con02 ul li:last-child:before{display:none}
.hire_con02 ul li img{display:inline-block; vertical-align:top; max-width:100%;}
.hire_con02 ul li p{font-size:20px; color:#2e2e2e; padding:20px 0; text-align:center; letter-spacing:-0.045em}

@media all and (max-width:1200px){
	.hire_con02 ul li img{width:150px;}
}
@media all and (max-width:1000px){

	.hire_con02 ul li{width:50%;}
	.hire_con02 ul li:nth-of-type(2n):before{display:none}
}


.recruit_box02 {padding-top:50px; text-align:center; margin-bottom:50px;}
.recruit_box02 ul {margin-top:50px; font-size:0; }
.recruit_box02 li {display:inline-block; vertical-align:top; width: calc(100% /3 - 17px); margin:0 3px; min-height:260px; font-size:0; border:1px solid #ddd; padding:20px 0; }
.recruit_box02 li p.tit {display:block; vertical-align:top; margin:0 auto; width:47%; height:50px; margin-bottom:20px; line-height:50px; background-color:#a7abaf; border-radius:30px; color:#fff; font-size:16px; font-weight:500;  }
.recruit_box02 li:nth-of-type(2) p.tit {background-color:#788088; }
.recruit_box02 li .txt_box {display:block; vertical-align:top; width:73%; padding-left:20px; text-align:left; box-sizing:border-box; }
.recruit_box02 li .txt_box p {position:relative; margin-bottom:5px; padding-left:10px; font-size:16px; color:#444444; font-weight:300; box-sizing:border-box; line-height:26px; }
.recruit_box02 li .txt_box p b {font-weight:500; }
.recruit_box02 li .txt_box p:before {content:''; position:absolute; left:0; top:12px; width:3px; height:3px; background-color:#777777; border-radius:50%; }

@media all and (max-width:850px){
	.recruit_box02 li {width:100%; margin-bottom:20px; min-height:auto}
}



.global_con {padding-top:0px; text-align:center; margin-bottom:50px;}
.global_con ul {margin-top:20px; font-size:0; }
.global_con li {display:inline-block; vertical-align:top; width: calc(100% /3 - 17px); margin:0 3px; font-size:0;padding:20px 0; }
.global_con li p.tit {display:block; vertical-align:top; margin:0 auto; width:70%; height:50px; margin-bottom:20px; line-height:50px; background-color:#a7abaf; border-radius:30px; color:#fff; font-size:17px; font-weight:500;  }
.global_con li:nth-of-type(2) p.tit {background-color:#788088; }
.global_con li .txt_box {display:block; vertical-align:top; text-align:center; box-sizing:border-box; }
.global_con li .txt_box p {position:relative; margin-bottom:5px; padding-left:10px; font-size:16px; color:#444444; font-weight:300; box-sizing:border-box; line-height:26px; }
.global_con li .txt_box p b {font-weight:500; }

@media all and (max-width:850px){
	.global_con li {width:100%; margin-bottom:10px; min-height:auto}
}


.recruit_send {text-align:center; margin-bottom:50px;}
.recruit_send p {font-size:17px; color:#333; font-weight:500;}


.talent_con01{padding-top:50px; padding-bottom: 0px;background-color: #f2f3f4;text-align: center;}
.talent_con01 .top{padding-bottom: 45px;}

.talent_con01 ul{margin: 35px 0 0;font-size: 0;}
.talent_con01 li{display: inline-block;vertical-align: top;width: 240px;height: 240px;border-radius:50%;padding: 15px;position:relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.talent_con01 li:before{content:'';display: block;width: 100%;height: 50%;position:absolute;left: 0;border: 1px solid transparent;}
.talent_con01 li:nth-of-type(odd):before{border-top-left-radius:120px;border-top-right-radius:120px;border-bottom: 0;top: 0;border-top:1px solid transparent;}
.talent_con01 li:nth-of-type(even):before{border-bottom-left-radius:120px;border-bottom-right-radius:120px;border-top: 0;bottom: 0;border-bottom:1px solid transparent;}

.talent_con01 .circle{width: 100%;height: 100%;padding: 30px 0;border-radius:50%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.talent_con01 .circle img{max-width:50%;}
.talent_con01 .circle h4{margin: 0px 0 0;font-size: 18px;color: #fff; letter-spacing:-.5px; font-weight: 500;}

.talent_con01 .list01:before{border-color: #2a65c8;}
.talent_con01 .list01 .circle{background-color: #2a65c8;}
.talent_con01 .list02:before{border-color: #8cbcd7;}
.talent_con01 .list02 .circle{background-color: #8cbcd7;}
.talent_con01 .list03:before{border-color: #152388;}
.talent_con01 .list03 .circle{background-color: #152388;}
.talent_con01 .list04:before{border-color: #aac4e2;}
.talent_con01 .list04 .circle{background-color: #aac4e2;}
.talent_con01 .list05:before{border-color: #0e1647;}
.talent_con01 .list05 .circle{background-color: #0e1647;}

.talent_con01 .bottom{padding: 35px 0;background-color: #fff;}
.talent_con01 .bottom h5{margin: 0;font-size: 20px;color: #666;font-weight: 500;}
.talent_con01 .bottom p{margin-top: 10px;font-size: 0;}
.talent_con01 .bottom span{display: inline-block;vertical-align: top;font-size: 16px;color: #666;line-height: 1;font-weight: 200;}
.talent_con01 .bottom span + span{margin-left: 5px;padding-left: 5px;border-left: 1px solid #666;}
.talent_con01 .bottom span a{font-size: inherit;color: inherit;line-height: inherit;font-weight: inherit;}



.talent_con02 .after:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.talent_con02{background:#f7f7f7; padding:50px 0 50px; margin-bottom:0px;}
.talent_con02 .after .box{text-align:center; position:relative; width:calc(33.333333% - 60px); float:left; margin-right:90px; background:#fff; border-radius:10px; padding:70px 40px 80px; box-sizing:border-box;}
/*.talent_con02 .after .box:before{content:""; width:25px; height:27px; background:url('/img/talent_con02_plus.png')no-repeat center / cover;  position:absolute; display:block; right:-59px; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%);}*/
.talent_con02 .after .box:last-child{margin-right:0;}
/*.talent_con02 .after .box:last-child:before{display:none;}*/
.talent_con02 .after .box .tit{box-shadow:5px 0 5px rgba(0,0,0,0.16); width:110px; height:110px; background:#2660bf; border-radius:50%; text-align:center; position:absolute; left:20px; top:-33px;}
.talent_con02 .after .box .tit span{margin:0; display:block; font-size:16px; color:#fff; letter-spacing:-0.025em; font-weight:bold; padding-top:23px; padding-bottom:5px;}
.talent_con02 .after .box .tit b{display:block; font-size:38px; color:#fff; letter-spacing:-0.025em; font-weight:bold; line-height:24px; }
.talent_con02 .after .box i{display:block; margin-bottom:15px;}
.talent_con02 .after .box h4{font-size:25px; color:#333; letter-spacing:-0.055em; font-weight:bold; margin:0; margin-bottom:5px;}
.talent_con02 .after .box p{font-size:16px; color:#333; letter-spacing:-0.025em; min-height:90px; padding-top:10px;}
.talent_con02 .after .box .hr{width:100%; height:1px; background:#8fa7d6; margin:20px auto;}
.talent_con02 .after .box > span{display:block; font-size:16px; color:#333; letter-spacing:-0.025em; font-weight:200; min-height:81px; }

@media all and (max-width:1300px){
	.talent_con02 .after .box{width:calc(33.333333% - 30px); margin-right:45px; padding:70px 20px;}
	.talent_con02 .after .box:before{right:-35px}
	.talent_con02 .after .box > span br{display:none;}
	.talent_con02 .after .box h4{font-size:28px;}
	.talent_con02 .after .box p{font-size:20px;}
	.talent_con02 .after .box span{font-size:16px;}
}
@media all and (max-width:1000px){
	.talent_con01 .inner > p{padding: 60px 30px;}
	.talent_con02 .after .box{width:100%; float:none; margin:40px 0;}
	.talent_con02 .after .box:before{bottom: -35px; left:auto; top:auto; left:50%; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -moz-transform:translateX(-50%);}
	.talent_con02 .after .box h4{font-size:20px;}
	.talent_con02 .after .box p{font-size:16px;}
}

.tech_con .after:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.tech_con{background:#f7f7f7; padding:50px 0 50px; margin-bottom:0px;}
.tech_con .after .box{margin-bottom:30px; text-align:center; position:relative; width:calc(33.333333% - 30px); float:left; margin-right:30px; background:#fff; border-radius:10px; padding:70px 40px 80px; box-sizing:border-box;}
/*.talent_con02 .after .box:before{content:""; width:25px; height:27px; background:url('/img/talent_con02_plus.png')no-repeat center / cover;  position:absolute; display:block; right:-59px; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%);}*/
.tech_con .after .box:last-child{margin-right:0;}
/*.talent_con02 .after .box:last-child:before{display:none;}*/
.tech_con .after .box .tit{box-shadow:5px 0 5px rgba(0,0,0,0.16); width:110px; height:110px; background:#2660bf; border-radius:50%; text-align:center; position:absolute; left:20px; top:-33px;}
.tech_con .after .box .tit span{margin:0; display:block; font-size:16px; color:#fff; letter-spacing:-0.025em; font-weight:bold; padding-top:23px; padding-bottom:5px;}
.tech_con .after .box .tit b{display:block; font-size:38px; color:#fff; letter-spacing:-0.025em; font-weight:bold; line-height:24px; }
.tech_con .after .box i{display:block; margin-bottom:15px;}
.tech_con .after .box h4{font-size:22px; color:#333; letter-spacing:-0.025em; font-weight:bold; margin:0; margin-bottom:5px;}
.tech_con .after .box p{font-size:16px; color:#333; letter-spacing:-0.025em; }
.tech_con .after .box .hr{width:100%; height:1px; background:#8fa7d6; margin:20px auto;}
.tech_con .after .box > span{display:block; font-size:16px; color:#333; letter-spacing:-.5px; font-weight:300; min-height:81px; }

@media all and (max-width:1300px){
	.tech_con .after .box{width:calc(33.333333% - 20px); margin-right:20px; padding:70px 20px;}
	.tech_con .after .box:before{right:-35px}
	.tech_con .after .box > span br{display:none;}
	.tech_con .after .box h4{font-size:20px;}
	.tech_con .after .box p{font-size:20px;}
	.tech_con .after .box span{font-size:16px;}
}
@media all and (max-width:1000px){
	.tech_con .inner > p{padding: 60px 30px;}
	.tech_con .after .box{width:100%; float:none; margin:40px 0;}
	.tech_con .after .box:before{bottom: -35px; left:auto; top:auto; left:50%; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -moz-transform:translateX(-50%);}
}

.hire_con01{background:#f7f7f7; padding:50px 0;}
.hire_con01 ul:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.hire_con01 ul li{margin-bottom:30px; display: block; height:240px; float:left; background:#fff; border-radius:20px; width:calc(50% - 40px); margin-right:40px; padding:55px 20px 45px 20px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; font-size:0;}
.hire_con01 ul li:nth-of-type(2n){margin-right:0;}
.hire_con01 ul li > div{display: block;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.hire_con01 .img{display:inline-block; vertical-align:middle; width: 85px; margin:0 auto; margin-right:20px;}
.hire_con01 .img img{display: block;width: 100%;}
.hire_con01 .txt{display:inline-block; vertical-align:middle; text-align:center; width:calc(100% - 120px); text-align:left; }
.hire_con01 .txt h4{margin: 0;font-size: 25px;color: #333;font-weight: bold;letter-spacing: -0.025em;}
.hire_con01 .txt p{font-size: 15px;color: #000;font-weight: 300;letter-spacing: -0.025em; line-height:22px; padding-top:10px;}

@media all and (max-width:1200px){
	.w1200{width:93.75%}
	.hire_con01 ul li{padding:55px 10px 45px 10px; width:calc(33.333333% - 20px); margin-right:30px;}
	.hire_con01 .txt h4{font-size:26px;}
}

@media all and (max-width:1000px){
	.hire_con01 ul li{height:180px; padding:55px 10px 40px 10px; width:calc(50% - 10px); margin-right:20px; margin-bottom:20px; height:240px; }
	.hire_con01 ul li:nth-of-type(3n){margin-right:20px;}
	.hire_con01 ul li:nth-of-type(2n){margin-right:0;}
}
@media all and (max-width:767px){
	.hire_con01 ul li{height:180px; padding:55px 10px 40px 10px; width:100%; margin-right:20px; margin-bottom:20px; height:auto; }
	.hire_con01 .img{width:70px}
	.hire_con01 .txt h4{font-size: 20px;}
	.hire_con01 .txt p{font-size: 14px}
}


.TitleArea03 {margin-bottom:40px; text-align:center;}
.TitleArea03 h2 { font-size:2.750em; font-weight:700; line-height:1;}
.TitleArea03 p {padding-top:20px; font-size:1.250em; font-weight:300; color:#253a8b;}

#solutionDetail {margin-top:30px; }
.service_info_box {padding:60px 0; border:1px solid #eee; border-top-color:#253a8b;}
.service_info_box .tb {display:table; width:100%; }
.service_info_box .tbc {display:table-cell; padding:0 30px; border-left:1px solid #ddd; vertical-align:middle;}
.service_info_box .tbc p {font-size:16px; }
.service_info_box .tbc:first-child {/* padding:0; */ border-left:none;}
.service_info_box .tbc:last-child { width:777px;  }
.service_info_box .logo_wrap {width:400px; text-align:center;}
.service_info_box .logo_wrap p {font-family: 'GmarketSansMedium'; font-size:30px;}
.service_info_box .logo_wrap img {max-width:95%; height:50px;}

@media all and (max-width:1000px){
	.service_info_box {width:100%; padding:40px 5%; border-left:none; border-right:none;}
	.service_info_box .tb {display:block;}
	.service_info_box .tbc {display:block; padding:0; border-left:none; }
	.service_info_box .tbc:last-child { width:100%;  }
	.service_info_box .logo_wrap {width:100%; padding-bottom:30px;}
	.service_info_box .logo_wrap img {height:40px;}
	
}

@media all and (max-width:640px){
	
	.TitleArea03 {margin-bottom:8%;}
	.TitleArea03 h2 {font-size:22px;}
	.TitleArea03 p {padding-top:5px; font-size:1.063em;}

	.service_info_box .tbc p {font-size:15px; }

	.service_info_box {padding:10% 5%;}
	.service_info_box .logo_wrap {padding-bottom:8%;}
	.service_info_box .logo_wrap img {height:30px;}
	.service_info_box .logo_wrap p { font-size:23px;}
}



ul.tabs{width:1200px; margin:0 auto;	padding: 0px;	list-style: none;	text-align:center;}
ul.tabs li{	background: none;	color: #484848;	display: inline-block;	padding: 15px 10px;	cursor: pointer;	border:1px solid #d7d7d7;	font-size:17px;	border-radius:5px;	width: calc(100% /4 - 17px);}
ul.tabs li.current{	background:#143571; color:#fff; }
.tab-content{	display: none;}
.tab-content.current{	display: inherit;}

@media(max-width:1200px){
	ul.tabs {width:100%;}
}

@media(max-width:880px){
	ul.tabs li {font-size:15px; width: calc(100% /2 - 17px); margin-bottom:3px;}
}



.common .con04 .eim_wrap{width:100%; }
.common .con04 .eim_wrap .eim_list{width:100%; box-sizing:border-box;}
.common .con04 .eim_wrap .eim_list:last-of-type{border-bottom:0;}
.common .con04 .eim_wrap .eim_list .list_wrap:after{content:""; display:block; clear:both;}
.common .con04 .eim_wrap .eim_list .eim_img{float:left; width:46.7%;}
.common .con04 .eim_wrap .eim_list .eim_img img{width:100%;}
.common .con04 .eim_wrap .eim_list .eim_txt{float:right; text-align:left; width:50%;}
.common .con04 .eim_wrap .eim_list01 .eim_img{float:right; width:46.7%;}
.common .con04 .eim_wrap .eim_list01 .eim_txt{float:left;}
.common .con04 .eim_wrap .eim_list .eim_txt h3{font-size:32px; font-weight:bold; letter-spacing:-0.05em; line-height:1.3; color:#222; padding-left:18px;}
.common .con04 .eim_wrap .eim_list .eim_txt > p{font-size:16px; font-weight:300; letter-spacing:-.5px; line-height:26px; color:#444; padding:26px 0 30px 18px;}
.common .con04 .eim_wrap .eim_list .eim_txt p span{color:#bb4486;}

.common .con04 .eim_wrap .eim_list .eim_txt ul.num_list{text-align:left;margin-left:20px; overflow:hidden;}
.common .con04 .eim_wrap .eim_list .eim_txt ul.num_list h4 {font-size:17px; background:#2d5287; color:#fff; border-bottom:2px solid #2d5287; padding:3px 10px; margin-bottom:10px;}
.common .con04 .eim_wrap .eim_list .eim_txt ul.num_list li{vertical-align:top; text-align:left; min-height:45px;}
.common .con04 .eim_wrap .eim_list .eim_txt ul.num_list li i{float:left; text-align:center; width:33px; height:33px; margin:0 auto 10px; font-size:15px; font-weight:500; letter-spacing:-0.025em;line-height:33px; background:#2d5287; color:#fff; border-radius:50%; font-style:normal;}
.common .con04 .eim_wrap .eim_list .eim_txt ul.num_list li p{vertical-align:top; margin-left:20px; padding-top:5px; display:inline-block; font-size:17px; font-weight:300; letter-spacing:-0.05em; line-height:20px; color:#444;}

.common .con04 .eim_wrap .eim_list{background-color:#f4f7fc; padding:60px 0 50px;}
.common .con04 .eim_wrap .eim_list01{background-color:#fff !important;}
.common .con04 .eim_wrap .eim_list .list_wrap{width:100%; max-width:1285px; margin:0 auto;}
.common .con04 .eim_wrap .eim_list .list_wrap h2{padding-left:18px; font-size:10px; letter-spacing:3px; font-style:normal; color:#e5151f; font-family: 'GmarketSansBold'; display:block; padding-bottom:5px;}



@media all and (max-width:1050px){

	.common .con04 .eim_wrap .eim_list{padding:40px 0;}
	.common .con04 .eim_wrap .eim_list .eim_img{float:none; width:449px; margin:0 auto;}
	.common .con04 .eim_wrap .eim_list .eim_txt{float:none; text-align:center; margin:0 auto;}
	.common .con04 .eim_wrap .eim_list .eim_txt h3{padding-left:0;}
	.common .con04 .eim_wrap .eim_list .eim_txt > p{padding:26px 0 70px 0;}
	.common .con04 .eim_wrap .eim_list01 .eim_img{float:none; width:467px; margin:0 auto;}
	.common .con04 .eim_wrap .eim_list01 .eim_txt{float:none;}
	.common .con04 .eim_wrap .eim_list .eim_txt ul.num_list{margin:0 auto;}
}

@media all and (max-width:640px){
	.common .con04 .eim_wrap .eim_list{padding:1.25vw 0;}
	.common .con04 .eim_wrap .eim_list .eim_img{float:none; width:100%; }
	.common .con04 .eim_wrap .eim_list .eim_txt {width:100%; padding:20px;}
	.common .con04 .eim_wrap .eim_list .eim_txt h3{font-size:6vw;}
	.common .con04 .eim_wrap .eim_list .eim_txt > p{font-size:15px; line-height:25px; }

	.common .con04 .eim_wrap .eim_list .eim_txt ul.num_list{ }
	.common .con04 .eim_wrap .eim_list .eim_txt ul.num_list h4 {margin-top:20px;}
	.common .con04 .eim_wrap .eim_list .eim_txt ul.num_list li{margin-right:2.5vw;}
	.common .con04 .eim_wrap .eim_list .eim_txt ul.num_list li i{width:6.15625vw; height:6.15625vw;  font-size:2.34375vw; line-height:6.15625vw;}
	.common .con04 .eim_wrap .eim_list .eim_txt ul.num_list li p{width:80%; font-size:14px; line-height:20px;}
}


.technology_con01{margin-top: 60px;}
.technology_con01 ul{margin: 40px 0 50px;}
.technology_con01 li{overflow:hidden;}
.technology_con01 li > div{float: left;width: 50%;height: 520px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.technology_con01 li:nth-of-type(2n) > div{float: right;}
.technology_con01 .img{}
.technology_con01 .img img{width: 100%;}
.technology_con01 .txt{padding: 30px 50px;}
.technology_con01 .txt i {font-size:10px; letter-spacing:3px; font-style:normal; color:#e5151f; font-family: 'GmarketSansBold'; display:block; padding-bottom:5px;}
.technology_con01 .txt h4{font-size: 30px;color: #222;line-height: 1.2;font-weight: 500;-ms-word-break: keep-all;word-break: keep-all;}
.technology_con01 .txt p{margin-top: 20px;font-size: 16px;color: #444;font-weight: 300;line-height: 30px;letter-spacing: -0.025em;-ms-word-break: keep-all;word-break: keep-all;}

@media all and (max-width:1200px){
	.technology_con01 li + li{margin-top: 40px;}
	.technology_con01 li > div{width: 100%;height: auto;}
	.technology_con01 li > div,
	.technology_con01 li:nth-of-type(2n) > div{float:none;}
	.technology_con01 .txt{width: 90%;margin: -100px auto 0;border-bottom: 2px solid #4f8de3;position:relative;background-color: #fff;}
}

@media all and (max-width:640px){
	.technology_con01{margin-top: 9.375vw;}
	.technology_con01 ul{margin: 6.25vw 0 23.4375vw;}
	.technology_con01 li + li{margin-top: 6.25vw;}
	.technology_con01 .txt{padding: 12.5vw 7.8125vw;}
	.technology_con01 .txt h4{font-size: 5.3125vw;}
	.technology_con01 .txt p{margin-top: -15.625vw;font-size: 2.8125vw;line-height: 4.6875vw;}\
}


.businessArea{background:#f5f5f7; padding:50px 0; margin-top:30px;}
.businessArea .bg_box{width:100%; background:url('/img/business_bg.jpg')no-repeat center; height:599px;}
.businessArea ul:after{clear:both; content:""; display:block; height:0; visibility:hidden}

.businessArea ul li{float:left; width: calc(100% /3 - 17px); padding:30px 20px; background:#fff; margin-right:10px; margin-bottom:10px; border:1px solid #d8d8e0; box-sizing:border-box; }
.businessArea ul li:last-child{margin-right:0;}
.businessArea ul li i{margin:0 auto; display:block;}
.businessArea ul li i img{display:block; margin:10px auto;}
.businessArea ul li h2{font-size:22px; color:#252728; margin:5px auto 30px; text-align:center;}
.businessArea ul li font{text-align:center; font-size:20px; color:#6a6a72; letter-spacing:-0.045em; line-height:63px; margin:5px 0; display:block; width:100%; height:63px; background:url('/img/business_dot.png')no-repeat center; background-size:100% 100%; }
.businessArea ul li .text{border-top:1px dashed #dbdbe2}
.businessArea ul li .text p{word-break:keep-all; padding-top:40px; font-size:20px; letter-spacing:-0.045em; color:#6a6a72; text-align:center;}
.businessArea ul li .text p b{color:#4c68f1;}
.businessArea ul li .text dl {margin-top:30px; padding:0 20px;}
.businessArea ul li .text dl dd { font-size:17px; letter-spacing:-0.045em; color:#6a6a72;}
.businessArea ul li .text dl dd:before {content: ""; position:absolute; width:4px; height:4px; background:#e5151f; text-align:left; margin-left:-10px; margin-top:12px;}

.height_ {height:480px;}
.height_2 {height:310px;}

@media all and (max-width:1400px){
	.businessArea ul li{height:650px;}
}
@media all and (max-width:1300px){
	.businessArea ul li .text p{font-size:18px;}
}
@media all and (max-width:1100px){
	.businessArea ul li .text p{font-size:16px;}
	
}

@media all and (max-width:1000px){
	.businessArea ul li{width:100%; height:auto; float:none; margin-right:0; margin-top:35px;}
	.businessArea ul li font{width:380px; margin:5px auto;}
	.businessArea ul li .text p{font-size:20px;}
	.height_ {height:auto;}
	.height_2 {height:auto;}
}
@media all and (max-width:640px){
	.businessArea{padding-bottom:18.75vw;}
	.businessArea .bg_box{height:93.59375vw}
	.businessArea ul{margin-top:-12.5vw;}
	.businessArea ul li{margin-top:6.25vw; padding:4.6875vw 3.125vw;}
	.businessArea ul li i img{width:6.40625vw; height:5.15625vw; margin:10px auto;}
	.businessArea ul li h2{font-size:3.4375vw; margin:0.78125vw auto 4.6875vw;}
	.businessArea ul li font{width:59.375vw; font-size:3.125vw; line-height:9.84375vw; margin:0.78125vw auto; height:9.84375vw; }
	.businessArea ul li .text p{padding-top:6.25vw; font-size:3.125vw;}


}

.leadership {background:#f9f9f9;}
.leadership .con01 {padding:30px 0;}
.leadership .con01 .hr{width:60px; height:2px; background:#2c3252; margin:0 auto; margin-bottom:20px;}
.leadership .con01 h2{ letter-spacing:-0.045em; padding:0 30px; word-break:keep-all; margin-bottom:20px; font-size:30px; font-weight:200; color:#252728; text-align:center; line-height:1.2;}
.leadership .con01 .top p{padding:0 30px; letter-spacing:-0.045em; word-break:keep-all; font-size:17px; font-weight:300; letter-spacing:-0.045em; text-align:center; margin-bottom:55px; color:#252728; line-height:1.3;}

.leadership .con01 .img_box{text-align:center; font-size:0;}
.leadership .con01 .img_box img{width:calc(50% - 10px); display:inline-block; position:relative; z-index:9; margin-right:15px; border:1px solid #ddd;}
.leadership .con01 .img_box img:last-child{margin-right:0;}
.leadership .con01 .txt_box{margin-top:-90px; background:#f5f5f6; padding-top:130px; padding-bottom:80px; text-align:center;}
.leadership .con01 .txt_box p{word-break:keep-all; margin-bottom:35px; font-size:17px; letter-spacing:-0.045em; color:#676a6e; font-weight:200}


@media all and (max-width:1200px){
	.br1200none{display:none}
}
@media all and (max-width:1000px){
	.leadership .con01 .txt_box{padding-top:250px; margin-top:-210px}
	.leadership .con01 .img_box img{margin:0 auto; display:block; width:auto; max-width:100%; }
	.leadership .con01 .img_box img:last-child{margin:0 auto;}
}

@media all and (max-width:640px){

	.leadership .con01 .hr{width:9.375vw; height:0.3125vw; margin-bottom:3.125vw;}
	.leadership .con01 h2{padding:0 4.6875vw; margin-bottom:3.125vw; font-size:23px; }
	.leadership .con01 .top p{padding:0 4.6875vw; font-size:15px; margin-bottom:8.59375vw; line-height:20px;}
	.leadership .con01 .txt_box{margin-top:-42.1875vw; padding-top:46.875vw; padding-bottom:12.5vw; }
	.leadership .con01 .txt_box p{margin-bottom:5.46875vw; font-size:15px;}
}


.programCon{max-width:1200px; margin:30px auto 50px; letter-spacing:0; overflow:hidden;}
.programCon .urlFile {text-align:left;vertical-align:middle;}
.programCon .urlFile img {vertical-align:middle; margin-right:3px;}
.programCon .urlFile p {padding:15px 0 15px 20px; border-top:1px solid #e5e5e5;}
.programCon .urlFile p a {font-size:13px; color:#000;}
.programCon .faq_table .urlFile {margin-top:15px;}
.programCon .faq_table .urlFile p:last-of-type {border-bottom:1px solid #e5e5e5;}
.readEditSubs {padding:15px 0 15px 20px; font-size:13px; color:#000; border-top:1px solid #e5e5e5;}
.readEditSubs a {font-size:13px; color:#000;}

.programCon .join{position: relative; margin:0; padding:0; border:0;}
.programCon .join .joinTop{width:100%; overflow: hidden; margin-top:20px;}
.programCon .join .joinTop:first-of-type{margin-top:0;}
/* ScoIILy 동의내용 */
.programCon .join .ScrollLy{height:180px; margin:0; padding:10px 20px; border:1px solid #e5e5e5; color:#444; overflow-x:hidden; overflow-y:auto; line-height:1.8; box-sizing:border-box;}
.programCon .join .ScrollLy *{font-size:14px !important; font-family:'Noto Sans KR', sans-serif !important}
/* jcheck 동의합니다 체크 */
.programCon .join .joinTop .jcheck{width:100%; font-size:14px; padding:12px 0; color:#222; border:1px solid #e5e5e5; border-top:0; box-sizing:border-box; text-align:right; background:#f9f8f8;}
.programCon .join .joinTop .jcheck *{display:inline-block; vertical-align:middle;}
.programCon .join .joinTop .jcheck input{width:15px; height:15px;}
.programCon .join .joinTop .jcheck label{margin-right:20px;}


/* 회원가입 입력창 */
.writeForm{margin-top:60px; text-align:left;}
.writeForm > table{width:100%; border-top:2px solid #888;}
.writeForm table .writeForm_col01{width:150px;}
.writeForm table .writeForm_col02{width:15%;}
.writeForm table .writeForm_col03{width:35%;}
/*.writeForm table tr{border-bottom:1px solid #e1e3e4; font-size:0;}*/
.writeForm > table > tbody > tr{border-bottom:1px solid #e1e3e4; }
.writeForm > table > tbody > tr > th{text-align:left; padding:10px 25px; font-size:14px; color:#222; background:#f9f8f8;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.writeForm > table > tbody > tr > td{padding:15px 5px 15px 15px; color:#444;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.writeForm table tr td input[type="text"]{-webkit-appearance: none; 
-webkit-border-radius: 0; height:37px; border:1px solid #dedede; font-size:14px; padding:0 20px; vertical-align:middle; box-sizing:border-box;}
.writeForm table tr td input[type="password"]{-webkit-appearance: none; 
-webkit-border-radius: 0; height:37px; border:1px solid #dedede; font-size:14px; padding:0 20px; vertical-align:middle; box-sizing:border-box;}
.writeForm table tr td input[type="file"]{filter: alpha(opacity=0); background:#fff; -webkit-appearance: none; -webkit-border-radius: 0; width:60%; height:42px; border:1px solid #dedede; font-size:14px; padding:7px 20px; vertical-align:middle; box-sizing:border-box;}
.writeForm table tr td .inputTxt{width:350px;}
.writeForm table tr td .inputPass{width:350px;}
/*.writeForm table tr td .inputTxt{width:calc(30% - 40px);}*/
.writeForm table tr td .inputPass.size02{width:calc(40% - 40px); max-width:248px;}
.writeForm table tr td .inputNum{width:100px; text-align:center;}
.writeForm table tr td .inputNum:first-of-type{margin-right:10px;}
.writeForm table tr td .inputEmail{width:248px;}
.writeForm table tr td input[type="text"].inputEmail02 {vertical-align:top;}
.writeForm table tr td .inputTit{width:80%;}
.writeForm table tr td select {width:140px; height:37px; padding:0 0 0 10px; font-size:14px; color:#666; margin-right:10px; text-align:left; text-align-last: left; border-color:#dedede; vertical-align:top; border:1px solid #dedede; background:#fff url('/img/select_btn.png')no-repeat center right 10px; -webkit-appearance: none; 
-webkit-border-radius: 0; }
.writeForm table tr td select::-ms-expand { display:none; }
.writeForm_top table tr td select{width:70%;}
.writeForm table tr td select.selecEmail{width:245px;}
.writeForm table tr td select option{text-align:center;}
.writeForm table tr td > span{margin:0 10px; font-size:14px; color:#444; vertical-align:middle;}
.writeForm table tr td span.label{font-size:14px;}
.writeForm table tr td.step span{color:#333; font-weight:500;}
.writeForm table tr td span a{font-size:18px;}
.writeForm table tr td textarea{width:100%; height:268px; padding:15px; margin:13px 0; resize:none; font-size:14px; box-sizing:border-box; border:1px solid #dedede;}
.writeForm_btn{text-align:center; margin-top:60px; font-size:0;}
.writeForm_btn a{display:inline-block; width:180px; height:50px; line-height:50px; background:#e5151f; color:#fff; font-size:15px;}
.writeForm_btn a:last-of-type{background:#87888a; margin-left:10px;}

#useFile a.btns{display:inline-block; height:42px; padding:0 15px; line-height:42px; color:#fff !important; font-size:15px; background:#87888a; text-align:center; font-weight:300; vertical-align:top; box-sizing:border-box;}

.writeForm table tr td .label_wrap{margin:0;}
/* id 중복찾기*/
.writeForm table tr td a.id_ch{display:inline-block; width:140px; height:37px; line-height:35px; font-size:14px; color:#222; margin-left:10px; text-align:center; vertical-align:middle; box-sizing:border-box; border:1px solid #222;}
/* zip_ch 우편번호 찾기*/
.writeForm table tr td a.zip_ch{display:inline-block; width:140px; height:37px; line-height:35px; font-size:14px; color:#222; margin-left:10px; text-align:center; vertical-align:middle; box-sizing:border-box; border:1px solid #222;}
/* 비밀번호 확인 */
.writeForm table tr td span.password_ch{font-size:14px; color:#666; margin:0 60px 0 40px;}
.writeForm table tr td.editor{padding:13px 0;}
.writeForm table tr td .addr{width:calc(50% - 40px);}

.writeForm > table > tbody > tr > td{overflow:hidden;}
.writeForm table tr td select.selectNum{width:100px;}
.writeForm table tr td label{font-size:14px; margin-right:30px; vertical-align:middle;}
.writeForm table tr td label:last-of-type{margin-right:0;}
.writeForm table tr td input[type="checkbox"]{width:15px; height:15px; margin:0 10px 0 20px; vertical-align:middle;}
.writeForm table tr td input[type="radio"]{width:15px; height:15px; margin-right:10px; vertical-align:middle;}
.writeForm table tr td i{font-style:normal;}
.writeForm table tr td .modal-content input[type="checkbox"] {margin:4px 0 0 -20px;}

.writeForm table tr .spam_td{font-size:14px;}
.writeForm table tr .spam_td img{margin:0 10px; vertical-align:middle;}
.writeForm span.col01 {color:#ea1c5b; display:inline-block;}
.writeForm th span.col01 {margin-left:-5px;}
.writeForm td p.he_txt {margin-bottom:5px;}

@media all and (max-width:1000px){
	.writeForm_top > p{margin-top:30px;}
	.writeForm table tr td .inputEmail02{width:248px; margin-bottom:10px;}
}


@media all and (max-width:777px){
	/**** 회원가입 ****/
	.writeForm{margin-top:40px;}
	.writeForm table{display:block;}
	.writeForm table .writeForm_col01{width:100%;}
	.writeForm table tbody{display:block;}
	.writeForm table tr{display:block; overflow:hidden;}
	.writeForm table tr th{display:block;}
	.writeForm table tr td{float:left; width:100%; height:auto; padding:10px 0; /*font-size:0;*/}
	.writeForm table tr td.step{padding:20px 0;}
	.writeForm_top table tr td select {width:100%; margin:0;}
	.writeForm table tr td input[type="text"]{padding:0 10px;}
	.writeForm table tr td input[type="password"]{padding:0 10px;}
	.writeForm table tr td input[type="file"]{width:100%; margin:5px 0;}
	#useFile a.btns{margin:5px 0;}
	.writeForm table tr td .inputTxt{width:100%}
	.writeForm table tr td .inputNum{width:100%;}
	.writeForm table tr td #tel{width:100%;}
	.writeForm table tr td #cell{width:100%;}
	.writeForm table tr td .inputEmail{width:calc(50% - 22px); margin-right:10px;}
	.writeForm table tr td .email_txt{display:none;}
	.writeForm table tr td .inputTit{width:100%;}
	.writeForm table tr td .inputIdtype{width:calc(100% - 100px);}
	.writeForm table tr td select.selecEmail{width:calc(50% - 22px); margin-right:0;}
	.writeForm table tr td textarea{width:100%; height:268px; padding:15px; margin:13px 0; resize:none; font-size:14px;}

	.writeForm_btn{margin-top:40px;}
	.writeForm_btn a{width:49%}
	.writeForm_btn a:last-of-type{margin-left:2%;}
	
	.writeForm table tr td a.id_ch{width:90px; font-size:13px; }
	.writeForm table tr td a.zip_ch{width:90px; font-size:13px;}
	.writeForm table tr td .inputPass{width:100%;}
	.writeForm table tr td .inputPass.size02{width:100%; max-width:100%;}
	.writeForm table tr td .inputPass.size02.mmarT10 {margin-top:10px;}
	.writeForm table tr td .inputName{width:100%;}
	.writeForm table tr td span.password_ch{display:none; /*font-size:14px; color:#666; margin:20px 0;*/}
	.writeForm table tr td .zipcode{width:calc(100% - 100px);}
	.writeForm table tr td.editor{padding:13px 0;}
	.writeForm table tr td .addr{width:100%;}

	.writeForm table tr td{overflow:hidden;}
	.writeForm table tr td .label_wrap{display:block; margin-top:10px;}
	.writeForm table tr td select.selectNum{width:75px;}
	.writeForm table tr td label:last-of-type{margin-right:0;}
	.writeForm table tr td input[type="checkbox"]{margin:0 10px 0 0; vertical-align:middle;}
	.writeForm table tr td input[type="radio"]{width:15px; height:15px; margin-right:10px; vertical-align:middle;}
	.writeForm table tr td .spamCode{float:left; width:210px; height:100px; margin:13px 10px 13px 0; background:#fafafa; border:1px solid #e5e5e5; box-sizing:border-box; text-align:center;}
	.writeForm table tr td input[type="text"].inputSpam{width:328px; height:48px; margin:13px 0 15px;}
	.writeForm table tr td .spamTxt{font-size:14px;}
	.writeForm table tr td .spamTxt img{margin-right:10px;}
	/*.writeForm table tr td span{font-size:16px;}
	.writeForm table tr td span a{font-size:16px;}*/

	.writeForm table tr .spam_td{font-size:12px;}
	.writeForm table tr .spam_td span{display:inline-block; margin:0 0 10px;}
	.writeForm table tr .spam_td img{margin:0 10px 0 0;}
	.writeForm table tr .spam_td input{width:100%; margin-bottom:10px;}

	.writeForm table tr td .inputEmail02{width:calc(50% - 22px);}
}



.sub_list {background-color: #f2f3f4; padding-bottom:50px;}
.sub_list li {display:block; font-size:16px; letter-spacing:-.5px; margin-bottom:5px;}
.sub_list li:before {content: ""; position:absolute; width:4px; height:4px; background:#e5151f; text-align:left; margin-left:-10px; margin-top:10px;}
.sub_list li span {font-weight:600; color:#00459f;}

.subtable { width:90%; margin:20px 0;border-top:2px solid #000; }
.subtable tr th {text-align:center; background:#f6f6f6; color:#333;  font-size:14px; font-weight:500; padding:10px 0; width:20%; border:1px solid #ddd;}
.subtable tr td {border-bottom:1px solid #dbdbdb; padding:5px; background:#fff; line-height:26px; color:#35363a; text-align:center;font-size:14px; font-weight:300; letter-spacing:-0.03em; border:1px solid #ddd;}

.subtable2 { width:100%; margin:20px auto; border-top:2px solid #d7a154; }
.subtable2 tr th {background:#fef8ef; color:#333; border-bottom:1px solid #dbdbdb; font-size:16px; font-weight:500; padding:10px 20px; }
.subtable2 tr td {border-bottom:1px solid #dbdbdb; padding:15px; background:#fff; line-height:26px; color:#35363a; font-size:16px; font-weight:300; letter-spacing:-0.03em;}

.ed {border:1px solid #ddd; height:35px; width:95px;}
.ed2 {border:1px solid #ddd; height:35px; width:300px;}

.apply_bt {text-align:center; margin:20px auto; padding:10px 0; }
.apply_bt li {display:inline-block; font-size:17px; border-radius:10px; }
.apply_bt li a {color:#fff;}
.apply_bt li a.btn_cancel {width:100px; padding:24px 0;  line-height:0px; font-weight:500;}
.apply_bt li input {border:0; background:#d7a154; color:#fff; font-size:20px; font-weight:500; width:150px; text-align:center; padding:10px 0; border-radius:5px; }