/* layout commom css
 * --------------------------------------- */
  
/* Header */
.header {position:fixed; width:100%; z-index: 3;background: rgba(0,0,0,0.2);height: 85px; font-family: 'notokr-black';}
.header h1 {text-align: center;position: absolute;left: 35px;top: 15px;}
.header h1 img {vertical-align: middle;}
.header .nav {position: absolute; line-height: 107px;right: 160px;}
.header .nav li {display: inline-block;margin: 0 20px;}
.header .nav li a {color: #000;display: block;letter-spacing: -1.5px;}
.header .nav li a.active {font-weight: bold; position:relative;}
.header .nav li a.active:after {display:inline-block; content:""; border-bottom:3px solid #000; position:absolute; left:0;bottom: 35px;width: 100%;}
.fixed {position: fixed; left: 0; width: 100%; background:#2f2f2f;}
.fixed .nav {position: absolute;line-height: 107px;right: 160px;}
.fixed .nav li {display: inline-block;margin: 0 20px;}
.fixed .nav li a {color: #000;display: block;letter-spacing: -1.5px;}
.fixed .nav li a.active {font-weight: bold; position:relative;}
.fixed .nav li a.active:after {display:inline-block; content:""; border-bottom:3px solid #000; position:absolute; left:0;bottom: 35px;width: 100%;}

#nav {position:absolute; top:10px;  /*  ENGLISH */ right:35px;   display:block;}
#nav ul {position:relative; padding-top:25px; list-style:none; text-transform:uppercase; }
#nav ul li{position:relative; float:left;}
#nav ul li > a{color:#fff; padding:25px 18px;}
#nav .menu {position: absolute; right: 0; top: 10px;}
#nav .menu a {display:block; width:20px;height: 16px;}
#nav ul li > a:hover, #nav ul li:hover > a {color:#1accff;}
#nav ul li ul{display:none; margin-top: 18px;}
#nav ul li:hover ul{position:absolute; top:29px; display:block; padding-top:0; padding-left:0; letter-spacing:0.05em; border:1px solid #444; box-shadow: 3px 4px 5px rgba(0, 0, 0, 0.1);}
#nav li.gnb1 ul {left:-25px; width:150px;}
#nav li.gnb2 ul {left:-25px; width:175px;}
#nav li.gnb3 ul {left:-25px; width:150px;}
#nav li.gnb4 ul {left:-25px; width:110px;}
#nav li.menu a {background:url(../images/common/nav-menu-off.png) no-repeat;background-position:center;}
#nav li.menu a:hover {background:url(../images/common/nav-menu-on.png) no-repeat;background-position:center;}
#nav li li {float:none; width:100%; background:#fff; border-top: 1px solid #eee;}
#nav li li a {display:block; color: #000; text-align:left; padding:9px 12px; font-size:15px;font-family: 'notokr-light';letter-spacing: -0.45px;}
#nav li li a:hover {color:#000; padding:5px 0; text-decoration:none; padding:9px 12px; background:#ededed;}
#nav li li:first-child { border-top:0px;}



/* allNav */
.allNav {height: 0%; width: 100%; position: fixed; z-index: 112; top: 0; left: 0;  background-color: rgba(0,155,220,0.965); overflow-y: hidden; transition: 0.5s;}
.allNav .grab {position: relative; top: 18%; text-align: center;  margin-top: 30px;overflow: hidden;}
.allNav .grab a {color:#fff;}
.allNav .grab a:hover {color:#000;}
.allNav .grab > ul {}
.allNav .grab > ul > li {float: left;width: 20%;padding: 0 2%;}
.allNav .grab > ul > li > a {font-size: 2.25em;display: block;border-bottom: 1px solid rgba(255,255,255,0.35);font-family: 'notokr-medium';letter-spacing: -2px;padding-bottom: 20px;}
.allNav .grab > ul > li > a:hover {border-bottom: 1px solid rgba(0,0,0,0.35);}
.allNav .grab > ul > li > ul {margin-top: 25px;}
.allNav .grab > ul > li > ul > li {}
.allNav .grab > ul > li > ul > li a {letter-spacing: -1px;font-family: 'notokr-light';font-size: 1.2em;line-height: 1.2;display: block;color: rgba(255,255,255,0.85);padding: 12px 0;}
/* .allNav .grab > ul > li > ul > li a:hover {font-family: 'notokr-bold'; font-size:1.45em;} */
.allNav .grab > ul > li > ul > li a:hover {color:red!important;}
.allNav .closebtn {position: absolute;top: 20px; right: 45px; font-size: 42px; color:#fff;}
.allNav .closebtn:hover {opacity:0.45;}



/* width */
#container {}
.grab {width:1260px; margin:0 auto; clear:both;}


/* mail send */
.mail-send-Wrap {height: 100%; width: 40%; display:none; position: fixed; z-index: 120; top: 0; right: 0; background-color: #fff; overflow-x: hidden; transition: 0.5s;}
.mail-send-Wrap form {padding: 60px 55px 0px;}
.mail-send-Wrap .closebtn {position: absolute; top: 30px; right: 35px; font-size: 36px; margin-left: 50px;color: #cacaca;}
.mail-send-Wrap .closebtn:hover {color:#777;}
.mail-send-Wrap .form-head {margin-bottom: 75px;}
.mail-send-Wrap .form-head h2 {font-size: 16px;color: #bababa;letter-spacing: 6px;font-family: 'notokr-light';margin-bottom: 5px;}
.mail-send-Wrap .form-head strong {font-size: 46px;letter-spacing: -2px;font-family: 'notokr-thin';color: #000;}
.mail-send-Wrap .form-input {border-top: 1px solid #e5e5e5;margin-bottom: 45px;}
.mail-send-Wrap .form-input .form-group {padding: 11px;border-bottom: 1px solid #e5e5e5;overflow: hidden;}
.mail-send-Wrap .form-input .form-group:hover, .mail-send-Wrap .form-input .form-group:focus {border-bottom:1px solid #d90917;}
.mail-send-Wrap .form-input .form-group .form-tit {font-size: 16px;color: #000;font-family: 'notokr-medium';float: left;display: inline-block;vertical-align: top;width: 12%; background:url(../images/common/mail-send-dot.png) no-repeat;background-position: left 7px;padding: 8px 10px 8px 20px;}
.mail-send-Wrap .form-input .form-group .form-control {float: left;width: 80%;border: 0;padding: 10px 10px 8px; resize : none;font-size: 15px;font-family: 'notokr-light';color: #707070;overflow-y: auto;}
.mail-send-Wrap .form-notice {}
.mail-send-Wrap .form-notice li {font-size: 13px;color: #b0b0b0;line-height: 1.8;}
.mail-send-Wrap .form-notice .tit {font-size: 15px;color: #777;font-family: 'notokr-medium';margin-bottom: 7px;}
.mail-send-Wrap .form-btn {margin-top: 45px;}
.mail-send-Wrap .form-btn .btn-check {}
.mail-send-Wrap .form-btn .btn-spend {display: block;text-align: center;color: #000;font-size: 18px;font-family: 'notokr-medium';border: 1px solid #cdcdcd;padding: 15px;border-radius: 2px;}
.mail-send-Wrap .form-btn .btn-spend:hover {background: rgba(217, 9, 23, 0.9); border-color: rgba(217, 9, 23, 0.9); color: #fff; /* border-radius: 100px; */}
#mail-send-bg {transition: margin-left .5s; padding: 16px; position: fixed; z-index: 1; height: 100%; width: 100%; left: 0; background: rgba(0,0,0,0.7); display: none;}


/* Top */
a.top {position: fixed; right: 40px; bottom: 40px; display: none; z-index: 20; background: #000; padding: 10px 8px; color: #fff; font-size: 11px; font-weight: bold; letter-spacing: 1px; border: 30px !important; display: inline-block;}


/* sub */
.sub-visual, .sub-visual .bg-animation-wrap {height: 300px;}
.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 .zoomin {background:url(../images/contents/sub-visual-1.jpg) no-repeat; background-position: center; background-size:cover;}
.sub-visual-2 .zoomin {background:url(../images/contents/sub-visual-2.jpg) no-repeat; background-position: center; background-size:cover;}
.sub-visual-3 .zoomin {background:url(../images/contents/sub-visual-3.jpg) no-repeat; background-position: center; background-size:cover;}
.sub-visual-4 .zoomin {background:url(../images/contents/sub-visual-4.jpg) no-repeat; background-position: center; background-size:cover;}
.sub-visual-5 .zoomin { background: url(../images/contents/sub-visual-5.jpg) no-repeat; background-position: center; background-size: cover;}
.sub-visual-6 .zoomin { background: url(../images/contents/sub-visual-6.jpg) no-repeat; background-position: center; background-size: cover;}


.sub-visual .grab {position: relative; height: 100%;z-index: 1;}
.sub-visual .head {text-align: center;padding-top: 150px;}
.sub-visual .head p {font-family: 'notokr-thin';font-size: 40px;letter-spacing: -2px;line-height: 1.3;color: #fff;}
.sub-visual .head p strong {letter-spacing: 0;font-size: 1.1em;font-family: 'notokr-bold';}
.sub-visual .info {position: absolute;left: 0;bottom: 0;width: 100%;line-height: 80px;border-top: 1px solid rgba(255,255,255,0.2);}
.sub-visual .info .tit {font-size: 27px;font-family: 'notokr-medium';letter-spacing: -0.95px;color: #fff;float: left;}
.sub-visual .info .location {float: right;}
.sub-visual .info .location li {display: inline-block;font-size: 14px;letter-spacing: -0.5px;color: rgba(255,255,255,0.60);padding-left: 23px; background:url(../images/common/sub-location-arr.png) no-repeat; background-position:8px center;}
.sub-visual .info .location li:first-child {background:none;}
.sub-visual .info .location li.active {color: #fff;}


/* ?�사?�개*/


.sub-cont {transition: 1s;}
.sub-cont {max-width: 1260px; margin: 100px auto 150px auto; }
.intro-slogan-box end {text-align: center; margin-bottom: 150px;}
.sub-cont .sub-tit {text-align: center; padding: 80px 0 55px; font-size: 30px; letter-spacing: -2px; color: #000; }
.sub-cont .sub-tit span  {font-size: 40px; font-weight: bold; padding-bottom: 20px; line-height: 2em;}
.sub-cont .sub-txt_normal {text-align: center; font-size: 17px; color:#555; line-height: 1.75em; padding-bottom: 50px;}
.sub-tit  .sub-tit-10 {background:url(../images/common/sbu-tit-10.jpg) no-repeat; background-position: bottom; }

.sub-cont {max-width:1260px; margin:0 auto 150px auto;}
.sub-cont:not(.wide) .sub-back-gray.wht{margin-top:-100px;}
.sub-cont.wide {max-width:100%;}
.sub-cont.m100 {margin-bottom:100px;}

.sub-contr.wide.margin{margin-top:100px;margin-bottom:100px;}
@keyframes inner {
	0% {transform:translateY(100px);opacity:0;}
	100% {transform:translateY(0);opacity:1;}}
	

.sub-contents-inner {width: 100%;}
.sub-back {background:url(../images/contents/sub-bg-img.jpg) center top no-repeat;background-attachment:fixed; background-size:cover; height:300px; }

.sub-cont .sub_p {padding-bottom: 20px; }
.sub_contents_bg .grab.caption_info {padding:60px 0px;}
.sub_contents_bg .grab.caption_info  h4 {font-size: 30px; color:#fff; font-weight: bold; padding-bottom: 15px;text-align: center;}
.sub_contents_bg .grab.caption_info .fieldlist ul li strong { color:#fff; font-size: 22px;}
.sub_contents_bg .grab.caption_info .fieldlist ul li span { color:#fff; font-size: 15px;}

.sub_contents_bg .fieldlist ul li:nth-child(1) {background-image: url(../images/contents/intro-service-1.png);}
.sub_contents_bg .fieldlist ul li:nth-child(2) {background-image: url(../images/contents/intro-service-2.png);}
.sub_contents_bg .fieldlist ul li:nth-child(3) {background-image: url(../images/contents/intro-service-3.png);}
.sub_contents_bg .fieldlist ul li:nth-child(4) {background-image: url(../images/contents/intro-service-4.png);}
.sub_contents_bg .fieldlist ul li:nth-child(5) {background-image: url(../images/contents/intro-service-5.png);}

.sub-cont .grab.table {padding-top: 50px;}





/* CEO?�사�?*/
.sub-cont .greeting-cont {width: 100%; height: 650px; text-align: center;}
.sub-cont .greeting {background: url(../images/contents/ceo-img.jpg) no-repeat; background-size: 40%;}
.sub-cont .greeting {width: 100%; display: flex; flex-direction: row; margin-top: 30px;}
.sub-cont .txt-grab {width: 50%;}
.sub-cont .ceo-img {width: 50%; text-align: center;  height: 500px;}
.sub-cont .sub-tit-g1 {font-size: 28px; letter-spacing: -1.7px; color: #000; text-indent: -0.4em;}
.sub-cont .sub-txt-g1 {padding-top: 30px; font-size: 17px; color:#555; line-height: 1.75em; padding-bottom: 70px;}
.greeting-cont > ul img {width:100%;}
.greeting-cont > ul {
	display:inline-block;
	width:40%;
	margin-top:20px;
	margin-bottom:20px;
	margin-right:5%;
	vertical-align: top;
	text-align: left;
}

@media (max-width:991px) {
	.greeting-cont > ul img {
		width:80%;
	}
	.greeting-cont > ul {
		width:100%;
		margin-right:0;
		text-align: center;
	}
	
	#nav .menu {top: 5px; }
	.allNav .closebtn {z-index: 9999;right: 20px;top: 0px;}
	.header h1 img { width:100px;}
	.header h1 {left: 12px;top: 8px;}
	
}



/* ?�혁 history */

/* left */
.page-history .info_history {width:100%;}
.page-history .info_history::after {clear: both;}
.page-history .info_history .tit {position:relative; width:calc(50% + 1px); padding-right:90px; border-right:0px; color:#d90917; font-size:32px;}
.page-history .info_history ul {position:relative; padding:9px 0;}
.page-history .info_history ul li {width:100%; color:#515151; text-align:right; font-size:16px;}
.page-history .info_history ul li::after {content:""; display:block; clear:both; overflow:hidden;}
.page-history .info_history ul li span {float:right; padding-left: 12px; color:#555; }
.page-history .info_history ul li p {float:right; width:90%;}
.page-history .info_history ul li > ul li {margin-top:18px; overflow:hidden;}
.page-history .info_history ul li > ul li::first-child {margin-top:0;}

/* right */
.page-history .info_history .tit_right {position:relative; left:50%; width:50%; padding-left:90px; border-left:0px; color:#d90917; text-align: left; font-size:32px;}
.page-history .info_history .tit_right ul li {text-align: left;}
.page-history .info_history .tit_right ul li span {float:left; padding:0 12px 0 0; color:#555; }
.page-history .info_history .tit_right ul li p {float:left; width:90%;}

.page-history .info_history .tit::before {content:""; position:absolute; top:15px; right:-9px; width:80px; height:21px; background:url(../images/common/ico_history_info_02.png); background-repeat:repeat; background-size: cover;}
.page-history .info_history .tit_right::before {content:""; position:absolute; top:15px; left:-11px; width:80px; height:21px; background:url(../images/common/ico_history_info_01.png); background-repeat:repeat; background-size: cover;}

.page-history .info_history .line{
	top:0;
	position:absolute;
	display:block;
	width:50%;
	height:100%;
	border-right:1px solid rgb(204, 204, 204);
}




/* ci */

.sub-contents-inner-ci {width:100%; height: 100%; left:0; position:absolute; }
.image-ci {text-align: center;}

.sig-wrap {margin-top:100px; width:100%; display:block;}

.sig-wrap::after {content:''; display: block; clear:both;}
							
.sig-bg {
	position:absolute; left:0; background:url(../images/contents/ci-box-bg.jpg) center top no-repeat;background-attachment:fixed; background-size:cover; width:100%;}
							
.sig-data {
	width:100%; max-width:1260px; margin:0 auto; padding:60px 10px;}
							
.sig-tb {
	display:table; padding-top: 50px;}

.sig-tb p {
	font-size: 19px; font-weight: 500px; color:#fff;}
							
.sig-title p {
	text-align: center; color:#fff; font-weight: 600; font-size: 30px; padding-bottom:15px;}
							
.sig-tb > div {
	display:inline-block; width:calc(25% - 10px); margin-right:-4px;
	margin-left:10px; text-align:center; }

 .sig-title .sub-tit-11 {
	background: url(../images/common/sbu-tit-11.jpg) no-repeat; background-position: bottom;}


.sub-contents-inner-ci-end {text-align: center;}
.sub-contents-inner-ci-end .sub-tit-11 {background: url(../images/common/sbu-tit-11.jpg) no-repeat; background-position: bottom;}
.sub-ci-end h4 {font-size: 30px; color:#333; font-weight: bold; padding-top: 70px;  padding-bottom: 15px;}
.sub-contents-inner-ci-end img {text-align: center; padding-top: 50px;}


/* location */

/* .add-grab {width: 100%; margin: 0; text-align: center; }
.add-left { display: inline-block; border-top: 2px solid #d90917;}
.map-right { display: inline-block; margin-left:5%;}
.add-left dl {position: relative; border-bottom: 1px solid #d1d1d1;
padding: 20px 0 15px 40px; text-align: left;}
.add-left dt {font-size: 18px; font-weight: bold; color:#333; margin-bottom: 7px;}
.add-left img {position: absolute; top: 20px; left: 0; width: 30px;}
.add-left dd {font-size: 16px; color: #515151; line-height: 25px;} */


.location-wrap ul {display:table; width:100%; border-bottom:1px solid #eee;}
.add-grab > ul:nth-child(2) {border-bottom:1px solid #d90917;}
.location-wrap li {display: inline-block; width:50%; text-align: left; padding-left:50px;}

.location-wrap .location_group{
	display: table-cell;
	vertical-align: middle;
	height:120px; 
}

.location-wrap .location_group > div {position:relative;}

.location-wrap .location_group > div::before {
	content:'';
	position:absolute;
	top:7px;
	left:-45px;
	width:50px;
	height:50px;
	background-repeat: no-repeat;
}

.location-wrap .tit {display:inline-block; width:100%; height:100%; font-weight: bold; font-size:16px; vertical-align: middle;}
.location-wrap .info{display:inline-block; vertical-align: middle; font-size:14px;}

.location-wrap .tel{margin-bottom:0;}
.location-wrap .tel .tit{width:100px;}
.location-wrap .fax .tit{width:100px;}

.location-wrap .addr::before{
	background-image: url(../images/contents/location-icon-01.png);
}
.location-wrap .tel::before{
	background-image: url(../images/contents/location-icon-02.png);
}
/* .location-wrap .fax::before{
	background-image: url(../images/contents/location-icon-03.png);
} */
.location-wrap .subway::before{
	background-image: url(../images/contents/location-icon-04.png);
}
.location-wrap .bus::before{
	background-image: url(../images/contents/location-icon-05.png);
}







/* footer */
.footer {}
.footer .grab {text-align:center;}
.footer .cntTop-wrap {position: absolute;left: 0;bottom: -20px;width: 100%;z-index: 111;}
.footer #cntTop {background:url(../images/common/cntTop.png) no-repeat; display:inline-block; width:63px; height:63px;display: inline-block !important;}
.footer #cntTop:hover {background:url(../images/common/cntTop_on.png) no-repeat;}
.footer .footer-top {background:url(../images/common/footer-visual.jpg) no-repeat; background-position: bottom; background-size:cover; -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;}
.footer .footer-top:hover {background:url(../images/common/footer-visual.jpg) no-repeat; background-position: top; background-size:cover;}
.footer .footer-top .grab {position: relative; padding-left:15px; padding-right:15px;}
.footer .footer-top .grab:after {display:block; content:""; clear:both;}
.footer .footer-top .f-group {padding: 43px 0;float: left;width: 50%;}
.footer .footer-top .f-group a {color: #fff;display: block;}
.footer .footer-top .f-group a:hover span {opacity:1;}
.footer .footer-top .f-group a strong {display: block;font-size: 10px;text-transform: uppercase;font-family: 'notokr-light';letter-spacing: 5px;margin-bottom: 20px;}
.footer .footer-top .f-group a span {display: block;font-family: 'notokr-light';opacity: 0.6;line-height: 1.5;}
.footer .footer-top .f-contact {text-align: left;}
.footer .footer-top .f-contact a {background:url(../images/common/footer-line.png) no-repeat; background-position:right top;}
.footer .footer-top .f-contact a strong {background:url(../images/common/f-contact-off.png) no-repeat; background-position:left;padding-left: 25px;}
.footer .footer-top .f-request {text-align: right;}
.footer .footer-top .f-request a strong {background:url(../images/common/f-request-off.png) no-repeat; background-position:right;padding-right: 20px;padding-top: 5px;padding-bottom: 5px;}
.footer .footer-bottom {padding-top: 50px;padding-bottom: 50px;}
.footer .footer-bottom b {}
.footer .footer-bottom .f-logo {}
.footer .footer-bottom .f-logo {color: #cdcdcd;font-size: 22px;letter-spacing: 0.5px;}
.footer .footer-bottom .f-copy {font-size: 12px;text-transform: uppercase;letter-spacing: 0.5px;color: #555;}


/* login */
.login {background:url(../images/main/main_visual1.jpg) no-repeat; background-position: center; background-size:cover;display: table;width: 100%;}
.login .bg-animation-wrap .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;}
.login .bg-animation-wrap .zoomin {background:url(../images/main/main_visual1.jpg) no-repeat; background-position: center; background-size:cover;}
.box_login {padding:80px 0;position: relative;z-index: 1;display: table-cell;vertical-align: middle;}
.box_login .grab {max-width: 480px; background:#fff; margin: 0 auto; padding:50px 50px 40px; box-shadow: 0 1px #cbcbcb;border-radius: 3px;box-shadow: 1px 3px 3px rgba(0,0,0,0.3);}
.box_login .head {text-align:center; margin-bottom:30px;}
.box_login .head .Subtit {color:#005aae; margin-bottom:5px;}
.box_login .head span {display:block; font-size: 1.1em; color: #999;}
.box_login .body .input-box {width: 100%; height: 50px; padding: 6px 15px; border: none; border-radius: 3px; box-shadow: none; background: #f8f8f8; position:relative;font-size: 15px;margin: 6px 0;border: 1px solid #e2e2e2;}
.box_login .body .input-box:hover, .box_login .body .input-box:active, .box_login .body .input-box:focus {background: #fff; border: 1px solid #999;}
.box_login .body .check {color: #7f7f7f;font-size: 14px;font-weight: normal;margin-top: 7px;}
.box_login .body .check label {vertical-align: middle;}
.box_login .body .check input {display: inline-block; margin-right: 7px;vertical-align: middle;}
.box_login .body .btn_blue {display:block; width:100%; margin-top:20px; text-align:center;border-radius: 3px;}



/* 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);}
}



/**** 모바??****/
 @media (max-width:767px) {
	
	
	.header {height: 60px;}

	
	#nav {top: 0; right: 20px;}
	#nav ul li.gnb1, #nav ul li.gnb2, #nav ul li.gnb3, #nav ul li.gnb4 {display:none;}
	

	.allNav .grab {top: 0; padding: 0 25px;}
	.allNav .grab > ul > li {float: none; width: 100%; text-align: left;padding-bottom: 15px;border-bottom: 1px solid rgba(255,255,255,0.25);margin-bottom: 15px;}
	.allNav .grab > ul > li > a {font-size: 20px; padding-bottom: 5px;border: 0;}
	
	.allNav .grab > ul > li > ul {margin-top: 0px;}
	.allNav .grab > ul > li > ul > li {display: inline-block;}
	.allNav .grab > ul > li > ul > li a {padding: 0;line-height: 1.6;font-size: 16px;margin-right: 15px;letter-spacing: -0.5px;} 
	
	.grab {width:100%;padding-left: 15px;padding-right: 15px;}
	
	.mail-send-Wrap {width:100%;}
	.mail-send-Wrap form {padding:30px;}
	.mail-send-Wrap .form-head {margin-bottom: 30px;}
	.mail-send-Wrap .form-head strong {font-size: 30px;}
	.mail-send-Wrap .form-head h2 {font-size:12px;}
	.mail-send-Wrap .form-input {margin-bottom:20px;}
	.mail-send-Wrap .form-input .form-group {padding:5px;}
	.mail-send-Wrap .form-input .form-group .form-tit {font-size: 14px; width: 20%;}
	.mail-send-Wrap .form-input .form-group .form-control {font-size: 14px;}
	.mail-send-Wrap .form-notice .tit {font-size: 13px;margin-bottom: 3px;}
	.mail-send-Wrap .form-btn {margin-top:20px;}
	.mail-send-Wrap .form-btn .btn-spend {padding: 13px;font-size: 14px;}
	
	.sub-visual .head {padding-top: 88px;}
	.sub-visual .head p {font-size: 22px;}
	.sub-visual, .sub-visual .bg-animation-wrap {height: 230px;}
	.sub-visual .info {line-height: 50px; padding-left:15px; padding-right:15px;}
	.sub-visual .info .tit {font-size: 18px;}
	.sub-visual .info .location li {font-size: 12px;}

	.sub-cont .sub-txt_normal {font-size: 14px;}
	.sub-cont .sub-tit {font-size: 18px;padding: 30px 0 35px;letter-spacing: -0.5px;}
	.sub-cont .sub-tit-2 {font-size: 18px;margin-bottom: 15px;margin-top: 35px;}
	.sub-cont .sub-tit span {font-weight: bold; font-size: 24px;}
	
	.sub-cont .content {padding-bottom: 25px;}
	.wide-gray {padding: 35px 0 !important;margin-top: 35px !important;}
	
	.intro-business {margin-top: auto; display: block; padding-top: 30px;}
	.intro-business .intro-overview {padding: 15px; width: 100%; height:70px; text-align: left;}
	.intro-business .intro-overview dt {text-align: left; margin-left: 85px; color: #d90917; font-weight: 500; font-size: 14px;}
	.intro-business .intro-overview P {margin-top: -85px; padding-top: 30px; transform: scale(0.7)}
	.intro-business .intro-overview icon02 dl {position: relative;}
	.intro-business .intro-overview img {position: absolute; top: 30px; }
	.intro-business .intro-overview P img {width: 85%;}
	.intro-business .intro-overview .style_1 img {position: absolute; top: 43px; }
	.intro-business .intro-overview dd {margin-top: 5px; text-align: left; padding-left: 85px; }
	.intro-business .intro-overview dd > span {font-size: 20px; font-weight: 600;}
	.intro-business .intro-overview dl {margin-bottom: -45px;}
	.intro-caption h4 {font-size: 24px;}
	 
	.sub-cont .greeting {background: url(../images/contents/ceo-img.jpg) no-repeat; background-position: center; background-size:cover; position: relative; top: -150px; }
	.sub-cont .greeting {width: 100%; display: block; background-size: 70%;}
	.sub-cont .txt-grab {width: 100%; }
	.sub-cont .txt-grab {position: relative; top: 410px;}
	.sub-cont .ceo-img {width: 100%;  height: 0px;}
	.sub-cont .greeting ul {text-align: center;}
	.sub-cont .sub-tit-g1 {font-size: 21px;}
	.sub-cont .sub-txt-g1 {font-size: 14px;}
	
	.sub_contents_bg .grab.caption_info h4 {font-size: 24px;}
	.sub_contents_bg .grab.caption_info {padding-top: 50px;}
	.sub_contents_bg .fieldlist ul { margin-top: 60px;}
	
	.sub_contents_bg .fieldlist ul li {padding: 50px 10px 0; text-align: center;}
	.sub_contents_bg .grab.caption_info .fieldlist ul li span {display: none;}
	.sub_contents_bg .grab.caption_info .fieldlist ul li strong {text-align: center; font-size: 14px;}
	
	.sub_contents_bg .fieldlist ul li:nth-child(1) {background-size: 43px;}
	.sub_contents_bg .fieldlist ul li:nth-child(2) {background-size: 30px;}
	.sub_contents_bg .fieldlist ul li:nth-child(3) {background-size: 35px;}
	.sub_contents_bg .fieldlist ul li:nth-child(4) {background-size: 35px;}
	.sub_contents_bg .fieldlist ul li:nth-child(5) {background-size: 32px;}

	.sig-tb > div{width:calc(50% - 10px);}
	.sig-tb > div p {padding-bottom: 25px; font-size: 16px;}
	.sig-title > p {padding-bottom: 12px; font-size:24px; font-weight:bold;}
	.sub-ci-end h4 {font-size:24px; font-weight:bold;}
	.sub-ci-end > p {padding-bottom: 0px;}
	 
	.page-history .info_history {width:100%;}
	.page-history .info_history .tit {font-size:25px;}
	.page-history .info_history .tit_right {font-size:25px; padding-top: 6px; width:100%; left:0; padding-left:10px; margin-top:40px;}
	.page-history .info_history ul li {font-size:13px;}
	.page-history .info_history ul li > ul li {margin-top:10px;}
	.page-history .info_history .tit_right ul li p {float:left; padding-bottom: 0px;}
	.page-history .info_history ul li p {float:right; padding-bottom: 0px;}
	.page-history .info_history .tit {width:100%; padding-right:10px; padding-top: 6px; margin-top:40px;}
	.page-history .info_history::after {clear: both;}
	.page-history .info_history .tit_right strong {padding-left:90px;}
	.page-history .info_history .tit strong{ padding-right : 90px;}
 	.page-history .info_history .line{
		top:0;
		position:absolute;
		display:block;
		width:100%;
		height:100%;
		border-left:1px solid rgb(204, 204, 204);
		border-right:1px solid rgb(204, 204, 204);
	}
	

    .location-wrap ul{border-bottom:0;}
	.location-wrap li{width:100%; border-bottom:1px solid #eee;}
	
	
	.footer {}
	.footer .cntTop-wrap {text-align: right;}
	.footer #cntTop {position: absolute;right: 15px;bottom: 0;}
	.footer .footer-top .f-group {padding: 22px 0 15px;text-align: left;border-bottom: 1px dotted rgba(255,255,255,0.25);float: none;width: 100%;}
	.footer .footer-top .f-contact a {background: none;}
	.footer .footer-top .f-contact a strong, .footer .footer-top .f-request a strong {margin-bottom: 8px;background-position: left;padding-left: 25px;}
	.footer .footer-top .f-group a span {font-size: 13px;}
	.footer .footer-bottom {padding-top: 15px;padding-bottom: 20px;}
	.footer .footer-bottom .f-logo {font-size: 14px;}
	.footer .footer-bottom .f-copy {font-size: 11px;}
	
 }
 
 
@media (min-width:280px) and (max-width:480px) {
	
	.sub-visual .head {padding-top: 93px;}
	.sub-visual .head p {font-size: 18px; font-family: 'notokr-light';}
	.sub-visual .info .location {display:none;}
	
	
}


/**** ?�블??****/
@media (min-width:768px) and (max-width:991px) {
	
	.header {height: 60px;}
/* 	.header h1 {top: 12px; left: 15px;} */
/* 	.header .menu {right: -5px; top: -5px;} */
	
	#nav {top: 0; right: 20px;}
	#nav ul li.gnb1, #nav ul li.gnb2, #nav ul li.gnb3, #nav ul li.gnb4 {display:none;}
	.allNav .grab > ul > li > a {font-size: 1.8em;}
	
	.grab {width:740px;padding-left: 15px;padding-right: 15px;}
	
	.mail-send-Wrap {width:100%;}
	.mail-send-Wrap form {padding: 50px 50px 30px;}
	.mail-send-Wrap .form-head {margin-bottom: 40px;}
	.mail-send-Wrap .form-head strong {font-size: 38px;}
	.mail-send-Wrap .form-head h2 {font-size:14px;}
	.mail-send-Wrap .form-input {margin-bottom:35px;}
	.mail-send-Wrap .form-input .form-group {padding:8px;}
	.mail-send-Wrap .form-btn {margin-top:35px;}
	.mail-send-Wrap .form-btn .btn-spend {padding: 17px;font-size: 16px;}
		
	.sub-cont .sub-tit {font-size: 22px;padding: 50px 0 35px;}
	.sub-cont .sub-tit-2 {font-size: 22px;margin-top: 55px;}
	.sub-cont .sub-tit span {font-weight: bold; font-size: 28px;}
	.sub-cont .sub-txt {font-weight: bold; font-size: 28px;}
	.sub-cont .sub-txt_normal {font-size: 15px;}
	.sub_contents_bg .grab.caption_info h4 {font-size: 28px;}
	.sub_contents_bg .grab.caption_info {padding-top: 60px;}
	.sub_contents_bg .grab.caption_info .fieldlist ul li strong {font-size: 18px;}
	.sub_contents_bg .grab.caption_info .fieldlist ul li span {font-size: 15px;}
	.sub_contents_bg .fieldlist ul li {padding: 80px 15px 0;}
	.sub_contents_bg .fieldlist ul li:nth-child(1) {background-size: 60px;}
	.sub_contents_bg .fieldlist ul li:nth-child(2) {background-size: 40px;}
	.sub_contents_bg .fieldlist ul li:nth-child(3) {background-size: 52px;}
	.sub_contents_bg .fieldlist ul li:nth-child(4) {background-size: 50px;}
	.sub_contents_bg .fieldlist ul li:nth-child(5) {background-size: 47px;}

	
	
	.sub-visual .head {padding-top: 132px;}
	.sub-visual .head p {font-size: 32px;}
	.sub-visual, .sub-visual .bg-animation-wrap {height: 340px;}
	.sub-visual .info {line-height: 70px;}
	.sub-visual .info .tit {font-size: 23px;}
	
	.intro-business {padding-top: 30px;}
	.intro-business dt {color: #d90917; font-weight: 500; font-size: 14px;}
	.intro-business dd {margin-top: 12px;}
	.intro-business dd > span {font-size: 20px; font-weight: 600;}
	.intro-caption h4 {font-size: 26px;}
	
	.sub-cont .content {padding-bottom: 50px;}
	.sub-cont .sub-tit-g1 {font-size: 23px;}
	.sub-cont .sub-txt-g1 {font-size: 15px;}
	
	.sig-tb > div p {font-size: 17px;}
	.sig-title > p {font-size:28px; font-weight:bold;}
	.sub-ci-end h4 {font-size:28px; font-weight:bold;}
	
	.page-history .info_history .tit {font-size:27px;}
	.page-history .info_history .tit_right {font-size:27px; padding-top: 6px;}
	.page-history .info_history ul li {font-size:14px;}
	.page-history .info_history .tit {padding-top: 6px;}
	
	.wide-gray {padding: 60px 0 !important;margin-top: 50px !important;}
	
	.footer .footer-top .f-group {padding: 25px 0;}
	.footer .footer-top .f-contact a strong, .footer .footer-top .f-request a strong {margin-bottom: 15px;}
	.footer .footer-top .f-group a span {font-size: 14px;}
	.footer .footer-bottom {padding-top: 25px;padding-bottom: 30px;}
	.footer .footer-bottom .f-logo {font-size: 16px;}
	.footer .footer-bottom .f-copy {font-size: 11px;}
	
}


/**** ?�스?�탑 ****/
@media (min-width:992px) and (max-width:1100px){
	 
/* 	.header h1 {left: 18px; top: 25px;} */
	#nav {right:13px;}
	
	.grab {width:970px;}
	.wide-gray {}
	
	.mail-send-Wrap {width:60%;}
	.mail-send-Wrap form {padding: 40px;}
	.mail-send-Wrap .form-head {margin-bottom: 30px;}
	.mail-send-Wrap .form-head strong {font-size: 38px;}
	.mail-send-Wrap .form-head h2 {font-size:14px;}
	.mail-send-Wrap .form-input {margin-bottom:30px;}
	.mail-send-Wrap .form-input .form-group {padding:8px;}
	.mail-send-Wrap .form-btn {margin-top:30px;}
	
	.sub-visual .head p {font-size: 36px;}
	.sub-cont .sub-tit {font-size: 28px;padding: 60px 0 40px;}
	.sub-cont .sub-tit-2 {;margin-top: 60px;}
	.sub-cont .sub-tit span {font-size:34px; font-weight: bold; }
	.sub-cont .content {padding-bottom: 50px;}
	
	
	.sub-cont .sub-tit-g1 {font-size: 25px;}
	.sub-cont .sub-txt-g1 {font-size: 16px;}
	
	.sub_contents_bg .grab.caption_info h4 {font-size: 28px;}
	.sub_contents_bg .grab.caption_info {padding-top: 70px;}
	.sub_contents_bg .grab.caption_info .fieldlist ul li strong {font-size: 18px;}
	.sub_contents_bg .grab.caption_info .fieldlist ul li span {font-size: 15px;}
	
	
	

	.intro-business dt {color: #d90917; font-weight: 500; font-size: 15px;}
	.intro-business dd > span {font-size: 24px; font-weight: 600;}
	.intro-caption h4 {font-size: 28px;}
	
	
	
	
	.page-history .info_history .tit {font-size:29px;}
	.page-history .info_history .tit_right {font-size:29px; padding-top: 5px;}
	.page-history .info_history ul li {font-size:14px;}
	.page-history .info_history .tit {padding-top: 5px;}
	
	.footer .footer-bottom {padding: 35px 0;}
	.footer .footer-top .f-group {padding: 30px 0;}
	.footer .footer-top .f-group a span {}
	
	
	 
 }
 
 
@media (min-width:1101px) and (max-width:1280px){
	 
	.grab {width:1080px;}
	
	.mail-send-Wrap {width:55%;}
	.mail-send-Wrap form {padding: 40px;}
	 
 }

 
@media (min-width:1281px) and (max-width:1480px){
	 
	.grab {width:1180px;}
	
	.mail-send-Wrap {width:50%;}
	.mail-send-Wrap form {padding: 50px 45px;}
	.form-head {margin-bottom: 40px;}
	.mail-send-Wrap .form-input {margin-bottom: 30px;}
	.mail-send-Wrap .form-btn  {margin-top: 25px;}
	 
 }
 
 
 
 
 
 
 
 

/* head fixed */
.header.off {
	position:absolute;
}

.sub_pageinfo.off {
	position: fixed!important;
	top:0;
}	


/* ================================================== */
/* ?�업?�개 */
/* ================================================== */

 /* 공통 */
 .sub-tit-11 { background: url(../images/common/sbu-tit-11.jpg) no-repeat; background-position: bottom; margin-bottom: 30px;}
 .linebar { background: url(../images/contents/linebar01.png) no-repeat; background-position: bottom;}
 .widegray { background: #f6f8fa; padding-bottom: 50px; width: 100%;}
 .widegray1 { background: #f6f8fa; padding-bottom: 120px; width: 100%;}



/* business */
.sub_business { width: 100%;}
.service_intro_wrap { padding: 110px 0 230px; position: relative; text-align: center; margin-top: -20px;}

.circle_wrap { display: table; margin: 0 auto; background: #fff1f0; padding: 16px; border-radius: 50%; border: 40px solid #fdefef;}
.circle_wrap h3 { color: #df281d; font-size: 24px; background: #fff; width: 220px; height: 220px; border-radius: 50%; padding: 49px 0; border: 33px solid #fddad8; margin: 0; font-weight: 600;}

.service_intro_wrap .txt_box { position: absolute; top: 50%;}
.service_intro_wrap .txt_box:after { content: ""; height: 1px; background: #df281d; position: absolute; top: 20px;}
.service_intro_wrap .txt_box.left { right: 50%; margin-right: 300px;}
.service_intro_wrap .txt_box.right { left: 50%; margin-left: 300px;}
.service_intro_wrap .txt_box.center {
	left: 50% ;
	margin: 253px 0 0;
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.service_intro_wrap .txt_box.left:after { left: 100%; margin-left: 47px;}
.service_intro_wrap .txt_box.right:after { right: 100%; margin-right: 47px;}
.service_intro_wrap .txt_box.center:after { width: 1px; height: 35px; top: -85px; left: 50%;}

.service_intro_wrap .txt_box.box01,
.service_intro_wrap .txt_box.box02 {
	margin-top: -235px;
}

.service_intro_wrap .txt_box.box03,
.service_intro_wrap .txt_box.box04 {
	margin-top: -25px;
}

.service_intro_wrap .txt_box.box01:after,
.service_intro_wrap .txt_box.box02:after {
	width: 110px;
}

.service_intro_wrap .txt_box.box03:after,
.service_intro_wrap .txt_box.box04:after {
	width: 38px;
}

.service_intro_wrap .txt_box dt { width: 290px; margin: 0 auto 20px; position: relative;}
.service_intro_wrap .txt_box dt a { display: block; font-size: 20px; font-weight: 600; height: 42px; line-height: 42px; border-radius: 40px;}

.service_intro_wrap .txt_box.box01 dt a,
.service_intro_wrap .txt_box.box02 dt a {
	color: #333;
	background: #fcddda;
}

.service_intro_wrap .txt_box.box03 dt a,
.service_intro_wrap .txt_box.box04 dt a {
	color: #333;
	background: #ffbcb9;
}

.service_intro_wrap .txt_box.box05 dt a {
	color: #333;
	background: #fd9892;
}

.service_intro_wrap .txt_box dt:before {
	content: '';
	width: 7px;
	height: 7px;
	position: absolute;
	top: 50%;
	margin-top: -4px;
	border-radius: 50%;
	background: #df281d;
}

.service_intro_wrap .txt_box dt:after {
	content: '';
	width: 17px;
	height: 17px;
	position: absolute;
	top: 50%;
	margin-top: -10px;
	border-radius: 50%;
	border: 1px solid #df281d;
}

.service_intro_wrap .txt_box.left dt:before { left: 100%; margin-left: 55px;}
.service_intro_wrap .txt_box.left dt:after { left: 100%; margin-left: 49px;}
.service_intro_wrap .txt_box.right dt:before { right: 100%; margin-right: 55px;}
.service_intro_wrap .txt_box.right dt:after { right: 100%; margin-right: 49px;}
.service_intro_wrap .txt_box.center dt:before { margin: -4px 0 0 -3px; top: -40px; left: 50%;}
.service_intro_wrap .txt_box.center dt:after { margin: -10px 0 0 -9px; top: -40px; left: 50%;}
.service_intro_wrap .txt_box dd { font-size: 16px; color: #555;}
.service_intro_wrap .txt_box .img { position: absolute; top: -26px;}
.service_intro_wrap .txt_box .img { width: 90px; vertical-align: top;}
.service_intro_wrap .txt_box.box01 .img { right: -246px;}
.service_intro_wrap .txt_box.box02 .img { left: -246px;}
.service_intro_wrap .txt_box.box03 .img { right: -173px;}
.service_intro_wrap .txt_box.box04 .img { left: -173px;}
.service_intro_wrap .txt_box.box05 .img { top: -175px; left: 50%; margin-left: -45px;}
.service_intro_wrap .txt_wrap .txt_box.left { animation: ani-Fadein-right 1s both;}
.service_intro_wrap .txt_wrap .txt_box.right { animation: ani-Fadein-left 1s both;}
.service_intro_wrap .txt_wrap .txt_box.center {animation:ani-Fadein-up1 1s both;}

.aideep { width: 100%; text-align: center; margin-top: 100px;}
.aideep ul li { width: 33%; display: inline-block; margin-top: -23px; }
.aideep  h4 { font-size: 30px; color: #333; font-weight: bold; padding-top: 90px; padding-bottom: 13px;}
.aideep .ulgroup h4 { font-size: 19px; color: #333; font-weight: bold; padding-bottom: 20px; }
.aideep .ulgroup img { margin: 50px auto;}
.aideep .ulgroup ol li { display: inline; font-size: 16px; line-height: 30px;}
.aideep.ul li div { animation: ani-Fadein-up 1s both;}


/* WizPass */

.sub-cont .sub_txt_01 { text-align: center; font-size: 18px; color: #555; line-height: 1.75em; padding-bottom: 70px;}

.listwarp { overflow: hidden; animation: ani-Fadein-up 2s both; width: 100%;}
.listwarp dl { float: left; height: 450px; width: 32.1%; margin: 0.74%; border: 1px #e8e8e8 solid; text-align: center; font-size: 21px; padding: 250px 30px 20px;}
.listwarp > dl:first-of-type { margin-left: 0;}
.listwarp dd { font-size: 17px; color: #555; margin-top: 20px; line-height: 1.5em; clear: both;}

.listwarp .listwarp_garp01 {
	border-top: 3px #df281d solid;
	background: url(../images/contents/list_img01.png) no-repeat;
	background-position: 50% 45px;
}

.listwarp .listwarp_garp02 {
	border-top: 3px #fc6021 solid;
	background: url(../images/contents/list_img02.png) no-repeat;
	background-position: 50% 45px;
}

.listwarp .listwarp_garp03 {
	border-top: 3px #f59d3e solid;
	background: url(../images/contents/list_img03.png) no-repeat;
	background-position: 50% 45px;
}

.listwarp_garp01 .tit_color01 { color: #df281d;}
.listwarp_garp02 .tit_color02 { color: #fc6021;}
.listwarp_garp03 .tit_color03 { color: #f59d3e;}

.pointlist.ani-start .listwarp dl { animation: ani-Fadein-up 1s both;}



/* sub tab */

.submenu_tab { margin-top: 100px;}

.submenu_tab ul li {
	width: calc(50% - 4px);
	text-align: center;
	height: 60px;
	padding: 10px 0;
	line-height: 40px;
	cursor: pointer;
	display: inline-block;
	color: #555;
	font-size: 18px;
}

.submenu_tab.tab5 ul li { width: calc(20% - 4px);}

ul.tabs li { background: none; background: #f1f3f7;}
ul.tabs li.current { background: #df281d; color: #fff;}

.tab-content { display: none; width: 100%; text-align: center;}
.tab-content .tab_img { padding: 5% 0; border-bottom: 1px #eee solid;}
.tab-content.current { display: inherit;}
.tab_cont { overflow: hidden; animation: ani-Fadein-up 2s both; width: 100%;}
.tab_cont h4 { font-size: 30px; color: #333; font-weight: bold; padding-top: 100px; padding-bottom: 15px;}
.tab_cont dl { float: left; width: 32.1%; margin: 0.74%; margin-top: 30px;}
.tab_cont > dl:first-of-type { margin-left: 0;}
.tab_cont dt { border-radius: 100px; height: 50px; margin-bottom: 25px; font-size: 18px; color: #fff; padding-top: 12px;}
.tab_cont .tab_cont01 { background-color: #df281d;}
.tab_cont .tab_cont02 { background-color: #fc6021;}
.tab_cont .tab_cont03 { background-color: #f59d3e;}
.tab_cont .tab_cont04 { background-color: #ffc864;}
.tab_cont dd {
	background: url(../images/contents/list-type-2.png) no-repeat;
	background-position: left 9.5px;
	text-align: left;
	padding-left: 10px;
	margin: 0 20px;
	line-height: 25px;
}
.tab_cont .tab_img1 { text-align: center; padding: 30px 0;}
.tab_cont .tab_img1 img { margin-bottom: 30px;}
.tab_cont .tab_img1 p { font-weight: 600; font-size: 18px;}

.submenu_tab .tab_cont dl { animation: ani-Fadein-up 1s both;}

/* WizmGuard */
.listwarp .listwarp_garp04 {
	border-top: 3px #df281d solid;
	background: url(../images/contents/list_img04.png) no-repeat;
	background-position: 50% 45px;
}

.listwarp .listwarp_garp05 {
	border-top: 3px #fc6021 solid;
	background: url(../images/contents/list_img05.png) no-repeat;
	background-position: 50% 45px;
}

.listwarp_garp04 .tit_color01 { color: #df281d;}
.listwarp_garp05 .tit_color02 { color: #fc6021;}


/* WizSign */
.tab-current { width: 100%; background: #df281d; color: #fff;}

.submenu_tab p {
	text-align: center;
	height: 60px;
	padding: 10px 0;
	line-height: 40px;
	cursor: pointer;
	font-size: 18px;
	cursor: default;
}

.listwarp .listwarp_garp06 {
	border-top: 3px #df281d solid;
	background: url(../images/contents/list_img06.png) no-repeat;
	background-position: 50% 45px;
}

.listwarp .listwarp_garp07 {
	border-top: 3px #fc6021 solid;
	background: url(../images/contents/list_img07.png) no-repeat;
	background-position: 50% 45px;
}

.listwarp .listwarp_garp08 {
	border-top: 3px #f59d3e solid;
	background: url(../images/contents/list_img08.png) no-repeat;
	background-position: 50% 45px;
}

.listwarp_garp06 .tit_color01 { color: #df281d;}
.listwarp_garp07 .tit_color02 { color: #fc6021;}
.listwarp_garp08 .tit_color03 { color: #f59d3e;}

/* APTS Chain */
.listwarp .listwarp_garp09 {
	border-top: 3px #df281d solid;
	background: url(../images/contents/list_img09.png) no-repeat;
	background-position: 50% 45px;
}

.listwarp .listwarp_garp10 {
	border-top: 3px #fc6021 solid;
	background: url(../images/contents/list_img10.png) no-repeat;
	background-position: 50% 45px;
}

.listwarp .listwarp_garp11 {
	border-top: 3px #f59d3e solid;
	background: url(../images/contents/list_img11.png) no-repeat;
	background-position: 50% 45px;
}

.listwarp_garp09 .tit_color01 { color: #df281d;}
.listwarp_garp10 .tit_color02 { color: #fc6021;}
.listwarp_garp11 .tit_color03 { color: #f59d3e;}


/* AI-TorSnipe */
.listwarp .listwarp_garp12 {
	border-top: 3px #df281d solid;
	background: url(../images/contents/list_img12.png) no-repeat;
	background-position: 50% 45px;
}

.listwarp .listwarp_garp13 {
	border-top: 3px #fc6021 solid;
	background: url(../images/contents/list_img13.png) no-repeat;
	background-position: 50% 45px;
}

.listwarp .listwarp_garp14 {
	border-top: 3px #f59d3e solid;
	background: url(../images/contents/list_img14.png) no-repeat;
	background-position: 50% 45px;
}

.listwarp_garp12 .tit_color01 { color: #df281d;}
.listwarp_garp13 .tit_color02 { color: #fc6021;}
.listwarp_garp14 .tit_color03 { color: #f59d3e;}


/* ++++++++++++++++++++++++++++++++++++++++

	2021.02.26 ?�브?�이지 추�? css 

++++++++++++++++++++++++++++++++++++++++ */

/* AI-Matcher */
.listwarp .listwarp_garp15 {
	border-top: 3px #df281d solid;
	background: url(../images/contents/list_img15.png) no-repeat;
	background-position: 50% 45px;
}

.listwarp .listwarp_garp16 {
	border-top: 3px #fc6021 solid;
	background: url(../images/contents/list_img16.png) no-repeat;
	background-position: 50% 45px;
}

.listwarp .listwarp_garp17 {
	border-top: 3px #f59d3e solid;
	background: url(../images/contents/list_img17.png) no-repeat;
	background-position: 50% 45px;
}

.listwarp_garp15 .tit_color01 { color: #df281d;}
.listwarp_garp16 .tit_color02 { color: #fc6021;}
.listwarp_garp17 .tit_color03 { color: #f59d3e;}

.listwarp .listwarp_garp20 {
	border-top: 3px #df281d solid;
	background: url(../images/contents/list_img20.png) no-repeat;
	background-position: 50% 45px;
}

.listwarp .listwarp_garp21 {
	border-top: 3px #fc6021 solid;
	background: url(../images/contents/list_img21.png) no-repeat;
	background-position: 50% 45px;
}

.listwarp .listwarp_garp22 {
	border-top: 3px #f59d3e solid;
	background: url(../images/contents/list_img22.png) no-repeat;
	background-position: 50% 45px;
}

.listwarp .listwarp_garp23 {
	border-top: 3px #f59d3e solid;
	background: url(../images/contents/list_img23.png) no-repeat;
	background-position: 50% 45px;
}

.listwarp .listwarp_garp24 {
	border-top: 3px #f59d3e solid;
	background: url(../images/contents/list_img24.png) no-repeat;
	background-position: 50% 45px;
}

.listwarp .listwarp_garp25 {
	border-top: 3px #f59d3e solid;
	background: url(../images/contents/list_img25.png) no-repeat;
	background-position: 50% 45px;
}

.listwarp .listwarp_garp26 {
	border-top: 3px #f59d3e solid;
	background: url(../images/contents/list_img26.png) no-repeat;
	background-position: 50% 45px;
}

.listwarp .listwarp_garp27 {
	border-top: 3px #f59d3e solid;
	background: url(../images/contents/list_img27.png) no-repeat;
	background-position: 50% 45px;
}

.listwarp .listwarp_garp28 {
	border-top: 3px #f59d3e solid;
	background: url(../images/contents/list_img28.png) no-repeat;
	background-position: 50% 45px;
}

.listwarp_garp20 .tit_color01 { color: #df281d;}
.listwarp_garp21 .tit_color02 { color: #fc6021;}
.listwarp_garp22 .tit_color03 { color: #f59d3e;}

/* nav_tab */
.nav_title {}
.nav_title p {line-height: 1.3em; font-size: 35px;text-align: center; padding-bottom: 2.5em;}
.nav_tabs {position: relative; margin-top: 4%; display: flex;}
.nav_tabs:before {content:''; position: absolute; bottom: 0; left: 50%; width: 100vw; transform: translateX(-50%); border-top: 1px solid #e5e5e5;}
.nav_tabs .nav_item {flex: 1 1 auto;}
.nav_tabs .nav_link {padding: 1em .5em; border: 0; color: #333; font-size: 1.111rem; border-bottom: 3px solid transparent; text-align: center; line-height: 1.45; font-weight: 600;}
.nav_tabs .nav_link:hover {border-bottom-color: #e6e6e6; cursor:pointer;}
.nav_tabs .nav_link.active {border-bottom-color: #df281d; color:#df281d; }
.nav_link {display: block;}


/* btn */
.btn_type1 {
	position: relative;
	border: 1px solid #fff;
	display: inline-block;
	text-align: center;
	cursor: pointer;
}

.btn_type1 a {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	color: #333;
}

.btn_type1 a:hover {
	color: #fff;
}

.btn_type1::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 0%;
	height: 100%;
	background-color: rgba(217, 9, 23, 0.9);
	display: block;

	-webkit-transition: all 0.3s ease;
	-khtml-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;

}

.btn_type1:hover::before {

	width: 100%;
	-webkit-transition: all 0.3s ease;
	-khtml-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;

}


.down_btn {
	cursor: pointer;
	margin-top: 40px;
	width: 200px;
	height: 50px;
	line-height: 50px;
	border: 1px solid #ddd!important;
}







/* 콘텐�??�출 관??*/
@keyframes ani-Fadein-up {
	0% { opacity: 0; transform: translateY(20%) }
	100% { opacity: 1; transform: translateY(0) }
}

@keyframes ani-Fadein-up1 {
	0% { opacity: 0; transform: translateY(80%) translatex(-50%) }
	100% { opacity: 1; transform: translateY(0) translatex(-50%) }
}

@keyframes ani-Fadein-bottom {
	0% { opacity: 0; transform: translateY(-10%) }
	100% { opacity: 1; transform: translateY(0) }
}

@keyframes ani-Fadein-left {
	0% { opacity: 0; transform: translatex(10%) }
	100% { opacity: 1; transform: translateX(0) }
}

@keyframes ani-Fadein-right {
	0% { opacity: 0; transform: translatex(-10%) }
	100% { opacity: 1; transform: translateX(0) }
}

@keyframes ani-Up {
	0% { transform: translateY(20%) }
	100% { transform: translateY(0) }
}

@keyframes ani-width {
	0% { width: 0 }
	100% { width: 100% }
}







/**** 모바??****/
@media (max-width:767px) {

	.info_business { padding: 0; }

	.sub-cont p { padding: 0; }
	
	.circle_wrap { margin: 30px auto; }
	.circle_wrap h3 { font-size: 19px; width: 175px; height: 175px; padding: 46px 0; border-width: 21px; }
	.service_intro_wrap .txt_box { position: relative; padding-top: 90px; margin: 0 0 40px !important; }
	.service_intro_wrap .txt_box dt { width: 100%; margin-bottom: 15px; }
	.service_intro_wrap .txt_box dt a { font-size: 16px; height: 40px; line-height: 40px; }
	.service_intro_wrap .txt_box dd { font-size: 14px; }
	.service_intro_wrap { padding: 20px 0 0; }
	
	.service_intro_wrap .txt_box.center { -o-transform: none; -ms-transform: none; -moz-transform: none; -webkit-transform: none; transform: none; }
	.service_intro_wrap .txt_box.left { right: 0; }
	.service_intro_wrap .txt_box.right, .service_intro_wrap .txt_box.center { left: 0; }
	.service_intro_wrap .txt_box dt:before, .service_intro_wrap .txt_box dt:after, .service_intro_wrap .txt_box:after { display: none; }
	.service_intro_wrap .txt_box .img { width: 70px; left: 50% !important; top: 0 !important; right: auto !important; margin-left: -35px; }

	.service_intro_wrap .txt_box.box05 .img { margin-left: -35px;}
	.service_intro_wrap .txt_box.box05{left:50%;}

	
	.aideep h4 { font-size: 24px; padding-top: 80px; }
	.aideep .ulgroup h4 { font-size: 17px; }
	.aideep .ulgroup ol li { font-size: 15px; }
	.aideep .ulgroup img { width: 16%; margin: 28px auto; }
	.aideep ul li { width: 100%; margin: -13px; }
	.sub-cont .sub_txt_01 { font-size: 14px; }
	
	.listwarp dl { font-size: 17px; width: 100%; background-size: 120px!important; padding-top: 170px; margin:0 0 10px 0!important;}
	.support_wrap dl {background-size:inherit!important;}
	
	.listwarp .listwarp_garp01 { height: 340px; background-position: 50% 30px; }
	.listwarp .listwarp_garp02 { height: 320px; background-position: 50% 30px; }
	.listwarp .listwarp_garp03 { height: 320px; background-position: 50% 30px; }
	.listwarp .listwarp_garp04 { height: 350px; background-position: 50% 30px; }
	.listwarp .listwarp_garp05 { height: 320px; background-position: 50% 30px; }
	.listwarp .listwarp_garp06 { height: 340px; background-position: 50% 30px; }
	.listwarp .listwarp_garp07 { height: 340px; background-position: 50% 30px; }
	.listwarp .listwarp_garp08 { height: 340px; background-position: 50% 30px; }
	.listwarp .listwarp_garp09 { height: 340px; background-position: 50% 30px; }
	.listwarp .listwarp_garp10 { height: 350px; background-position: 50% 30px; }
	.listwarp .listwarp_garp11 { height: 340px; background-position: 50% 30px; }
	.listwarp .listwarp_garp12 { height: 350px; background-position: 50% 30px; }
	.listwarp .listwarp_garp13 { height: 320px; background-position: 50% 30px; }
	.listwarp .listwarp_garp14 { height: 320px; background-position: 50% 30px; }
	.listwarp .listwarp_garp20 { height: 350px; background-position: 50% 30px; }
	.listwarp .listwarp_garp21 { height: 320px; background-position: 50% 30px; }
	.listwarp .listwarp_garp22 { height: 320px; background-position: 50% 30px; }
	
	
	.listwarp dd { font-size: 15px; }
	
	.submenu_tab ul li { height: 40px; padding-top: 0; font-size: 15px; }
	.submenu_tab.tab5 ul li { width: calc(50% - 4px); height: 40px; font-size: 13px; }
	.submenu_tab p { height: 50px; padding-top: 5px; font-size: 15px; }
	
	.tab_cont h4 { font-size: 24px; }
	.tab_cont img { width: 60%; }
	.tab_cont .tab_img1 p { font-size: 15px; }
	.tab_cont dl { width: 100%; margin: 20px 0 0; }
	.tab_cont dt { font-size: 17px; padding-top: 7px; margin: 10px 0; }
	.tab_cont dd { font-size: 14px; }
	.tab_cont .tab_cont01 { height: 40px; }
	.tab_cont .tab_cont02 { height: 40px; }
	.tab_cont .tab_cont03 { height: 40px; }
	
	.nav_title p {font-size: 18px;}
	.nav_tabs .nav_link {font-size: 15px; margin-top: 40px;}

}

/**** ?�블??****/
@media (min-width:768px) and (max-width:991px) {
	
	.circle_wrap h3 { font-size: 22px; width: 175px; height: 175px; padding: 42px 0; border-width: 21px; }
	.circle_wrap { padding: 9px; border-width: 28px; }
	.service_intro_wrap { padding: 105px 0 185px; }
	.service_intro_wrap .txt_box img { width: 70px; }
	.service_intro_wrap .txt_box dd { font-size: 14px; word-break: keep-all; }
	.service_intro_wrap .txt_box dt { width: 150px; margin-bottom: 15px; }
	.service_intro_wrap .txt_box dt a { font-size: 18px; height: 40px; line-height: 40px; }
	.service_intro_wrap .txt_box.left { margin-right: 220px; }
	.service_intro_wrap .txt_box.right { margin-left: 220px; }

	.service_intro_wrap .txt_box.box01,
	.service_intro_wrap .txt_box.box02 {
		margin-top: -185px;
	}

	.service_intro_wrap .txt_box.box01:after,
	.service_intro_wrap .txt_box.box02:after {
		width: 85px;
	}

	.service_intro_wrap .txt_box.box03,
	.service_intro_wrap .txt_box.box04 {
		margin-top: 8px;
	}

	.service_intro_wrap .txt_box.box03:after,
	.service_intro_wrap .txt_box.box04:after {
		width: 22px;
	}

	.service_intro_wrap .txt_box.center { margin-top: 190px; }
	.service_intro_wrap .txt_box.left dt:after { margin-left: 10px; }
	.service_intro_wrap .txt_box.right dt:after { margin-right: 10px; }
	.service_intro_wrap .txt_box.left dt:before { margin-left: 16px; }
	.service_intro_wrap .txt_box.right dt:before { margin-right: 16px; }

	.service_intro_wrap .txt_box.center dt:before,
	.service_intro_wrap .txt_box.center dt:after {
		top: -20px;
	}

	.service_intro_wrap .txt_box:after { top: 19px; }
	.service_intro_wrap .txt_box.left:after { margin-left: 29px; }
	.service_intro_wrap .txt_box.right:after { margin-right: 29px; }
	.service_intro_wrap .txt_box.center:after { top: -52px; height: 22px; }
	.service_intro_wrap .txt_box .img { top: -17px; }
	.service_intro_wrap .txt_box.box01 .img { right: -182px; }
	.service_intro_wrap .txt_box.box02 .img { left: -182px; }
	.service_intro_wrap .txt_box.box03 .img { right: -120px; }
	.service_intro_wrap .txt_box.box04 .img { left: -120px; }
	.service_intro_wrap .txt_box.box05 .img { top: -120px; margin-left: -45px }
	
	.aideep h4 { font-size: 26px; }
	.aideep .ulgroup h4 { font-size: 18px; }
	.aideep .ulgroup ol li { font-size: 15px; }
	.aideep ul li { width: 48%; margin: 0; }

	.sub-cont .sub_txt_01 { font-size: 16px; }

	.listwarp dl { font-size: 17px; height: 430px; padding-top: 210px; }
	.listwarp .listwarp_garp01 { background-size: 60%; }
	.listwarp .listwarp_garp02 { background-size: 60%; }
	.listwarp .listwarp_garp03 { background-size: 60%; }
	.listwarp .listwarp_garp04 { background-size: 60%; }
	.listwarp .listwarp_garp05 { background-size: 60%; }
	.listwarp .listwarp_garp06 { background-size: 60%; }
	.listwarp .listwarp_garp07 { background-size: 60%; }
	.listwarp .listwarp_garp08 { background-size: 60%; }
	.listwarp .listwarp_garp09 { background-size: 60%; height: 470px; }
	.listwarp .listwarp_garp10 { background-size: 60%; height: 470px; }
	.listwarp .listwarp_garp11 { background-size: 60%; height: 470px; }
	.listwarp .listwarp_garp12 { background-size: 60%; height: 460px; }
	.listwarp .listwarp_garp13 { background-size: 60%; height: 460px; }
	.listwarp .listwarp_garp14 { background-size: 60%; height: 460px; }
	.listwarp .listwarp_garp20 { background-size: 60%; height: 460px; }
	.listwarp .listwarp_garp21 { background-size: 60%; height: 460px; }
	.listwarp .listwarp_garp22 { background-size: 60%; height: 460px; }
	.listwarp dd { font-size: 15px; }

	.tab_cont h4 { font-size: 26px; }
	.tab_cont dt { font-size: 17px; }
	.tab_cont dd { font-size: 15px; }
	.tab_cont .tab_img1 p { font-size: 16px; }

	.submenu_tab ul li { height: 50px; padding-top: 5px; font-size: 17px; }
	.submenu_tab.tab5 ul li { height: 50px; font-size: 13px; }
	.submenu_tab p { height: 50px; padding-top: 5px; font-size: 17px; }
	
	.nav_title p {font-size: 24px;}
	
}

/**** ?�스?�탑 ****/
@media (min-width:992px) and (max-width:1100px) {
	
	.circle_wrap { padding: 9px; border-width: 28px; }
	.circle_wrap h3 { font-size: 22px; width: 175px; height: 175px; padding: 42px 0; border-width: 21px; }
	

	.service_intro_wrap { padding: 105px 0 185px; }
	.service_intro_wrap .txt_box .img { width: 70px; top: -17px; }
	.service_intro_wrap .txt_box dd { font-size: 14px; word-break: keep-all; }
	.service_intro_wrap .txt_box dt { width: 255px; margin-bottom: 15px; }
	.service_intro_wrap .txt_box dt a { font-size: 18px; height: 40px; line-height: 40px; }
	.service_intro_wrap .txt_box.left { margin-right: 220px; }
	.service_intro_wrap .txt_box.right { margin-left: 220px; }

	.service_intro_wrap .txt_box.box01,
	.service_intro_wrap .txt_box.box02 {
		margin-top: -185px;
	}

	.service_intro_wrap .txt_box.box01:after,
	.service_intro_wrap .txt_box.box02:after {
		width: 85px;
	}

	.service_intro_wrap .txt_box.box03,
	.service_intro_wrap .txt_box.box04 {
		margin-top: -15px;
	}

	.service_intro_wrap .txt_box.box03:after,
	.service_intro_wrap .txt_box.box04:after {
		width: 22px;
	}

	.service_intro_wrap .txt_box.center { margin-top: 190px; }
	.service_intro_wrap .txt_box.left dt:after { margin-left: 10px; }
	.service_intro_wrap .txt_box.right dt:after { margin-right: 10px; }
	.service_intro_wrap .txt_box.left dt:before { margin-left: 16px; }
	.service_intro_wrap .txt_box.right dt:before { margin-right: 16px; }

	.service_intro_wrap .txt_box.center dt:before,
	.service_intro_wrap .txt_box.center dt:after {
		top: -20px;
	}

	.service_intro_wrap .txt_box:after { top: 19px; }
	.service_intro_wrap .txt_box.left:after { margin-left: 29px; }
	.service_intro_wrap .txt_box.right:after { margin-right: 29px; }
	.service_intro_wrap .txt_box.center:after { top: -52px; height: 22px; }

	.service_intro_wrap .txt_box.box01 .img { right: -182px; }
	.service_intro_wrap .txt_box.box02 .img { left: -182px; }
	.service_intro_wrap .txt_box.box03 .img { right: -120px; }
	.service_intro_wrap .txt_box.box04 .img { left: -120px; }
	.service_intro_wrap .txt_box.box05 .img { top: -120px; margin-left: -35px }
	
	.aideep  h4 { font-size: 28px; }
	.aideep .ulgroup h4 { font-size: 18px; }
	.aideep .ulgroup ol li { font-size: 15px; }
	
	.sub-cont .sub_txt_01 { font-size: 17px; }

	.listwarp dl { font-size: 19px; width: 31.9%; height: 430px; padding-top: 230px; }
	.listwarp dd { font-size: 16px; }
	.tab_cont h4 { font-size: 28px; }
	
	
}
 
 
 
 
 
 
 
 
/* ================================================== */
/* 고객지?? ?�재채용 */
/* ================================================== */

/* 공통 */
.txt_normal {font-size: 22px; color: #000;}
.txt_normal_01{font-size: 25px; color: #000;}
.sub_txt_02 {text-align: center; font-size: 18px; color: #555; line-height: 1.75em; margin-top:-60px; padding-bottom: 70px;}




/* support */
.support {padding-bottom:100px;} 
.support .listwarp dl {height: 320px; padding: 190px 40px 0px;}
.support .listwarp dd {margin-top:5px;}

.listwarp .support.img1 {background: url(../images/contents/support_icon1.png) no-repeat; background-position: 50% 75px;}
.listwarp .support.img2 {background: url(../images/contents/support_icon2.png) no-repeat; background-position: 50% 70px;}
.listwarp .support.img3 {background: url(../images/contents/support_icon3.png) no-repeat; background-position: 50% 70px;}

.support .listwarp dl { animation: ani-Fadein-up 1s both;}


/* recruit */

.sub_txt_01 spen {margin-bottom: 10px;}
.recruit {text-align: center;}
.recruit .recruit_info {padding-top:90px;}
.recruit .wide_img {background: url(../images/contents/recruit_img.jpg) no-repeat;}
.recruit h4 {font-size: 30px; color: #fff; font-weight: bold; padding-bottom: 13px;}

.fieldlist {position: relative;  margin: 0 auto; padding: 0 30px 90px;}
.fieldlist ul {display: flex; margin-top: 80px;}
.fieldlist ul li {width: calc(20% - 4px); position: relative; padding: 100px 15px 0; background-position: 50% 0; background-repeat: no-repeat; display: inline-block; text-align: center;}
.fieldlist ul li strong {display: block; color:#fff; font-size: 20px; }
.fieldlist ul li span {display: block; color:#fff; font-size: 17px; margin-top: 10px;}

.recruit .fieldlist ul li:nth-child(1) {background-image: url(../images/contents/recruit_icon_01.png);}
.recruit .fieldlist ul li:nth-child(2) {background-image: url(../images/contents/recruit_icon_02.png);}
.recruit .fieldlist ul li:nth-child(3) {background-image: url(../images/contents/recruit_icon_03.png);}
.recruit .fieldlist ul li:nth-child(4) {background-image: url(../images/contents/recruit_icon_04.png);}
.recruit .fieldlist ul li:nth-child(5) {background-image: url(../images/contents/recruit_icon_05.png);}

.recruit_grab {text-align: center;}
.recruit_grab h4 {font-size: 30px; color: #333; font-weight: bold; padding-top: 90px; padding-bottom: 13px;}

.borderlist ul {padding-top: 50px;}
.borderlist ul li {width: calc(25% - 14px); border: 1px solid #d9d9d9; margin: 20px 0 0 10px; padding: 25px; text-align: left; display: inline-block; background: #fff; vertical-align: top; min-height: 190px;}
.borderlist ul li span {display: block; margin-bottom: 10px; font-size: 16px; opacity: 0.5;}
.borderlist ul li strong {display: block; font-size: 19px;}
.borderlist ul li p {margin-top:10px; font-size: 16px;}
.borderlist ul li:nth-child(4) {background-color: #df281d; color: #fff;}


/* download */
.tit_line {display: inline-block; border-top: 2px solid #df281d; margin-bottom: 20px; padding-top: 5px; font-size: 20px; font-weight: bold;}
.down_box {margin-bottom: 10%;}
.down_box .sub-tit-13 {background: url(../images/common/sbu-tit-11.jpg) no-repeat; padding-bottom: 20px; }
.down_box ul {overflow: hidden;}
.down_box ul li {float: left; margin-right: 4%; padding: 1px; box-sizing: border-box; border: 1px solid #ccc;}
.down_box ul li .down_txt_area {overflow: hidden; padding: 13px 15px;}
.down_box ul li .down_txt_area .d_txt {float: left;}
.down_box ul li .down_txt_area .btn_down{float: right;}

/* privacy */
.privacy_text {font-size: 17px; line-height: 1.7; text-align: left; white-space: pre-line;}
.privacy_table {margin-top: 20px; width: 100%; border: 1px solid #ccc; border-top: 2px solid #df281d;}
.privacy_table th {border-bottom: 1px solid #ccc; padding: 10px; border-right: 1px solid #ccc;}
.privacy_table td {border-bottom: 1px solid #ccc; padding: 10px; border-right: 1px solid #ccc; text-align: center;}





/**** 모바??****/
@media (max-width:767px) {
	.txt_normal {font-size: 19px; color: #000;}	
	.support .listwarp dl {margin:0; margin-top: -10px;}
	.txt_normal_01{font-size: 16px;}
	.sub_txt_02 {font-size: 13px;}
	.recruit h4 {font-size: 24px; }
	.recruit_grab h4 {font-size: 24px;}
	.recruit .wide_img {margin-top: 70px;}
	.recruit .recruit_info {padding-top: 40px;}
	.fieldlist {width:100%; padding:0; padding-bottom:30px;}
	.recruit .fieldlist ul {display: block; margin-top: 0px;}
	.recruit .fieldlist ul li { background-size: 43px; width:100%; background-position: 20px 25%; padding: 5px 10px 20px 90px !important; text-align: left;}
	.fieldlist ul li strong {font-size: 15px;}
	.fieldlist ul li span {font-size: 13px;}
	.borderlist ul {padding-top: 10px;}
	.borderlist ul li strong {font-size: 17px;}
	.borderlist ul li p {font-size: 15px;}
	.borderlist ul li {width:100%;min-height: 150px;}
	.privacy_text, .privacy_table {font-size: 14px;}
	.question{padding:0 20px;}
	
}



/**** ?�블??****/
@media (min-width:768px) and (max-width:991px) {
	.txt_normal {font-size: 19px; color: #000;}
	.txt_normal_01{font-size: 19px;}
	.sub_txt_02 {font-size: 15px;}
	.recruit .wide_img {height: 430px;  height: 420px;}
	.recruit h4 {font-size: 26px;}
	.recruit_grab h4 {font-size: 26px;}
	.recruit .recruit_info {padding-top: 60px;}
	.recruit .fieldlist ul {margin-top: 50px;}
	.recruit .fieldlist ul li {padding: 80px 10px 0;}
	.fieldlist {width:100%; padding:0;}
	.fieldlist ul li strong {font-size: 17px;}
	.fieldlist ul li span {font-size: 15px;}
	.borderlist ul {padding-top:10px;}
	.borderlist ul li strong {font-size: 17px;}
	.borderlist ul li p {font-size: 15px;}
	.borderlist ul li {width:calc(50% - 14px); min-height: 170px;}
	.privacy_text, .privacy_table {font-size: 15px;}
	.question{padding:0 50px;}	

}


/**** ?�스?�탑 ****/
@media (min-width:992px) and (max-width:1100px) {
	.txt_normal {font-size: 20px; color: #000;}
	.txt_normal_01{font-size: 22px;}
	.sub_txt_02 {font-size: 16px;}
	.recruit h4 {font-size: 28px;}
	.recruit .recruit_info {padding-top: 70px;}
	.recruit_grab h4 {font-size: 28px;}
}

/*   */



/* 문의?�기 */
.question{
	padding:0 20px;
}

@media (min-width:992px) {
	.question{
		width:75%;
		padding:20px;
	}
}