/* content css
 * --------------------------------------- */

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

.table .txt {font-family: 'notokr-light';margin-top: 25px;color: #808080;}

.table-type-1 table {border-top:1px solid #d90917;}
.table-type-1 table thead th {border-left:1px solid #ddd;}
.table-type-1 table thead th:first-child {border-left:0}
.table-type-1 table tbody th {padding:16px 13px 17px 35px; border-bottom:1px solid #666; font-size:1.067em;  color:#222222; text-align:left;font-family: 'notokr-medium'; background:url(../images/common/ico-tit.png) no-repeat; background-position: 13px;}
.table-type-1 table td {padding:15px; border-bottom:1px solid #eaeaea; color: #909090;padding-left: 35px;}

.table-type-2 table {border-top:2px solid #00abdd;background: #fff;}
.table-type-2 table thead th {border:1px solid #eaeaea;padding: 15px;}
.table-type-2 table thead th:first-child {border-left:0}
.table-type-2 table tbody th {  font-size:1.067em;  color:#222222; text-align:center;font-family: 'notokr-medium';  padding: 15px;border: 1px solid #eaeaea;}
.table-type-2 table tbody tr:hover {background:#F8F8F8;}
.table-type-2 table td {padding:10px; border:1px solid #eaeaea; color: #909090;text-align: center;}

.table_navy {border-top:2px solid #3c4c6f !important;}
.table_navy thead th {border-left:1px solid #ddd}
.table_navy thead th:first-child {border-left:0}
.table_navy th {padding:10px; border-bottom:1px solid #ddd;background-color:#f7f8fc; font-size:1.067em; font-family:notokr-bold; color:#233a6c; text-align:center;}
.table_navy td {padding:10px; border-bottom:1px solid #ddd; border-left:1px solid #ddd;}
.table_navy td input[type='text'] + p {margin:5px 0 -5px;}
.table_navy td .input_long03 {width:100%;}
.table_navy .txt_left {padding-left:20px; text-align:left;}

/* text */
.text-caption-gray span {font-size: 4em; font-family: 'notokr-bold';letter-spacing: -1.5px;display: block;line-height: 1.05;color: #f6f6f6;}
.txt-blue {color:#00abdd !important;}
.txt-default {font-size: 19px;letter-spacing: -0.8px;font-family: 'notokr-light';color: #555;line-height: 1.6;}
.txt-head {font-size: 24px;text-align: center;letter-spacing: -0.7px;font-family: 'notokr-light';width: 80%;margin: 0 auto;line-height: 1.5;}

/* images */
.image-default {margin-bottom:50px;}
.image-default img {width:100%;}

/* btn */
.btn-download-wrap {margin-top: 80px;text-align: center;}
.btn-download-wrap .btn-download {display: inline-block;font-size: 1.23em;background: #444;color: #fff;padding: 15px 48px;border-radius: 3px;}
.btn-download-wrap .btn-download:hover, .btn-download-wrap .btn-download:focus, .btn-download-wrap .btn-download:active {background: #222;}

/* list */
.list-type-1 li, .list-type-1 dd {background:url(../images/contents/list-type-1.png) no-repeat;background-position: left 11px;padding-left: 15px;color: #777;font-family: 'notokr-light';line-height: 1.6;}

/* background */
.wide-gray {background:#f6f6f6;padding: 75px 0;margin-top: 75px;margin-bottom: -80px;}

/* page */
.paginate{position: relative;text-align: center; margin-top:25px;}
.paginate a{display: inline-block;line-height: 36px;padding: 0 10px;font-size: 14px;border-radius: 3px;vertical-align: middle;color: #8293a2;}
.paginate a:hover,
.paginate a:focus{color:#000; background:#f6fafd;}
.paginate a.active{color:#ea3504;font-weight:bold}
.paginate .btn_pag{width:30px;height:30px;padding:0;border:1px solid #ddd;text-indent:-9999em;text-align:left;overflow:hidden}
.paginate .btn_pag.prev02{background:#fff url(../images/common/arr_first.png) no-repeat 50% 50%;margin-right: 4px;}
.paginate .btn_pag.prev{margin-right:15px;background:#fff url(../images/common/arr_prev.png) no-repeat 50% 50%}
.paginate .btn_pag.next{margin-left:15px;background:#fff url(../images/common/arr_next.png) no-repeat 50% 50%}
.paginate .btn_pag.next02{background:#fff url(../images/common/arr_last.png) no-repeat 50% 50%;margin-left: 4px;}
.paginate .btn_pag:hover,
.paginate .btn_pag:focus{border-color:#747474}



/******* 회사소개 *******/ 
/* 회사개요 */
.intro-circle {/*! background:url(../images/contents/intro-circle-bg.png) no-repeat; */background-position: center;text-align: center;/*! overflow: hidden; *//*! height: 320px; *//*! width: 1004px; */margin: 0 auto 80px;}
.intro-circle .circle {float: left;width: 33.333%;}
.intro-circle .circle strong {display: block;font-size: 38px;color: #222;padding-bottom: 40px; background:url(../images/contents/bar-blue.jpg) no-repeat;background-position: center 72%;}
.intro-circle .circle p {color: #7a7a7a;font-family: 'notokr-light';line-height: 1.55;letter-spacing: -0.5px;}
.intro-circle .circle-left {padding: 60px 80px 30px 35px;}
.intro-circle .circle-right {padding: 60px 35px 30px 80px;}
.intro-circle .circle-center {float: left;width: 33.3333%;margin-top: 120px;}
.intro-circle .circle-center p {font-size: 32px;text-transform: uppercase;font-family: 'notokr-bold';color: #000;line-height: 1.1;}

.intro-caption {margin-bottom: 80px;text-align: center;}
.intro-caption p {font-size: 26px;/*! text-transform: uppercase; */letter-spacing: 0;font-family: 'notokr-light';line-height: 1.3;}
.intro-caption p span {}
.intro-caption p .ico-left {position: absolute;left: -45px;top: -5px;}
.intro-caption p .ico-right {position: absolute;right: -45px;bottom: -5px;}
.intro-caption .bold {font-size: 40px;color: #333;font-family: 'notokr-bold';display: inline-block;position: relative;}

/* 연혁 */
.history {background:url(../images/contents/history_line.jpg) repeat-y;background-position: center; overflow: hidden;}
.history .tit {text-align: center;margin-bottom: 20px;}
.history .tit strong {display: inline-block;width: 155px;height: 155px;background: #00b3e7;border-radius: 155px;text-align: center;font-size: 26px;padding: 38px 50px;color: #fff;line-height: 1;font-family: 'notokr-thin';margin-bottom: 50px;}
.history dl {margin-bottom: 100px;}
.history dl .year {font-size: 36px;font-family: 'notokr-bold';letter-spacing: 2px;margin-bottom: 15px;}
.history dl dd {color: #888;font-family: 'notokr-light';line-height: 1.9;}
.history dl dd .data {display: inline-block;font-size: 1.15em;color: #111;margin-right: 11px;}
.history .left {text-align: right;float: left;width: 50%;padding-right: 60px;}
.history .left dd {}
.history .right {text-align: left;float: right;width: 50%;padding-left: 60px;}
.history .left-txt {text-align: left;float: left;padding-left: 60px;margin-bottom: 100px;}
.history .right-txt {text-align: right;float: right;padding-right: 60px;margin-bottom: 100px;}

/* 요타 서비스 */
.intro-service {overflow: hidden;margin-top: 20px;}
.intro-service .service {float: left;width: 25%;padding: 165px 2% 0 2%;}
.intro-service .service-1 {background:url(../images/contents/intro-service-1.png) no-repeat; background-position: center top;}
.intro-service .service-2 {background:url(../images/contents/intro-service-2.png) no-repeat; background-position: center top;}
.intro-service .service-3 {background:url(../images/contents/intro-service-3.png) no-repeat; background-position: center top;}
.intro-service .service-4 {background:url(../images/contents/intro-service-4.png) no-repeat; background-position: center top;}
.intro-service .service .head {text-align: center;}
.intro-service .service .head strong {display: block;width: 100%;font-size: 18px;color: #fff;background: #00b3e7;padding: 10px;border-radius: 30px;font-family: 'notokr-medium';font-weight: normal;}
.intro-service .service .head p {font-size: 20px;color: #222;margin: 35px 0 30px;letter-spacing: -0.6px;font-family: 'notokr-medium';}
.intro-service .service .list {}
.intro-service .service .list li {font-size: 15px;color: #333;line-height: 2;}

.intro-service-info {overflow:hidden;}
.intro-service-info .info-img {text-align: center;margin-top: 20px;margin-bottom: 50px;}
.intro-service-info .info-img img {}
.intro-service-info dl {float:left; width:32%;background: #fefefe;padding: 30px;height: 290px;margin-right: 1.333333%;border-radius: 1px;border: 1px solid #ededed;}
.intro-service-info dl dt {font-size: 26px;letter-spacing: -0.75px;margin-bottom: 15px;color: #333; font-family: 'notokr-medium';}
.intro-service-info dl dt span {font-size: 16px;font-family: 'notokr-bold';display: block;line-height: 1.25;}
.intro-service-info dl dd {color: #444;}
.intro-service-info .info-list-1 {}
.intro-service-info .info-list-1 dt span {color:#19b3e3;}
.intro-service-info .info-list-2 {}
.intro-service-info .info-list-2 dt span {color:#107eb8;}
.intro-service-info .info-list-3 {}
.intro-service-info .info-list-3 dt span {color:#05c4c3;}

/* 조직도 */
.organization {text-align: center;position: relative;}
.organization img {}
.organization .text-caption-gray {position: absolute;text-align: left;left: 0;top: 0;}

.profile {border-top: 1px solid #333;border-bottom: 1px solid #333;overflow: hidden; background:url(../images/contents/profile-line.jpg) repeat-y; background-position: center;}
.profile .label {display: inline-block;position: absolute;right: -1px;top: -1px;width: 70px;height: 70px;background: #ccc;text-align: center;line-height: 70px;font-size: 13px;color: #fff;font-family: 'notokr-medium';}
.profile .label-1 {background:#0078b5;}
.profile .label-2 {background:#00c5c5;}
.profile .label-3 {background:#00b3e7;}
.profile .label-4 {background:#5c5aa7;}
.profile .label-5 {background:#828c9f;}
.profile .label-6 {background:#1fae91;}
.profile .label-7 {background:#ee4e78;}
.profile > li {float: left;width: 50%;padding: 30px;border-bottom: 1px solid #eaeaea;height: 260px;position: relative;}
.profile > li strong {font-size: 20px;display: block;margin-bottom: 15px;}
.profile > li strong span {display: inline-block;margin-left: 10px;font-size: 13px;font-family: 'notokr-light';}
.profile > li .list {margin-bottom: 20px;}
.profile > li .list li {font-size: 14px;color: #666;font-family: 'notokr-regular';line-height: 1.7;}
.profile > li .contact {position: absolute;left: 30px;bottom: 30px;width: 100%;}
.profile > li .contact a {font-size: 13px;display: inline-block;margin-right: 20px;color: #888;line-height: 25px;padding-left: 35px;}
.profile > li .contact .call {background:url(../images/contents/profile-call.png) no-repeat; background-position: left;}
.profile > li .contact .mail {background:url(../images/contents/profile-mail.png) no-repeat; background-position: left;}

/* 사업소개 */
.intro-business {overflow: hidden;}
.intro-business .group {float: left;width: 31.333%;margin: 0 1%;border: 1px solid #eaeaea;padding: 40px;height: 640px;border-radius: 1px;}
.intro-business .group dt {text-align: center;padding-bottom: 40px;margin-bottom: 40px;border-bottom: 1px solid #dfdfdf;font-family: 'notokr-medium';color: #222;font-size: 28px;letter-spacing: -1.2px;padding-top: 130px;}
.intro-business .group dt span {display: block;color: #009bdc;font-size: 14px;letter-spacing: 0;line-height: 1.6;}
.intro-business .group dd {color: #333;margin-bottom: 5px;}
.intro-business .group-1 dt {background:url(../images/contents/intro-business-1.png) no-repeat; background-position:center 17%;}
.intro-business .group-2 dt {background:url(../images/contents/intro-business-2.png) no-repeat; background-position:center 14%;}
.intro-business .group-3 dt {background:url(../images/contents/intro-business-3.png) no-repeat; background-position:center 17%;}

/* 오시는길 */
.location {}
.location .info {margin-bottom: 45px;overflow: hidden;}
.location .info > div {float: left;width: 50%;padding-left: 65px;}
.location .info > div p {color: #333;font-family: 'notokr-light';line-height: 1.6;}
.location .info > div p strong {display: inline-block;font-family: 'notokr-regular';color: #333;width: 80px;}
.location .info .add {background:url(../images/contents/location-add.png) no-repeat; background-position:left;}
.location .info .call {border-left: 1px solid #e3e3e3; background:url(../images/contents/location-call.png) no-repeat; background-position:45px center;padding-left: 115px;}
.location .map {height: 500px;}
.location .map iframe {width: 100%;height: 100%;}


/******* 컨설팅 *******/ 



/******* 솔루션 *******/ 
/* 솔루션 개요 */
.solution-intro {margin-top: 75px;border-top: 1px solid #e8e8e8;}
.solution-intro li {margin-top: 50px;overflow: hidden;padding: 5px 0;}
.solution-intro li .tit {font-size: 23px;color: #222;display: block;float: left;width: 30%;letter-spacing: -0.8px;padding-left: 11%;font-family: 'notokr-medium';font-weight: normal;line-height: 1.35;}
.solution-intro li .text {font-size: 18px;color: #777;letter-spacing: -0.5px;font-family: 'notokr-light';line-height: 1.65;float: left;width: 70%;padding-left: 3%;}
.solution-intro .ico-1 {background:url(../images/contents/solution-intro-1.png) no-repeat; background-position:left;}
.solution-intro .ico-2 {background:url(../images/contents/solution-intro-2.png) no-repeat; background-position:left;}
.solution-intro .ico-3 {background:url(../images/contents/solution-intro-3.png) no-repeat; background-position:left;}

.client {overflow: hidden;}
.client li {float: left;width: 32%;background: #fff;border: 1px solid #e6e6e6;text-align: center;height: 150px;padding: 40px;margin-right: 1.33333%;border-radius: 1px;}
.client li img {}

.solution-business-intro {margin-bottom: 30px;margin-top: 70px;}
.solution-business-intro:after {display:block; content:""; clear:both;}
.solution-business-intro .group {float: left;width: 32.333%;margin: 0 0.5%;border: 1px solid #eaeaea;padding: 35px;height: 370px;border-radius: 1px;position: relative;}
.solution-business-intro .group-1 {border-bottom: 3px solid #19b3e3;}
.solution-business-intro .group-1 dt {color: #19b3e3;}
.solution-business-intro .group-2 {border-bottom: 3px solid #107eb8;}
.solution-business-intro .group-2 dt {color: #107eb8;}
.solution-business-intro .group-3 {border-bottom: 3px solid #1fd0cf;}
.solution-business-intro .group-3 dt {color: #1fd0cf;}
.solution-business-intro .group dt {text-align: center;padding-bottom: 40px;margin-bottom: 40px;border-bottom: 1px solid #dfdfdf;font-family: 'notokr-medium';font-size: 24px;letter-spacing: -1.2px;padding-top: 50px;}
.solution-business-intro .group dt p {position: absolute; top: -65px;width: 100%;text-align: center;left: 0;}
.solution-business-intro .group dt img {}
.solution-business-intro .group dt span {display: block;color: #009bdc;font-size: 14px;letter-spacing: 0;line-height: 1.6;}
.solution-business-intro .group dd {color: #333;margin-bottom: 5px;font-size: 18px;}

.solution-word {overflow: hidden;padding: 0 2px;}
.solution-word li {float: left;width: 32.333%;margin: 0 0.5%;border: 1px solid #eaeaea;margin-bottom: 15px;padding: 15px 20px;}
.solution-word li strong {display: inline-block;font-size: 18px;color: #222;margin-right: 15px;}
.solution-word li span {display: inline-block;font-family: 'notokr-light';margin-right: 8px;}

.step-arrow-1 {margin: 30px 0; background:url(../images/contents/step-arrow-1.png) no-repeat; background-position:center;text-align: center;height: 251px;line-height: 251px;}
.step-arrow-1 .text, .step-arrow-2 .text {font-size: 44px;color: #008bd5;}
.step-arrow-2 {margin: 30px 0; background:url(../images/contents/step-arrow-2.png) no-repeat; background-position:center;height: 232px;line-height: 232px;}
.step-arrow-2 .text {}

.solution-box {border: 1px solid #eaeaea;padding: 40px;text-align: center;}
.solution-box ul {}
.solution-box ul li {display: inline-block;margin-left: 6px;color: #222;font-size: 18px;}
.solution-box ul li:first-child {}

.solution-caption {}
.solution-caption {margin: 45px 0;text-align: center;}
.solution-caption p {font-size: 28px;/*! text-transform: uppercase; */letter-spacing: 0;font-family: 'notokr-light';font-family: 'notokr-medium';display: inline-block;position: relative;letter-spacing: -0.5px;}
.solution-caption p span {}
.solution-caption p .ico-left {position: absolute;left: -40px;top: -5px;}
.solution-caption p .ico-right {position: absolute;right: -40px;bottom: -5px;}

.solution-visual {position: relative;}
.solution-visual .visual-tit {position: absolute;left: 0;top: 0;z-index: 1;width: 100%;}
.solution-visual .visual-tit .page-tit {color: #fff;margin-top: 6%;font-size: 48px;font-family: 'notokr-light'; background:url(../images/contents/solution-tit-ico.png) no-repeat; padding: 10px 0 10px 105px;}
.solution-visual .visual-image {}
.solution-visual .visual-image img {width: 100%;}

.solution-image-list {overflow: hidden;}
.solution-image-list li {padding: 12px 12px 12px 140px;border: 1px solid #eaeaea;margin-bottom: 20px;overflow: hidden;float: left;width: 32.2%;margin: 0 0.5% 13px;position: relative;border-radius: 1px;}
.solution-image-list li img {float: left;width: 130px;position: absolute;left: 10px;top: 10px;}
.solution-image-list li .list {display: block;float: left;font-size: 18px;color: #333;font-family: 'notokr-light';margin: 20px 15px;}


/******* 최신소식 *******/ 
/* 테이블 게시판 */
.table {overflow:hidden; margin-top:10px;}
.table table {position:relative; left:-1px; width:100%;}
.table [class^="label_"] {min-width:70px;}
.board_line {border-top:solid 2px #222; text-align:center;}
.board_line thead th {padding:16px 5px; border:0 none; background:none;  color:#000; line-height:20px;text-align: center;font-size: 18px;font-family: 'notokr-medium';}
.board_line thead th small {font-weight:normal; line-height:15px;}
.board_line thead tr {border-bottom:1px solid #000;}
.board_line tbody th {border-right:1px solid #555; background:none; font-weight:bold; color:#333;}
.board_line tbody tr {border-bottom:1px solid #ddd;}
.board_line tbody tr:hover {background:#f6f6f6;}
.board_line td {padding:16px 8px; border:0 none; line-height:24px; color:#777;}
.board_line td a {color:#000; font-size:1.1em; display: inline-block;width: auto;/*! height: 25px; */overflow: hidden;vertical-align: middle;}
.board_line td .s_btn {font-size:inherit; color:#fff;}
.board_line td .btn_pink {color:#fff;}
.board_line td .s_btn:hover {text-decoration:none;}
.board_line td a.lock {background:url(../images/ico/icon_lock.png) no-repeat; background-position:right 3px; padding-right:22px;} /*입학상담 잠금 아이콘*/
.board_line td a:hover {text-decoration:underline;}
.board_line input,
.board_line label {vertical-align:middle;}
.board_line .first {border-left:0 none;}

/* 복합 게시판 */
.ico_board_view {font-size: 13px;color: #666;   padding-right:13px; background:#eaeaea;display: inline-block;margin-top: 17px;}
.ico_board_view i {display:inline-block; width:33px; height:27px; background:url(../images/common/bbs_view_ico.png) no-repeat; background-position:center;margin-right: 13px;vertical-align: middle;}

.board_detail {border-top: 1px solid #e0e0e0;}
.board_detail li {padding: 25px 0;border-bottom: 1px solid #eaeaea;}
.board_detail li .cont {}
.board_detail li .cont .tit {display: inline-block;font-size: 22px;color: #000;overflow: hidden;height: 33px; font-weight:normal;margin-bottom: 5px;font-family: 'notokr-medium';}
.board_detail li .cont .tit:hover {text-decoration:underline;}
.board_detail li .cont .data {color: #aaa;display: block; line-height: 1.4;}
.board_detail li .cont .txt {max-height: 78px;color: #808080;overflow: hidden;line-height: 1.7;letter-spacing: -0.5px;}
.board_detail .gallery {overflow:hidden;}
.board_detail .gallery .image {float:left; width:30%; margin-right:2.5%; height:200px;background: #dee3ea url(../images/common/Board_dw.png) no-repeat; background-position: center;}
.board_detail .gallery .image a {display:block; width:100%; height:100%; overflow: hidden;}
.board_detail .gallery .image img {height:100%; width:100%;
	-webkit-transition: all 1.2s ease-out 0s;
	-moz-transition: all 1.2s ease-out 0s;
	-ms-transition: all 1.2s ease-out 0s;
	-o-transition: all 1.2s ease-out 0s;
	transition: all 1.2s ease-out 0s;
}
.board_detail .gallery .image img:hover
{
	-webkit-transform:scale(1.2, 1.2); 
	-moz-transform:scale(1.2, 1.2); 
	-ms-transform:scale(1.2, 1.2); 
	-o-transform:scale(1.2, 1.2); 
	transform:scale(1.2, 1.2); 
	-webkit-transition: all 0.9s ease-in-out 0s; 
	-moz-transition: all 0.9s ease-in-out 0s; 
	-ms-transition: all 0.9s ease-in-out 0s; 
	-o-transition: all 0.9s ease-in-out 0s; 
	transition: all 0.9s ease-in-out 0s;
}
.board_detail .gallery .cont {float:left; width:67.5%}


/* 게시판 View */
.board_view {}
.board_view .board_header {padding: 30px 20px;border-top: 2px solid #000;border-bottom: 1px solid #000;position: relative;}
.board_view .board_header .data {display: inline-block;font-size: 16px;color: #888;margin-bottom: 3px;}
.board_view .board_header .tit {display: block;color: #000;font-size: 24px;letter-spacing: -1px;width: 90%;font-family: 'notokr-medium';font-weight: normal;}
.board_view .board_header .ico_board_view {position: absolute;right: 20px;top: 30px;}
.board_view .board_body {padding: 30px 20px;font-size: 1.045em;line-height: 1.8;color: #777;font-family: 'notokr-thin';}
.board_view .board_body p {margin-bottom: 0;}
.board_view .board_body img {}
.board_view .board_control {padding: 20px 15px;border-top: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0;overflow: hidden;}
.board_view .board_control a {display: block;}
.board_view .board_control a:hover span {text-decoration:underline;}
.board_view .board_control a strong {display: block;font-weight: bold;color: #000;font-size: 1.1em;text-transform: uppercase;letter-spacing: 0;}
.board_view .board_control a span {display: block;font-size: 1.07em;color: #888;}
.board_view .board_control .prev{float: left;width: 50%;padding: 5px 0 5px 5px;border-right: 1px solid #e9e9e9; background: url(../images/common/board_control_prev.png) no-repeat; background-position:left;}
.board_view .board_control .next{float: right;width: 50%;text-align: right;padding: 5px 5px 5px 0; background: url(../images/common/board_control_next.png) no-repeat; background-position:right;}
.board_btn {margin-top: 30px; overflow:hidden;}
.board_btn .left {float:left;}
.board_btn .right {float:right;}
.board_view .board_body .body {}
.board_view .board_body .body strong {display: block;font-size: 20px;color: #000;margin-bottom: 5px;}
.board_view .board_body .question {}
.board_view .board_body .answer {margin-top: 30px;background: #f7f7f7;padding: 20px 30px;border-radius: 5px;color: #111;}
.board_view .board_body .answer strong {color: #005aae;}
.board_view .board_body .Viewlink {color: #000;font-weight: bold;letter-spacing: 0.5px; border:0;   background: url(../images/common/ico_link.png) no-repeat; line-height: 1.8;display: block;border: 1px solid #ededed;padding: 10px 10px 10px 45px;font-size: 14px;text-align: left;font-family: 'notokr-light';background-position: 14px;margin-top: 35px;overflow: hidden;}

.board_btn {margin-top: 30px; overflow:hidden;}
.board_btn .left {float:left;}
.board_btn .right {float:right;}


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

.apply .agree {margin:40px 0 0; padding:30px; border:1px solid #ddd;}
.apply .agree .tit {margin-bottom:10px; font-size:1.267em; font-weight:bold; color:#222;}
.apply .agree .list_circle {margin:7px 0 20px;}
.apply .agree .contents {margin-top:10px; padding:20px; border-radius:10px; background-color:#fafafa; font-size:1.067em;}
.apply .agree .contents li {position:relative; min-height:35px; margin-top:5px; line-height:35px;}
.apply .agree .contents li input {position:absolute; left:0; top:5px;}
.apply .agree .contents li label {display:block; padding:0 150px 0 20px; line-height:150%;}
.apply .agree .bul_box li:before {top:15px;}
.apply .agree .list .right {bottom:0;}
.apply .agree .list + strong {display:block; margin-top:20px; padding-top:15px; border-top:1px dotted #005bab; font-size:0.867em; line-height:150%;}
.apply .agree .tit + strong.color_black + .bul_dot {margin-top:10px;}
.apply .agree .box_gray {margin-bottom:0;}
.apply .agree .box_gray input {margin-right:10px}

.btn_area {margin-top:40px; text-align:center;}





/**** 모바일 ****/
@media (max-width:767px) {
	
	/* 기본스타일 */
	.desktop {display:none;}
	.mobile {display:inline-block;}
	
	.table {overflow-x:auto;}
	.table .txt {font-size: 14px;margin-top: 10px;}
	.table-type-1 table tbody th {padding: 14px 10px 14px 35px;font-size: 1em;}
	.table-type-1 table td {padding: 13px 13px 13px 20px;font-size: 14px;}
	.table-type-2 table thead th {font-size: 1em; padding: 13px;}
	.table-type-2 table tbody th {font-size: 14px; padding: 13px;}
	.table-type-2 table td {font-size: 14px; padding: 13px;}
	
	.list-type-1 li, .list-type-1 dd {font-size:14px;}
	.text-caption-gray span {font-size: 2.8em;letter-spacing: -0.5px;}
	
	.txt-head {font-size: 18px; width: 90%;}
	
	.btn-download-wrap {margin-top: 30px;}
  .btn-download-wrap .btn-download {font-size: 0.9em; padding: 10px 30px;}
		
	
	/* 회사소개 */
	.intro-circle {margin-bottom: 25px;}
	.intro-caption {margin-bottom: 25px;}
	.intro-caption .bold {font-size: 24px;}
	.intro-caption p {font-size: 18px;}
	.intro-caption p .ico-right, .intro-caption p .ico-left {display:none;}
	.intro-service .service .list li {font-size:14px;line-height: 1.8;}
	
	.history {background-position: 48px top;}
	.history .tit {margin-bottom:0;text-align: left;}
	.history .tit strong {width: 95px;height: 95px;padding: 20px 22px;font-size: 18px;margin-bottom: 25px;}
	.history dl {margin-bottom: 20px;}
	.history dl .year {font-size: 22px;margin-bottom: 5px;letter-spacing: 0;}
	.history dl dd {font-size: 14px;}
	.history dl dd .data {font-size: 1.05em;}
	.history .left {padding-right: 0;float: none;width: 100%;text-align: left;padding-left: 70px;}
	.history .right {padding-left: 70px;float: none;width: 100%;text-align: left;}
	.history .left-txt {padding-left: 25px;margin-bottom: 35px;display: none;}
	.history .right-txt {padding-right: 40px;margin-bottom: 35px;display: none;}
	
	.intro-service .service {padding: 150px 1% 0 1%; width:50%;margin-bottom: 20px;}
	.intro-service .service .head p {margin: 15px 0 15px;font-size: 16px;}
	.intro-service .service .head strong {font-size: 16px;padding: 8px;}
	.intro-service-info {padding-bottom: 25px;}
	.intro-service-info .info-img {margin-bottom: 25px;}
	.intro-service-info dl {width: 100%;height: auto;margin-bottom: 10px;padding: 15px;}
	.intro-service-info dl dt {font-size: 18px;margin-bottom: 8px;}
		
	.profile {background:none;}
	.profile > li .contact .call {margin-bottom:5px;}
	.profile > li {width:100%; padding: 15px;height: 240px;}
	.profile > li strong {font-size: 16px;margin-bottom: 8px;}
	.profile > li .contact {left: 15px;bottom: 15px;}
	
	.intro-business .group {padding: 20px;height: 595px;width: 48%;margin-bottom: 15px;}
	.intro-business .group dt {font-size: 20px;padding-bottom: 20px;margin-bottom: 20px;padding-top: 75px;text-align: left;background-position: right 10px;background-size: 70px;}
	.intro-business .group dd {font-size: 14px;}
		
	.location {}
	.location .info {margin-bottom: 5px;}
	.location .info > div {float: none;width: 100%;padding-left: 50px;padding-top: 20px;border-top: 1px dotted #ccc;padding-bottom: 20px;}
	.location .info > div p {font-size: 14px;}
	.location .info > div p strong {}
	.location .info .call {border-left: 0; background-position:left;padding-left: 50px;}
	.location .map {height: 300px;}
	
	
	/* 컨설팅 */
	.txt-default {font-size: 14px; line-height: 1.7; font-family: 'notokr-regular';letter-spacing: -0.35px;}
	.image-default {margin-bottom: 20px}
	
	
	/* 솔루션 */	
	.solution-intro {margin-top:25px;}
	.solution-intro li {margin-top: 20px;background-position: left top !important;background-size: 50px !important;}
	.solution-intro li .tit {font-size: 18px;width: 100%;padding-left: 63px;float: none;margin-bottom: 25px;}
	.solution-intro li .text {font-size: 14px;width: 100%;padding-left: 0;}
	.client {padding-bottom:35px;}
	.client li {padding: 15px;height: 100px;}
	.client li img {}
	
	.solution-image-list li {width: 48%;padding: 15px;margin-bottom: 5px;text-align: center;height: 157px;}
	.solution-image-list li .list {margin: 5px 0 0;font-size: 15px;display: block;width: 100%;}
	.solution-image-list li img {position: relative;float: none;width: auto;left: 0;top: 0;}
	
	.solution-business-intro {margin-top: 0;margin-bottom: 20px;}
	.solution-business-intro .group {height:auto;padding: 15px;width: 100%;float: none;margin-bottom: 15px;}
	.solution-business-intro .group dt {font-size: 18px;padding-top: 0px;padding-bottom: 15px;margin-bottom: 15px;text-align: left;}
	.solution-business-intro .group dt p {text-align:right;right: 15px;top: 110px;width: auto;}
	.solution-business-intro .group dt p img {width:70px;}
	.solution-business-intro .group dd {font-size:14px;}
	.solution-word li strong {font-size: 16px;margin-bottom: 3px;display: block;}
	.solution-word li span {font-size: 14px;}
	.step-arrow-1, .step-arrow-2 {margin: 5px 0;background-size: 280px;height: 150px;line-height: 150px;}
	.step-arrow-1 .text, .step-arrow-2 .text {font-size: 28px;}
	.solution-box {padding: 15px;}
	.solution-box ul li {font-size:14px;}
	.solution-word li {margin-bottom: 5px;padding: 15px;width: 49%;}
	.solution-caption {margin: 20px 0;}
	.solution-caption p {font-size:18px;}
	
	
	/* 게시판 */
	.board_view .board_header {padding: 15px 10px 20px;}
	.board_view .board_body {padding: 18px 10px;}
	.board_view .board_header .tit {font-size: 18px;width: 100%;margin-top: 15px;}
	.board_view .board_header .data {font-size: 13px;}
	.board_view .board_body {font-size: 14px;}
	.board_view .board_control {padding: 0 15px;}
	.board_view .board_control a strong {font-size: 13px;}
	.board_view .board_control a span {font-size: 14px;}
	.board_view .board_header .ico_board_view {right: 10px;top: 0;}
	.board_view .board_control .prev {float: none;padding: 15px 0;width: 100%;border-bottom: 1px solid #e9e9e9;border-right: 0;}
	.board_view .board_control .next {float: none;padding: 15px 0;width: 100%;text-align: left;}
	.board_btn {margin-top:15px;} 
	.board_btn .left, .board_btn .right {float:none;width:100%;}
	.board_btn .btn {font-size: 13px;padding: 8px 10px;width: 100%;display: block;margin: 2px 0; text-align:center; border-radius:2px;}
	
	.board_line thead th {font-size: 14px;}
	.board_line td a {font-size: 15px;}
	
	.board_detail .gallery .image {height: 162px;}
	.board_detail li .cont .tit {font-size: 18px;height: 25px;margin-bottom: 0;}
	.board_detail li .cont .data {font-size: 13px;}
	.board_detail li .cont .txt {font-size: 14px;height: 70px;}
	
 }
 
 
@media (min-width:280px) and (max-width:480px) {
	
	/* 기본스타일 */
	.txt-head {font-size: 16px; width:100%;} 
	
	.btn-download-wrap {margin-top: 20px;}
	.btn-download-wrap .btn-download {font-size: 0.9em; padding: 8px; display: block; width:100%}
		
	
	/* 회사소개 */
	.organization .text-caption-gray {display:none;}
	.intro-service .service {width:100%;}
	.intro-business {padding:5px;}
	.intro-business .group {width:100%;height: auto;}
	.intro-business .group dt {padding-top: 15px;background-size: 50px;}
	
	/* 솔루션 */
	.solution-intro li .tit {margin-bottom:13px;}
	.client {padding-bottom:35px;}
	.client li {padding: 15px;height: auto; width:100%; margin:4px 0;}
	
	.solution-image-list {padding:2px;}
	.solution-image-list li {width:100%;}
	.solution-business-intro .group dt p {display:none;} 
	.solution-word li {width: 100%;}
	.solution-caption p .ico-left, .solution-caption p .ico-right {display:none;}
	.step-arrow-1 .text, .step-arrow-2 .text {font-size: 22px;}
	
	/* 게시판 */
	.board_list table {min-width:600px;}
	.board_detail .gallery .image {float: none;width: 100%;height: 200px;margin-bottom: 15px;}
	.board_detail .gallery .cont {float: none;width: 100%;}

}



/**** 테블렛 ****/
@media (min-width:768px) and (max-width:991px) {
	
	/* 기본스타일 */
	.text-caption-gray span {font-size: 2.8em;letter-spacing: -0.5px;}
	.txt-head {font-size: 20px;}	
  .btn-download-wrap {margin-top: 40px;}
  .btn-download-wrap .btn-download {font-size: 1.15em; padding: 12px 35px;}
	
		
	/* 회사소개 */
	.intro-circle {margin-bottom: 40px;}
	.intro-caption {margin-bottom: 40px;}
	.intro-caption .bold {font-size: 30px;}
	.intro-caption p {font-size: 20px;}
	
	.history .tit {margin-bottom:0}
	.history .tit strong {width: 130px;height: 130px;padding: 24px 30px;}
	.history dl {margin-bottom: 35px;}
	.history dl .year {font-size: 30px;margin-bottom: 5px;}
	.history dl dd {font-size: 15px;}
	.history dl dd .data {font-size: 1.05em;}
	.history .left {padding-right: 25px;}
	.history .right {padding-left: 25px;}
	.history .left-txt {padding-left: 25px;margin-bottom: 35px;}
	.history .right-txt {padding-right: 40px;margin-bottom: 35px;}
	
	.intro-service .service {padding: 160px 1% 0 1%;}
	.intro-service .service .head p {margin: 18px 0 15px;font-size: 17px;}
	.intro-service .service .head strong {font-size: 17px;padding: 10px 5px;}
	.intro-service-info .info-img {margin-bottom: 35px;margin-top: 0px;}
	.intro-service-info dl {padding: 20px;}
	.intro-service-info dl dt {font-size: 22px;line-height: 1.4;margin-bottom: 10px;}
	
	.profile > li {height: 300px;}
	.profile > li .contact a {display: block;}
	.profile > li .contact .call {margin-bottom:7px;}
	
	.intro-business .group {padding: 15px;height: 630px;}
	.intro-business .group dt {font-size: 22px;padding-bottom: 20px;margin-bottom: 20px;padding-top: 110px;}
	.intro-business .group dd {font-size: 15px;}
	
	.location .info > div {padding-left: 50px;}
	.location .info > div p {font-size: 15px;}
	.location .info .call {padding-left: 100px;background-position: 35px center;}
	
	
	/* 컨설팅 */
	.txt-default {font-size: 16px; line-height: 1.7;}
	.image-default {margin-bottom: 30px}
	
	
	/* 솔루션 */	
	.solution-intro {margin-top:40px;}
	.solution-intro li {margin-top: 30px;background-position: left top !important;}
	.solution-intro li .tit {font-size: 20px;width: 35%;padding-left: 15%;}
	.solution-intro li .text {font-size: 16px;width: 65%;padding-left: 2%;}
	
	.solution-image-list li {width: 49%;padding: 15px;margin-bottom: 10px;text-align: center;}
	.solution-image-list li .list {margin: 5px 0 0;font-size: 16px;display: block;width: 100%;}
	.solution-image-list li img {position: relative;float: none;width: auto;left: 0;top: 0;}
	
	.solution-business-intro {}
	.solution-business-intro .group {height:365px;padding: 20px;}
	.solution-business-intro .group dt {font-size: 20px;padding-top: 50px;padding-bottom: 25px;margin-bottom: 20px;}
	.solution-business-intro .group dd {font-size:16px;}
	.solution-word li strong {font-size: 16px;margin-bottom: 3px;display: block;}
	.solution-word li span {}
	.step-arrow-1, .step-arrow-2 {margin: 5px 0;background-size: 380px;height: 200px;line-height: 200px;}
	.step-arrow-1 .text, .step-arrow-2 .text {font-size: 34px;}
	.solution-box {padding: 20px;}
	.solution-box ul li {font-size:16px;}
	.solution-caption {margin: 30px 0;}
	.solution-caption p {font-size:22px;}
	
	
	/* 게시판 */
	.board_line thead th {font-size: 16px;}
	.board_line td a {font-size: 16px;}
	
	.board_detail .gallery .image {height: 186px;}
	.board_detail li .cont .tit {font-size: 20px;}
	.board_detail li .cont .data {font-size: 14px;}
	.board_detail li .cont .txt {font-size: 15px;}
	
	.board_view .board_header .tit {font-size: 21px;}
	.board_view .board_header .data {}
	.board_view .board_body {font-size: 1.02em;}
	.board_view .board_control a strong {font-size: 16px;}
	.board_view .board_control a span {font-size: 15px;}
	
	
}


/**** 테블렛 사이즈 이상 상속 ****/
@media (min-width:768px) {
	
	/* 기본스타일 */
	.desktop {display:inline-block;}
	.mobile {display:none;}
	
}


/**** 데스크탑 ****/
@media (min-width:992px) and (max-width:1100px){
	
	/* 기본스타일 */
	.txt-head {font-size: 22px;}
		
	
	/* 회사소개 */
	.intro-circle {margin-bottom: 50px;}
	.intro-caption {margin-bottom: 70px;}
	.intro-caption .bold {font-size: 36px;}
	.intro-caption p {font-size: 24px;}
	
	.history dl {margin-bottom: 60px;}
	.history .left {padding-right: 40px;}
	.history .right {padding-left: 40px;}
	.history .left-txt {padding-left: 40px;margin-bottom: 50px;}
	.history .right-txt {padding-right: 40px;margin-bottom: 60px;}
	.text-caption-gray span {font-size: 3.5em;}
	
	.intro-service .service {padding: 160px 1% 0 1%;}
	.intro-service .service .head p {margin: 25px 0 20px;font-size: 18px;}
	
	.intro-business .group dt {font-size: 25px;padding-bottom: 30px;margin-bottom: 30px;}
	.intro-business .group {padding: 30px;height: 670px;}
	
	
	/* 컨설팅 */
	.image-default {margin-bottom: 40px}
	.txt-default {font-size: 18px;}
	
	
	/* 솔루션 */
	.solution-intro {margin-top: 60px;} 
	.solution-image-list li {width: 49%;}
	.solution-image-list li .list {font-size:17px;}
	
	.solution-business-intro .group {height:400px;}
	.solution-business-intro .group dt {font-size: 22px;padding-top: 33px;padding-bottom: 33px;margin-bottom: 23px;}
	.solution-business-intro .group dd {font-size:17px;}
	.solution-business-intro .group dt p {}
	.solution-business-intro .group dt p img {}
	.step-arrow-1, .step-arrow-2 {margin: 10px 0;}
	.step-arrow-1 .text, .step-arrow-2 .text {font-size: 38px;}
	.solution-box {padding: 30px;}
	.solution-caption p {font-size:26px;}
	
	
	/* 게시판 */
	.board_line td a {font-size: 17px;}
	
	.board_view .board_header .tit {font-size: 23px;}
	.board_view .board_body {font-size: 1.02em;}
	
		 
 }
 
 
@media (min-width:1101px) and (max-width:1280px){
	
	/* 솔루션 */
	.solution-image-list li {width: 49%;}
	
	
 }

 
@media (min-width:1281px) and (max-width:1400px){
	
	/* 솔루션 */
	.solution-image-list li .list {margin: 15px 0 24px 8px;}
	 
 }