@charset "UTF-8";

/* webfont - noto sans kr */
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(../font/NotoSans-Regular.eot);
   src: url(../font/NotoSans-Regular.eot?#iefix) format('embedded-opentype'),
        url(../font/NotoSans-Regular.woff2) format('woff2'),
        url(../font/NotoSans-Regular.woff) format('woff'),
        url(../font/NotoSans-Regular.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(../font/NotoSans-Medium.eot);
   src: url(../font/NotoSans-Medium.eot?#iefix) format('embedded-opentype'),
        url(../font/NotoSans-Medium.woff2) format('woff2'),
        url(../font/NotoSans-Medium.woff) format('woff'),
        url(../font/NotoSans-Medium.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(../font/NotoSans-Bold.eot);
   src: url(../font/NotoSans-Bold.eot?#iefix) format('embedded-opentype'),
        url(../font/NotoSans-Bold.woff2) format('woff2'),
        url(../font/NotoSans-Bold.woff) format('woff'),
        url(../font/NotoSans-Bold.otf) format('opentype');
}

/* webfont - gotham */
@font-face {
   font-family: 'gotham';
   font-style: normal;
   font-weight: 400;
   src: url(../font/gotham_medium.eot);
   src: url(../font/gotham_medium.eot?#iefix) format('embedded-opentype'),
        url(../font/gotham_medium.woff) format('woff'),
        url(../font/gotham_medium.otf) format('opentype');
}
@font-face {
   font-family: 'gotham';
   font-style: normal;
   font-weight: 500;
   src: url(../font/gotham-Bold.eot);
   src: url(../font/gotham-Bold.eot?#iefix) format('embedded-opentype'),
        url(../font/gotham-Bold.woff) format('woff'),
        url(../font/gotham-Bold.otf) format('opentype');
}
@font-face {
   font-family: 'gotham';
   font-style: normal;
   font-weight: 700;
   src: url(../font/gotham_black.eot);
   src: url(../font/gotham_black.eot?#iefix) format('embedded-opentype'),
        url(../font/gotham_black.woff) format('woff'),
        url(../font/gotham_black.otf) format('opentype');
}

/* reset */
*, *:before, *:after {margin:0; padding:0; -webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box;vertical-align:top;-webkit-font-smoothing:antialiased;line-height:1;}
html{font-size:16px; user-select: none;}
fieldset,img{border:0 none}
dl,ul,ol,menu,li{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
input,select,textarea,button{font-size:100%;vertical-align:middle;}
button{border:0 none;background-color:transparent;}
table{width:100%;border-collapse:collapse;border-spacing:0}
table caption{width:0; height:0; font-size:0; text-indent:-9999px;}
textarea{resize:none; font-family: 'Noto Sans KR'; -webkit-appearance: none; -moz-appearance: none; appearance: none;}

input{border-radius:0; font-family: 'Noto Sans KR'; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
input[type="text"],input[type="password"],input[type="date"],input[type="time"],input[type="submit"],input[type="button"],input[type="color"]{}
input[type="file"]{border:0;}
select{background:#fff; border:1px solid #999;}

pre{white-space: pre-wrap; font-family: 'Noto Sans KR';}

a, a:active, a:hover{text-decoration:none}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}
body{font-family: 'Noto Sans KR'; font-weight:400; letter-spacing:-0.025em; color:#1a1a1a; font-size:1rem; word-break:keep-all;}

/* px to rem (base : 16px)
	10px = 0.625rem
	11px = 0.6875rem
	12px = 0.75rem
	13px = 0.8125rem
	14px = 0.875rem
	15px = 0.9375rem
	16px = 1rem
	17px = 1.063rem
	18px = 1.125rem
	20px = 1.25rem
	22px = 1.375rem - 12px
	23px = 1.438rem
	24px = 1.5rem - 14px
	26px = 1.625rem
	28px = 1.75rem
	30px = 1.875rem
	34px = 2.125rem
	36px = 2.25rem
	37px = 2.313rem
	40px = 2.5rem
	44px = 2.75rem
	50px = 3.125rem
	52px = 3.25rem
	60px = 3.75rem
	70px = 4.375rem
	74px = 4.625rem
	100px = 6.25rem
	120px = 7.5rem
*/

/* font-size */
.f18{font-size:1.125rem; /* 18px/16px */}
.f22{font-size:1.375rem; /* 22px/16px */}

@media screen and (max-width:1024px){
	.f18{font-size:0.875rem; /* 14px/16px */}
	.f22{font-size:1.125rem; /* 18px/16px */}
}

@media screen and (max-width:767px){
	.f18{font-size:0.875rem; /* 14px/16px */}
	.f22{font-size:0.875rem; /* 14px/16px */}
}


/* font-weight */
.fm{font-weight:500;}

.lh130{line-height:130%;}

.divisionLine{margin-top:60px; padding-top:128px; border-top:1px solid #929292;}

/* gotham font */
.gotham{font-family:'gotham','Noto Sans KR'; letter-spacing:0; font-weight: 400;}

/* common */
.mgt10{margin-top:10px !important;}
.mgt20{margin-top:20px !important;}
.mgt30{margin-top:30px !important;}
.mgt50{margin-top:50px !important;}
.mgt60{margin-top:60px !important;}

.cf:after{content:""; display:block; clear:both;}
.sprite_common{background:url(../images/sprite_common.png) no-repeat top left;}

.alignRight{text-align:right;}
.alignCenter{text-align:center;}

.dim{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(204,204,204,0.7); z-index:10;}

@media screen and (max-width:1024px){
	.sprite_common{background-size:205px 125px;}
	.mgt30{margin-top:15px !important;}
	.mgt50{margin-top:30px !important;}
	.mgt60{margin-top:40px !important;}
}

/* titie */
.tit_section{font-size:2.5rem; /* 40px/16px */ letter-spacing:-0.04em; font-weight:500; color:#134ea5; line-height:130%;}
.tit_section_s{font-size:1.625rem; /* 26px/16px */ font-weight:500; color:#333;}
.tit_section_s2{font-size:1.25rem; /* 20px/16px */ font-weight:500; color:#333;}
.addedTxt{display:inline-block; float:right; font-size:0.875rem; /* 14px/16px */ color:#666; vertical-align:baseline;}

.tit_section_s .addedTxt{margin-top:10px;}

.txt_desc_tit{font-size:1.625rem; /* 26px/16px */ color:#333; line-height:150%; font-weight:500;}
.txt_desc_tit strong, .txt_desc_tit span{vertical-align:baseline; font-weight:normal;}


@media screen and (max-width:1024px){
	.tit_section{font-size:1.625rem; /* 26px / 16px */}
	.tit_section_s{font-size:1.125rem; /* 18px/16px */ font-weight:500; color:#333; line-height:130%;}
	.addedTxt{font-size:0.75rem; /* 12px/16px */}
	.tit_section_s .addedTxt{margin-top:5px;}

	.txt_desc_tit{font-size:1.25rem; /* 20px/16px */}
}

@media screen and (max-width:1024px){
	.tit_section{font-size:1.5rem; /* 24px / 16px */}
}

/* header */
header{position:absolute; top:0; left:0; width:100%; border-bottom:1px solid rgba(255,255,255,.2); background:transparent; text-align:center;z-index:1000;
-webkit-transition:background-color 0.2s;
-moz-transition:background-color 0.2s;
-ms-transition:background-color 0.2s;
-o-transition:background-color 0.2s;
transition:background-color 0.2s;
}
.logo{position:absolute; top:27px; left:50px;}
.logo a{display:block; width:130px; height:40px; font-size:0; text-indent:-9999px;}
.lang{position:absolute; top:24px; right:50px; padding:10px 20px; border:1px solid #ccc; border-radius:25px;}
.lang a{display:inline-block; font-size:0.9375rem; /* 15px/16px */ opacity:0.2; color:#fff;}
.lang a+a{margin-left:10px; padding-left:10px; border-left:1px solid #ccc;}
.lang .is-selected{opacity:1;}

.gnb{display:inline-block; position:relative; z-index:100;}
.gnb a{display:block; color:#fff;}
.menu>li{float:left; width:150px;}
.depth01{padding:36px 0; font-size:1.125rem;/* 18px/16px */ font-weight:500;}
.depth02{display:none; min-height:245px; padding:22px 0; border-left:1px solid #eee;}
.depth02>li>a{padding:12px 0; letter-spacing:-0.06em;}
.depth03{display:none; padding:15px 0 15px 10px; background:#14498a; text-align:left;}
.depth03 a{padding:5px 0; color:#a7b3ca; letter-spacing:-0.06em; font-size:0.875rem; /* 14px/16px */}
.btn_folding.is-opened{border-bottom:1px solid #436da1; background:#14498a; color:#fff; font-weight:700;}

header.is-opened{background:#f9f9f9;}
header.is-opened:before{content:""; position:absolute; top:0; left:0; width:100%; height:90px; background:#fff;}
header.is-opened .logo a{background-position:0 -50px;}
header.is-opened .gnb a{color:#333;}
header.is-opened .gnb .depth03 a{color:#a7b3ca;}
header.is-opened .gnb .depth03 a:hover{color:#fff;}
header.is-opened .gnb .btn_folding.is-opened{color:#fff;}
header.is-opened .lang a{color:#000;}

header.type_b{border-bottom:1px solid #efefef; background:#fff;}
header.type_b .logo a{background-position:0 -50px;}
header.type_b .gnb a{color:#333;}
header.type_b .lang a{color:#000;}

.main_menu{position:fixed;}

.close_gnb{display:none;}
.btn_hamburger{display:none;}

@media screen and (max-width:1024px){
	header{position:relative; padding:11px 15px; background:#fff;}
	.main_menu{padding:11px 15px; background:#fff;}
	.logo{position:relative; top:0; left:0;}
	.logo a{width:98px; height:30px; background-position:0 -90px;}
	.lang{top:11px; right:60px; padding:7px 10px;}
	.lang a{color:#000; font-size:0.75rem; /* 12px / 16px */}

	header.type_b{border-bottom:1px solid #efefef; background:#fff;}
	header.type_b .logo a{background-position:0 -90px;}
	header.type_b .gnb a{color:#fff;}

	.gnb{display:block; position:fixed; top:0; bottom:0; right:-100%; width:calc(100% - 88px); background:#003a80; text-align:left; overflow-y:auto; -webkit-overflow-scrolling: touch;}
	.gnb a{color:#fff; border-bottom:1px solid rgba(255,255,255,0.2);}
	.menu>li{float:none; width:auto;}
	.depth01{position:relative; padding:20px 15px;}
	.depth01:after{content:""; display:block; position:absolute; top:50%; right:15px; width:17px; height:11px; margin-top:-5px; background:url(../images/sprite_common.png) no-repeat -175px -80px; background-size:205px 125px;
		-webkit-transition:-webkit-transform 0.3s ease;
		-moz-transition:-moz-transform 0.3s ease;
		-ms-transition:-ms-transform 0.3s ease;
		-o-transition:-o-transform 0.3s ease;
		transition:transform 0.3s ease;
	}
	.depth01.is-opened:after{
		-webkit-transform:rotate(180deg);
		-moz-transform:rotate(180deg);
		-ms-transform:rotate(180deg);
		-o-transform:rotate(180deg);
		transform:rotate(180deg);
	}
	.depth02{display:none; min-height:auto; padding:0 0 0 30px; border-left:0; background:#002859;}
	.depth02>li>a{padding:15px 5px;}
	.depth02>li:last-child>a{border-bottom:0;}
	.depth03{display:block !important; padding:0 0 0 15px; background:transparent;}
	.depth03 a{padding:15px 5px; color:#fff;}

	.close_gnb{display:block; padding:10px 15px; text-align:right; border-bottom:1px solid rgba(255,255,255,0.2);}
	.close_gnb a{display:inline-block; width:18px; height:18px; border-bottom:0; background-position:-175px -60px; font-size:0; text-indent:-99999px;}
	.btn_hamburger{display:block; position:absolute; top:13px; right:15px; width:30px; height:23px; background-position:-140px -60px; font-size:0; text-indent:-99999px;}
}

/* footer */
footer{border-top:1px solid #e5e5e5; background:#fff;}
footer .inner{position:relative; width:1200px; margin:0 auto; padding:50px 0 50px 178px; font-size:0.8125rem; /* 13px / 16px */ color:#8b8b8b;}
footer .inner .f_logo{position:absolute; top:52px; left:0; width:136px; height:42px; background-position:-210px 0; font-size:0; text-indent:-9999px;}
footer .inner .btn_terms li{float:left;}
footer .inner .btn_terms li+li{margin-left:20px; padding-left:20px; border-left:1px solid #ccc;}
footer .inner .btn_terms li a{color:#2d2d2d;}
footer .inner address{margin-top:15px;}
footer .inner address .addr{display:inline-block; line-height:150%;}
footer .inner .copyright{display:inline-block; margin-left:18px; padding-left:18px; border-left:1px solid #ccc; font-size:0.75rem; /* 12px / 16px */ line-height:150%;}

.btn_gotoTop{visibility:hidden; position:fixed; bottom:50px; right:100px; z-index:9000;}

@media screen and (max-width:1300px){
	footer .inner{width:auto; margin:0 50px; word-break:keep-all;}
	footer .inner .copyright{display:block; margin-left:0; margin-top:10px; padding-left:0; border-left:0;}
}

@media screen and (max-width:1024px){
	footer .inner{width:auto; margin:0; padding:63px 0 13px; text-align:center;}
	footer .inner .f_logo{position:relative; top:0; left:0; width:93px; height:29px; margin:0 auto; background-position:-105px -25px;}
	footer .inner .btn_terms{position:absolute; top:0; left:0; width:100%; padding:15px 0; }
	footer .inner .btn_terms li{width:20%;margin-bottom:5px}
	footer .inner .btn_terms li+li{margin-left:0; padding-left:0;}
	footer .inner .btn_terms a{font-size:0.6875rem; /* 11px / 16px */}
	footer .inner address{line-height:150%; font-size:0.6875rem; /* 11px/16px */}
	footer .inner address br{display:block;}
	footer .inner .copyright{margin-top:20px; font-size:0.625rem; /* 10px/16px */}

	.btn_gotoTop{bottom:20px; right:20px;}
}
@media screen and (max-width:768px){
	footer .inner{padding-top:80px;}
	footer .inner .btn_terms li{width:33.3333%;}
	footer .inner .btn_terms li:nth-of-type(4){  border-left:0;}
	footer .inner .btn_terms li:nth-of-type(5){margin-top:10px; border-right:1px solid #ccc;}
}

@media screen and (max-width:320px){
	footer .inner .btn_terms a{font-size:0.625rem; /* 10px / 16px */}
}

/* 서브페이지 상단 고정영역 */
.box_subTop_visual{position:relative; height:400px; text-align:center; color:#fff;}
.box_subTop_visual .inner_visual{position:absolute; top:calc(50% + 45px); left:0; width:100%;
	-webkit-transform:translate(0,-50%);
	-moz-transform:translate(0,-50%);
	-ms-transform:translate(0,-50%);
	-o-transform:translate(0,-50%);
	transform:translate(0,-50%);
}
.box_subTop_visual .tit{font-size:3.25rem; /* 52px / 16px */}
.box_subTop_visual .desc{margin-top:25px; font-size:1.375rem; /* 52px / 16px */}
.box_subTop_visual .btns{margin-top:20px; text-align:center;}
.box_subTop_visual .btns a{display:inline-block; margin:0 5px; padding:20px 30px; border:1px solid #fff; color:#fff;}
.intro_top{background:url(../images/visual_intro.jpg) no-repeat top center;}
.business_top{background:url(../images/visual_business.jpg) no-repeat top center;}
.pr_top{background:url(../images/visual_pr.jpg) no-repeat top center;}
.ir_top{background:url(../images/visual_ir.jpg) no-repeat top center;}
.recruit_top{background:url(../images/visual_recuit.jpg) no-repeat top center;}

.location{background:#134ea5;}
.location .inner{width:1200px; margin:0 auto;}
.location .inner .loc{float:left; border-right:1px solid rgba(97,155,255,0.4);}
.location .inner .loc:first-child{border-left:1px solid rgba(97,155,255,0.4);}
.location .inner .home{display:block; width:60px; height:60px; background:url(../images/ico_home.gif) no-repeat center center; font-size:0; text-indent:-999999px;}
.location .inner .list_location{position:relative;}
.location .inner .list_location a{display:block; min-width:210px; padding:22px 70px 22px 40px; color:#fff; font-weight:400;}
.location .inner .list_location>a:after{content:""; display:block; position:absolute; top:50%; right:20px; width:15px; height:8px; margin-top:-4px; background:url(../images/ico_location_fold.gif) no-repeat top left;}
.location .inner .list_location.is-opened>a:after{-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg);}
.location .inner .dropdown{display:none; position:absolute; top:60px; left:0; width:100%; background:#134ea5; z-index:1;}
.location .inner .dropdown li{border-top:1px solid #326dbd;}
.location .inner .dropdown li a{padding-top:15px; padding-bottom:15px; padding-right:20px;}
.location .inner .dropdown li a:hover{background:#003078;}

@media screen and (max-width:1260px){
	.location .inner{width:auto; margin:0 15px;}
}


	.box_subTop_visual .desc br.m {display:none}

@media screen and (max-width:1024px){
	.box_subTop_visual{height:200px; background-size:cover;}
	.box_subTop_visual .inner_visual{top:50%;}
	.box_subTop_visual .tit{font-size:1.625rem; /* 26px / 16px */}
	.box_subTop_visual .desc{margin-top:12px; font-size:0.75rem; /* 12px / 16px */}
	.box_subTop_visual .btns a{padding:10px 15px; font-size:0.75rem; /* 12px / 16px */}
	

	.box_subTop_visual .desc br.m {display:block}
	.location{display:none;}
}

/* 서브페이지 컨텐츠 레이아웃 */
.subContents{position:relative; width:1000px; margin:0 auto; padding:130px 0 100px 0; background:#fff; overflow:hidden;}

.lineBox{position:relative; padding:128px 0 60px 0; border-bottom:1px solid #929292; font-size:0.875rem; /* 14px/16px */ color:#666;}
.lineBox+.lineBox{border-top:1px solid #d4d4d4;}
.lineBox:last-child{border-bottom:0;}
.lineBox .txt{margin-top:40px; line-height:150%;}
.lineBox:first-child{padding-top:0;}
.lineBox:last-child{padding-bottom:0;}

.emphasis{margin-top:20px; font-size:1.125rem;/* 18px/16px */ font-weight:500; color:#333; line-height:150%;}
.emphasis span{color:#134ea5; vertical-align:baseline;}

@media screen and (max-width:1024px){
	.subContents{width:auto; padding:30px 15px 50px 15px;}

	.lineBox{padding:30px 0;}
	.lineBox .txt{margin-top:20px;}

	.emphasis{font-size:0.875rem; /* 14px/16px */}
}

/* 게시판 리스트 */
.tbl_list{border-top:1px solid #134ea5; font-size:0.875rem; /* 14px/16px */}
.tbl_list th{padding:15px 0; border-bottom:1px solid #ccc; background:#f5f7f9; color:#5b78a4;}
.tbl_list td{padding:15px 0; border-bottom:1px solid #ccc; color:#666; text-align:center; line-height:120%;}
.tbl_list td.tit{padding-left:20px; padding-right:20px; text-align:left;}
.tbl_list td a{color:#666;}

.file_icon{display:inline-block; width:16px; height:17px; margin-right:5px; background:url(../images/ico_files.png) no-repeat top left;}

@media screen and (max-width:1024px){
	.tbl_list{font-size:0.625rem; /* 10px / 16px */}
	.tbl_list td{padding:10px 0; color:#999;}
	.tbl_list td.tit{padding:10px 0; font-size:0.75rem; /* 12px / 16px */}

	.file_icon{width:11px; height:12px; background-size:25px 15px; background-position:-10px 0;}

	/* 공시정보 게시판 */
	.tbl_disclosure_list col:nth-of-type(3){width:20% !important;}
	.tbl_disclosure_list col:nth-of-type(4){width:25% !important;}

	/* 전자공고 게시판 */
	.tbl_eNotice_list col:nth-of-type(4){width:20% !important;}
	.tbl_eNotice_list col:nth-of-type(5){width:25% !important;}

	/* 공지사항 게시판 */
	.tbl_notice_list col:nth-of-type(1){width:15% !important;}
	.tbl_notice_list col:nth-of-type(3){width:20% !important;}
}

/* paging */
.paging{text-align:center;}
.paging .btn{display:inline-block; width:38px; height:38px; border:1px solid #ccc; color:#999; font-size:0.875rem; /* 14px / 16px */ line-height:38px;}
.paging ._sprite{height:38px; background-image:url(../images/sprite_paging.png); background-repeat:no-repeat; font-size:0; text-indent:-9999px;}
.paging .first{background-position:0 0;}
.paging .prev{background-position:-40px 0;}
.paging .next{background-position:0 -40px;}
.paging .last{background-position:-40px -40px;}
.paging .is-selected{border:1px solid #333; background:#333; color:#fffefe;}

@media screen and (max-width:1024px){
	.paging .btn{width:31px; height:31px; line-height:31px; font-size:0.75rem; /* 12px/16px */}
	.paging ._sprite{height:31px; background-size:110px 75px;}
	.paging .first{background-position:-40px 0;}
	.paging .prev{background-position:0 -40px;}
	.paging .next{background-position:-40px -35px;}
	.paging .last{background-position:-75px 0;}
}

@media screen and (max-width:767px){
	.paging{display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:-o-flex; display:flex;
		-webkit-justify-content:space-between;
		-moz-justify-content:space-between;
		-ms-justify-content:space-between;
		-o-justify-content:space-between;
		justify-content:space-between;
	}
}

@media screen and (max-width:320px){
	.paging .btn{width:28px;height:28px; line-height:28px;}
}

/* 게시판 검색 공통 */
.search{text-align:right;}
.search .connect{position:relative; margin-left:20px;}
.search .connect:before{content:"~"; display:block; position:absolute; top:10px; left:-16px;}
.search .btn_search{display:inline-block; height:40px; margin-left:5px; padding:0 24px; background:#134ea5; color:#fff; font-size:0.875rem; /* 14px/16px */ line-height:40px; text-align:center;}
.search .input_box{display:inline-block; height:40px; padding:7px 10px; border:1px solid #999; text-align:left;}
.search .input_box input{width:230px;border:none;outline:none; font-size:0.875rem; /* 14px/16px */}

/* 기간 검색 */
.search .cal_box input{width:130px;}

/* 검색조건 */
.search .select_box{position:relative; padding:0;}
.search .select_box:after{content:""; display:inline-block; position:absolute; top:50%; right:10px; width:12px; height:8px; margin-top:-4px; background:url(../images/ico_dropdown.gif) no-repeat top left;}
.search .select_box input{position:relative; width:130px; vertical-align:top; height:100%; padding:0 10px; cursor:pointer; background:transparent; z-index:1;}
.search .select_box .dropdown{display:none; position:absolute; top:38px; left:-1px; width:calc(100% + 2px); border:1px solid #999; background:#fff;}
.search .select_box .dropdown a{display:block; padding:10px; font-size:0.875rem; /* 14px/16px */ color:#333;}
.search .select_box .dropdown a:hover{background:#134ea5; color:#fff;}
.search .select_box.is-opened:after{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
.search .select_box.is-opened .dropdown{display:block;}

@media screen and (max-width:1024px){
	.search .connect:before{top:5px;}
	.search .btn_search{min-width:65px; height:28px; padding:0 5px; line-height:28px;}
	.search .input_box{height:28px; padding:4px 5px;}
	.search .ui-datepicker-trigger{vertical-align:top;}

	/* 기간 검색 */
	.search .ui-datepicker-trigger img{width:16px;}
}

@media screen and (max-width:767px){
	.search{display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:-o-flex; display:flex;}
	.search .input_box{width:calc(100% - 65px);}
	.search .input_box input{width:calc(100% - 18px); vertical-align:top;}

	/* 기간 검색 */
	.search .cal_box{width:calc((100% - 65px) / 2);}

	/* 검색조건 */
	.search .select_box{width:200px; margin-right:5px; padding:0;}
	.search .select_box input{width:100%;}
	.search .select_box .dropdown{top:26px;}
}

/* 게시판 상세 */
.tbl_view{border-bottom:1px solid #ccc; font-size:0.875rem; /* 14px/16px */ color:#666;}
.tbl_view .tbl_view_tit{position:relative; padding:20px 200px 20px 20px; border-top:1px solid #134ea5; border-bottom:1px solid #ccc;}
.tbl_view .tbl_view_tit .tit{font-size:1.125rem; /* 18px/16px */ color:#333; font-weight:500; line-height:130%;}
.tbl_view .tbl_view_tit .date{position:absolute; top:50%; right:20px; margin-top:-7px; color:#999;}
.tbl_view .tbl_view_addFiles{padding:20px 20px 0 20px; text-align:right;}
.tbl_view .tbl_view_addFiles a{display:block; color:#134ea5; text-decoration:underline;}
.tbl_view .tbl_view_addFiles a:before{content:""; display:inline-block; width:16px; height:17px; margin-right:5px; background:url(../images/ico_files.png) no-repeat top left;}
.tbl_view .tbl_view_addFiles a+a{margin-top:10px;}
.tbl_view .tbl_view_cont{padding:20px; line-height:1.5rem; /* 24px / 16px */}
.tbl_view .tbl_view_cont img{max-width:100%;}
.tbl_view .tbl_view_cont .video{margin-bottom:40px;}
.tbl_view .tbl_view_nav td{padding:5px 0; border-top:1px solid #ccc; vertical-align:middle;}
.tbl_view .tbl_view_nav td a{display:block; color:#666; line-height:150%;}
.tbl_view .tbl_view_nav td span{display:block; padding:5px 0; background:#eee; text-align:center; font-size:.75rem; /* 12px/16px */ color:#666;}
.tbl_view .tbl_view_nav .txt{padding-left:25px;}
.tbl_view .tbl_view_nav+.tbl_view_nav td{border-top:1px dashed #ccc;}

@media screen and (max-width:1024px){
	.tbl_view col:nth-of-type(1){width:15% !important;}
	.tbl_view .tbl_view_tit{padding:15px 0;}
	.tbl_view .tbl_view_tit .date{position:relative; top:0; left:0; margin-top:0; margin-bottom:10px;}
	.tbl_view .tbl_view_cont{padding-left:0; padding-right:0;}
	.tbl_view .tbl_view_addFiles{padding-left:0; padding-right:0;}
	.tbl_view .tbl_view_addFiles a:before{width:11px; height:12px; background-size:25px 15px; background-position:-10px 0;}
	.tbl_view .tbl_view_nav .txt{padding-left:13px;}
}

/* 갤러리 리스트 */
.gallery_list .item{display:block; float:left; width:calc((100% - (20px * 3)) / 4); margin:20px 0 0 20px; border:1px solid #ddd; font-size:0.875rem; /* 14px/16px */ color:#666; text-align:center;}
.gallery_list .item:nth-of-type(4n+1){margin-left:0;}
.gallery_list .item .txt{padding:20px;}
.gallery_list .item .txt .tit{height:42px; line-height:150%; overflow:hidden;}
.gallery_list .item .txt .date{margin-top:15px;}
.gallery_list .item .thumb{display:block; position:relative; padding-bottom:66.523605%; overflow:hidden;}
.gallery_list .item .thumb img{position:absolute; top:0; left:0; width:100%; height:100%;
-webkit-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;
}
.gallery_list .item:hover{color:#000;}
.gallery_list .item:hover .thumb img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}

@media screen and (max-width:767px){
	.gallery_list .item{width:calc((100% - 15px) / 2); margin:15px 0 0 15px; font-size:0.75rem; /* 12px / 16px */}
	.gallery_list .item .txt{padding:10px;}
	.gallery_list .item .txt .tit{height:2.11rem;}
	.gallery_list .item:nth-of-type(4n+1){margin-left:15px;}
	.gallery_list .item:nth-of-type(2n+1){margin-left:0;}
}

/* 공통 버튼 영역 */
.btnArea{font-size:0.875rem; /* 14px/16px */}
.btnArea.right{text-align:right;}
.btnArea.center{text-align:center;}
.btn{display:inline-block; text-align:center;}
.btn+.btn{margin-left:5px;}
.btn.large{min-width:100px; height:40px; padding:0 20px; line-height:40px;}
.btn.blue{background:#134ea5; color:#fff; font-weight:700;}

@media screen and (max-width:1024px){
	.btn.large{min-width:75px; height:30px; padding:0 10px; line-height:30px;}
}

/* main */
.main .box{position:relative; height:100%; overflow:hidden;}
.main .box .inner{position:absolute; top:50%; left:50%; width:1220px;  overflow:hidden;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.main .box .inner2{position:absolute; top:50%; left:50%; width:1220px;  overflow:hidden;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.main .box h2{font-size:1.5rem; /* 24px/16px */ font-weight:500;}

@media screen and (max-width:1250px){
	.main .box .inner{left:0; width:100%; padding-left:15px; padding-right:15px;
		-webkit-transform:translate(0,-50%);
		-moz-transform:translate(0,-50%);
		-ms-transform:translate(0,-50%);
		-o-transform:translate(0,-50%);
		transform:translate(0,-50%);
	}
	.main .box .inner2{left:0; width:100%; padding-left:15px; padding-right:15px;
		-webkit-transform:translate(0,-50%);
		-moz-transform:translate(0,-50%);
		-ms-transform:translate(0,-50%);
		-o-transform:translate(0,-50%);
		transform:translate(0,-50%);
	}
}

/* main- 상단 */
.main .top{background:url(../images/main_top_bg.jpg) no-repeat top center; background-size:cover; text-align:center; color:#fff;}
.main .top h2{display:none;}
.main .top .item{float:left; width:25%;}
.main .top .item span{display:block; margin-top:30px; line-height:1.5rem; /* 24px/16px */}
.main .top .item .break{display:none;}
.main .top .item2{float:left; width:33%;}
.main .top .item2 span{display:block; margin-top:30px; line-height:1.5rem; /* 24px/16px */}
.main .top .item2 .break{display:none;}
.main .top .fix{position: absolute;right: 50px;bottom: 50px;text-align: left;font-size:1.75rem;letter-spacing: -.04em;font-weight: 500;line-height:1.3;}

@media screen and (max-width:1220px){
	.main .top{height:calc(100vh - 53px) !important;}
}

@media screen and (max-width:1024px){
	.main .box{height:auto !important;}
	.main .box .inner{position:relative; top:0; left:0; margin:100px 0;
		webkit-transform:translate(0,0);
		-moz-transform:translate(0,0);
		-ms-transform:translate(0,0);
		-o-transform:translate(0,0);
		transform:translate(0,0);
	}

	.main .top .inner{margin:200px 0; padding-top:53px;}
	.main .top .item:nth-of-type(1) img{width:37px;}
	.main .top .item:nth-of-type(2) img{width:101px;}
	.main .top .item:nth-of-type(3) img{width:97px;}
	.main .top .item:nth-of-type(4) img{width:53px;}

	.main .top .item span{margin-top:12px;}
	.main .top .item .break{display:block;}

	.main .box .inner2{position:relative; top:0; left:0; margin:100px 0;
		webkit-transform:translate(0,0);
		-moz-transform:translate(0,0);
		-ms-transform:translate(0,0);
		-o-transform:translate(0,0);
		transform:translate(0,0);
	}

	.main .top .inner2{margin:200px 0; padding-top:53px;}
	.main .top .item2:nth-of-type(1) img{width:auto;height:49px;}
	.main .top .item2:nth-of-type(2) img{width:101px;}
	.main .top .item2:nth-of-type(3) img{width:97px;}
	.main .top .item2:nth-of-type(4) img{width:53px;}

	.main .top .item2 span{margin-top:12px;}
	.main .top .item2 .break{display:block;}
    .main .top .fix{right: 15px;bottom: 15px;font-size: 18px;}
}

@media screen and (max-width:767px){
	.main .box .inner{position:relative; top:0; left:0; margin:50px 0;}
	.main .box .inner2{position:relative; top:0; left:0; margin:50px 0;}
	.main .box h2{font-size:0.9375rem; /* 15px/16px */}
	.main .top .item{width:50%; margin:30px 0;}
	.main .top .item2{width:50%; margin:30px 0;}
    .main .top .fix{font-size: 15px;}
}

/* main - crm service */
.main .crm .inner{height:622px; padding-top:80px;}
.main .crm .contBox{position:relative; padding-bottom:400px;}
.main .crm .contBox .item{visibility:hidden; position:absolute; top:0; left:0; width:50%; background:#fff;}
.main .crm .contBox .is-selected{visibility:visible;}
.main .crm h2{margin-bottom:50px; color:#656565;}
.main .crm .tit{font-size:2.125rem; /* 34px/16px */ color:#003a80;}
.main .crm .tit b{font-size:6.25rem; /* 100px/16px */ vertical-align:baseline; font-weight:500;}
.main .crm .tit span{display:block; margin-top:40px; font-size:1.375rem; /* 22px/16px */ font-weight:500; font-family: 'Noto Sans KR'; letter-spacing:-0.025em;}
.main .crm .txt{margin-top:20px; color:#1a1a1a; line-height:1.5rem; /* 24px/16px */}
.main .crm .imageBox{position:absolute; top:50%; right:0; width:622px; padding-bottom:622px;
	-webkit-transform:translate(0,-50%);
	-moz-transform:translate(0,-50%);
	-ms-transform:translate(0,-50%);
	-o-transform:translate(0,-50%);
	transform:translate(0,-50%);
}
.main .crm .imageBox img{position:absolute; top:0; left:0; max-width:100%;}
.main .crm .pager a{display:block; float:left; width:60px; padding-bottom:10px; font-size:1.125rem; color:#c7c7c7; border-bottom:2px solid #c7c7c7;}
.main .crm .pager a+a{margin-left:10px;}
.main .crm .pager a.is-selected{color:#003a80; border-bottom:2px solid #003a80;}
.main .crm .more{display:inline-block; margin-top:30px; padding:15px 30px; border:1px solid #333; font-size:0.875rem; /* 14px/16px */ color:#333;}

@media screen and (max-width:1250px){
	.main .crm .inner{height:auto; padding-top:0;}
	.main .crm .imageBox{right:15px; width:calc(50% - 15px); padding-bottom:50%;}
}

@media screen and (max-width:1023px){
	.main .crm .contBox{padding-bottom:45%;}
	.main .crm .tit{font-size:1.125rem; /* 18px/16px */}
	.main .crm .tit b{font-size:3.125rem; /* 50px/16px */}
	.main .crm .tit span{font-size:1rem;}
	.main .crm .txt{font-size:0.875rem; /* 14px/16px */}
	
	.main .crm .more{ margin-top:10px; padding:10px 30px; text-align:center;}
}

@media screen and (max-width:767px){
	.main .crm .contBox{min-height:260px; padding-bottom:0;}
	.main .crm .contBox .item{width:100%;}
	.main .crm .contBox br{display:none;}
	.main .crm h2{margin-bottom:25px;}
	.main .crm .tit span{margin-top:15px;}
	.main .crm .txt{margin-top:15px;}
	.main .crm .imageBox{position:relative; top:0; right:0; width:100%; margin-top:15px; padding-bottom:100%;
	-webkit-transform:translate(0,0);
	-moz-transform:translate(0,0);
	-ms-transform:translate(0,0);
	-o-transform:translate(0,0);
	transform:translate(0,0);
	}
	.main .crm .pager{margin-top:25px;}
	.main .crm .pager a{width:30px; padding-bottom:5px; font-size:0.75rem; /* 12px/16px */}

	
	.main .crm .more{display:block; margin-top:10px; padding:10px; text-align:center; font-size:0.75rem; /* 12px/16px */}
}

/* main - investment */
.main .investment{background:url(../images/main_invest_bg.jpg) no-repeat top center; background-size:cover; color:#fff; text-align:center;}
.main .investment .inner{padding-top:190px;}
.main .investment h2{position:absolute; top:0; left:0; }
.main .investment .tit{font-size:1.75rem; /* 28px/16px */}
.main .investment .tit span{font-size:1rem; font-family: 'Noto Sans KR'; color:#ccc; letter-spacing:-0.025em; vertical-align:baseline;}
.main .investment .total{margin-top:30px; font-weight:500; font-size:7.5rem; /* 100px/16px */}
.main .investment .graph{margin-top:40px;}
.main .investment .graph li{display:inline-block;position:relative}
.main .investment .graph li+li{margin-left:30px;}
.main .investment .graph li p{margin-top:20px;}
.main .investment .graph li span {position:absolute;width:100%;    font-family: 'gotham','Noto Sans KR';font-size:2rem ; font-weight: 500;text-align:center;left:0 ;top:33.5%}
.main .investment .graph li strong{display:block; margin-top:10px; font-weight:500; font-size:1.875rem; /* 30px/16px */}
.main .investment .btn_more{display:inline-block; position:absolute; top:0; right:0; padding:20px 25px; border:1px solid #fff; color:#fff;}

@media screen and (max-width:1250px){
	.main .investment h2{left:15px;}
	.main .investment .btn_more{right:15px;}

	.main .investment .graph li{float:left; width:20%; padding:0 15px;}
	.main .investment .graph li+li{margin-left:0;}
	.main .investment .graph li img{max-width:100%;}
}



@media screen and (max-width:900px){
.main .investment .graph li span {font-size:1.8rem}
}
@media screen and (max-width:767px){
	.main .investment .inner{padding-top:45px;}
	.main .investment .tit{font-size:0.9375rem; /* 15px/16px */}
	.main .investment .tit span{font-size:0.6875rem; /* 11px/16px */}
	.main .investment .total{margin-top:15px; font-size:3.75rem; /* 60px/16px */}
	.main .investment .graph li{width:33.3333%; padding:5px 10px;}
	.main .investment .graph li span {font-size:2rem}
	.main .investment .graph li p{margin-top:10px; font-size:0.5rem; /* 8px/16px */}
	.main .investment .graph li strong{margin-top:5px; font-size:1.063rem; /* 17px/16px */}
	.main .investment .graph li:nth-of-type(4){margin-left:15%;}
	.main .investment .btn_more{position:relative; right:0; margin-top:15px; padding:10px 13px; font-size:0.5rem; /* 8px/16px */}
}

@media screen and (max-width:500px){
.main .investment .graph li span {font-size:1.4rem}
}
@media screen and (max-width:340px){
.main .investment .graph li span {font-size:1rem}
}

/* main - business */
.main .business h2{margin-bottom:50px; color:#656565;}
.main .business .tit{margin-bottom:30px; font-size:4.625rem; /* 74px/16px */ color:#003a80; font-weight:700;}
.main .business .txt{line-height:150%;}
.main .business .list{margin-top:15px; color:#4d4d4d;}
.main .business .list li{padding-left:10px; text-indent:-10px; line-height:150%;}
.main .business .tiles{position:absolute; top:91px; bottom:0; right:0; width:50%; height:calc(100% - 91px);}
.main .business .tiles .item{position:absolute; width:50%; height:50%; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.main .business .tiles .item:nth-of-type(1){top:0; left:0; background-image:url(../images/main_business_img01.jpg);}
.main .business .tiles .item:nth-of-type(2){top:0; left:50%; background-image:url(../images/main_business_img02.jpg);}
.main .business .tiles .item:nth-of-type(3){top:50%; left:0; background-image:url(../images/main_business_img03.jpg);}
.main .business .tiles .item:nth-of-type(4){top:50%; left:50%; background-image:url(../images/main_business_img04.jpg);}
.main .business .tiles .link{position:absolute; top:50%; left:0; width:100%; margin-top:10px; text-align:center; color:#fff; opacity:0;
							-webkit-transition:all 0.2s ease;
							-moz-transition:all 0.2s ease;
							-ms-transition:all 0.2s ease;
							-o-transition:all 0.2s ease;
							transition:all 0.2s ease;
							-webkit-transform:translate(0,-50%);
							-moz-transform:translate(0,-50%);
							-ms-transform:translate(0,-50%);
							-o-transform:translate(0,-50%);
							transform:translate(0,-50%);
}
.main .business .tiles .link dt{position:relative; margin-bottom:30px; padding-bottom:30px; font-size:1.75rem; /* 28px/16px */}
.main .business .tiles .link dt:after{content:""; display:inline-block; position:absolute; bottom:0; left:50%; width:40px; height:1px; margin-left:-20px; background:#fff;}
.main .business .tiles .link dd{padding:0 30px; line-height:150%;}
.main .business .tiles .link dd a{display:inline-block; width:160px; margin-top:30px; padding:15px 0; border:1px solid #fff; color:#fff;}
.main .business .tiles .item:before{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/main_business_mask.png) no-repeat center center; background-size:cover; opacity:0;
									transition:opacity 0.3s ease;
}
.main .business .tiles .item:hover:before{opacity:1;}
.main .business .tiles .item:hover .link{opacity:1; margin-top:0;}

@media screen and (max-width:1250px){
	.main .business .inner{width:50%;}
	.main .business .tiles .link dd a{display:block; width:auto;}
}

@media screen and (max-width:1024px){
	.main .business .tiles{top:0;}
}

@media screen and (max-width:767px){
	.main .business h2{margin-bottom:25px;}
	.main .business .inner{width:auto; margin-bottom:25px;}
	.main .business .tit{font-size:2.313rem; /* 37/16px */}
	.main .business .txt{font-size:0.875rem; /* 14/16px */}
	.main .business .txt br{display:none;}
	.main .business .list li{font-size:0.75rem; /* 12/16px */}
	.main .business .tiles{position:relative; top:0; width:auto; height:auto; overflow:hidden;}
	.main .business .tiles .item{position:relative; top:0 !important; left:0 !important; float:left; padding-bottom:50%;}
	.main .business .tiles .item:before{opacity:1;}
	.main .business .tiles .link{margin-top:0; opacity:1;}
	.main .business .tiles .link dt{margin-bottom:15px; padding-bottom:15px; font-size:1.125rem; /* 18px/16px */}
	.main .business .tiles .link dd{padding:0 10px; font-size:0.6875rem; /* 11px/16px */}
	.main .business .tiles .link dd a{width:80px; margin:15px auto 0; padding:8px 0;}
}

@media screen and (max-width:320px){
	.main .business .tiles .item{padding-bottom:70%;}
}

/* main - awards */
.award_banner{background:#f7f7f7;}
.award_banner .inner{position:relative; width:1220px; margin:0 auto; padding:70px 0;}
.award_banner h2{font-size:1.5rem; /* 24px/16px */ color:#666; font-weight:500;}
.award_banner .more{position:absolute; top:55px; right:0; display:inline-block; padding:15px 30px; border:1px solid #333; font-size:0.875rem; /* 14px/16px */ color:#333;}
.award-carousel{padding:45px 50px 0 50px;}
.award-carousel .owl-dots{display:none;}
.award-carousel .owl-nav [class*=owl-]{position:absolute; top:50%; width:50px; height:50px; margin:0; padding:0; background-repeat:no-repeat; background-position:top left; font-size:0; text-indent:-99999px;}
.award-carousel .owl-nav .owl-prev{left:0; background-image:url(../images/btn_carousel_prev.gif);}
.award-carousel .owl-nav .owl-next{right:0; background-image:url(../images/btn_carousel_next.gif);}
.award-carousel .owl-item{text-align:center;}
.award-carousel .owl-item .item{display:inline-block; text-align:left;}
.award-carousel .owl-item dl{float:left;}
.award-carousel .owl-item img{width:auto;}
.award-carousel .owl-item dt{margin-bottom:15px; font-size:1.125rem; /* 18px/16px */ font-weight:700; color:#333;}
.award-carousel .owl-item dd{font-size:0.875rem; /* 14px/16px */ color:#333; line-height:150%;}
.award-carousel .owl-item .c_img{float:left; margin-right:20px;}

@media screen and (max-width:1250px){
	.award_banner .inner{width:auto; padding-left:15px; padding-right:15px;}
}

@media screen and (max-width:1024px){
	.award_banner .inner{width:auto; padding-top:50px; padding-bottom:30px;}
	.award_banner h2{font-size:0.9375rem; /* 15px/30px */}
	.award-carousel{padding:10px 25px 0 25px;}
	.award-carousel .owl-item .item{text-align:center;}
	.award-carousel .owl-item dl{float:none;}
	.award-carousel .owl-item dt{margin-bottom:10px; font-size:0.6875rem; /* 11px/16px */}
	.award-carousel .owl-item dd{font-size:0.625rem; /* 10px/16px */}

	.award-carousel .owl-item .c_img{float:none;}
	.award-carousel .owl-item img{width:74px;}
	.award-carousel .owl-nav [class*=owl-]{position:absolute; top:50%; width:25px; height:25px; background-size:cover;}

	.award_banner .more{top:40px; right:15px; padding:10px 15px;font-size:0.75rem; /* 12px/16px */}
}

/* tab */
.tab{border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.tab li{float:left;}
.tab li a{display:block; padding:25px 28px 21px; font-size:1.125rem; /* 18px/16px */ color:#134ea5;}
.tab li.is-selected a{font-weight:700; border-bottom:4px solid #134ea5;}
.tab li a:hover{border-bottom:4px solid #134ea5;}

@media screen and (max-width:1024px){
	.tab li a{padding:15px 0;font-size:0.6875rem; /* 11px/16px */ text-align:center;}
	.tab{border-top:0;}
	.tab li{border-top:1px solid #ddd; border-right:1px solid #ddd;}
	.tab li:first-child{border-left:1px solid #ddd;}
	.tab li.is-selected a{border:0; background:#134ea5; font-weight:400; color:#fff;}
	.tab li a:hover{border:0;}
}

/* 회사소개 - 회사소개 */
.introduce{padding:128px 0 60px 0; border-bottom:1px solid #929292;}
.introduce+.introduce{border-top:1px solid #cfcfcf;border-top:1px solid #d4d4d4;}
.introduce+:last-child{border-bottom:0;}
.introduce .tit_section{margin-bottom:60px;}
.ibox01 p,.ibox02 p{color:#656565; line-height:150%;}
.ibox01 p+p,.ibox02 p+p{margin-top:30px;}
.introduce .slogan{margin-bottom:60px; font-size:1.625rem; /* 26px/16px */ color:#333; letter-spacing:-0.04em;}
.introduce .slogan strong{vertical-align:baseline; font-weight:400; color:#134ea5;}
.introduce .slogan span{vertical-align:baseline;}

.ibox01{padding-top:60px; background:url(../images/bg_CEO.jpg) no-repeat right 40px;}
.ibox02{background:url(../images/bg_intro02.jpg) no-repeat right 120px;}

.mission{text-align:center;}
.mission:after{content:""; display:block; height:120px; background:url(../images/img_mission_arrow.gif) no-repeat center center;}
.mission dl{float:left; width:calc((100% - 20px) / 2); border:3px solid #619be1;}
.mission dt{padding:20px 0; background:#619be1; font-size:1.5rem; /* 24px/16px */ font-weight:500; color:#fff;}
.mission dd{padding:15px 0; color:#656565;}
.mission .mission02{margin-left:20px; border-color:#20cda1;}
.mission .mission02 dt{background:#20cda1;}
.point01{color:#619be1;}
.point02{color:#20cda1;}
.point03{color:#7d82ce;}
.point04{color:#134ea5;}
.introduce .txt_mission{padding-top:206px; background:url(../images/bg_mission.jpg) no-repeat top center; font-size:1.625rem; /* 26px/16px */ color:#1c4384; text-align:center;}

.vision_list li{width:345px; padding:20px 0; font-size:1.5rem; /* 24px/16px */ font-weight:500; color:#fff; text-align:center;}
.vision_list li:nth-of-type(1){background:#7d82ce;}
.vision_list li:nth-of-type(2){background:#619be1;}
.vision_list li:nth-of-type(3){background:#20cda1;}
.vision_list li+li{margin-top:10px;}
.vision{position:relative;}
.vision .txt{position:absolute; top:5px; right:0; font-size:2.5rem; /* 40px/16px */ color:#333; letter-spacing:-0.04em; line-height:150%;}
.vision .txt:after{content:""; display:block; position:absolute; top:0; left:-105px; width:62px; height:200px; background:url(../images/bg_vision.gif) no-repeat left center;}
.vision .txt strong{vertical-align:baseline;}

.values .card{float:left; width:calc((100% - (5px *2)) / 3); height:107px; margin-bottom:5px; margin-left:5px;}
.values .card:nth-of-type(3n+1){margin-left:0;}

.sloganBox p{float:left; width:50%; text-align:center;}
.sloganBox p img{max-width:100%;}
.sloganBox p+p{border-left:1px dashed #ccc;}

.ciSection p{font-size:0.875rem; /* 14px/16px */ color:#666; line-height:140%;}
.ciSection .tit_section .desc{display:block; margin-top:20px; font-size:1.125rem; /* 18px/16px */ color:#333; font-weight:500; line-height:130%;}
.ciSection .ciList li{float:left; width:calc((100% - 20px)/2);}
.ciSection .ciList li:nth-of-type(2n){margin-left:20px;}
.ciSection .ciList li img{max-width:100%;}
.ciSection .logoList li{float:left; width:calc((100% - 60px)/2); margin-top:30px;}
.ciSection .logoList li:nth-of-type(2n){margin-left:60px;}
.ciSection .logoList li p{margin-bottom:15px; font-size:1rem; color:#619be1; font-weight:500;}
.ciSection .logoList li img{max-width:100%;}
.downloadCi{display:inline-block; width:290px; padding:20px 0; background:#1e53a1; color:#fff; font-size:1rem; font-weight:500; text-align:center;}
.downloadCi:after{content:""; display:inline-block; width:28px; height:20px; margin-left:10px; background:url(../images/ico_download.png) no-repeat top left; vertical-align:middle;}

/* card type */
.card{border:1px solid #ccc;}
.card .tit{padding:14px 0; background:#dde5f1; font-size:0.9375rem; /* 15px/16px */ color:#1c4384; font-weight:500; text-align:center; line-height:1;}
.card .list{padding:15px 10px; font-size:0.8125rem; /* 13px/16px */ color:#666; font-weight:500;}
.card .list li{line-height:130%;}
.card .list li+li{margin-top:5px;}
.card .normal {padding:20px;line-height:140%}

.cardbox {border:1px solid #ccc;background:#dde5f1;padding:24px  31px; }
.cardbox .tit{ font-size:0.9375rem; /* 15px/16px */ color:#1c4384; font-weight:500; text-align:left; line-height:1;padding-left:9px }
.cardbox .list{padding:15px 0; font-size:0.8125rem; /* 13px/16px */ color:#666; }
.cardbox .list li{line-height:130%; text-indent:-10px;}
.cardbox .list li+li {margin-top:5px;}

.bullet{padding-left:10px; text-indent:-10px;}
.wwrap , .wwrap  * {  word-break: keep-all }

@media screen and (max-width:1024px){
	.ibox01,.ibox02{background:none;}
	.ibox01 p+p, .ibox02 p+p{margin-top:15px;}
	.introduce{padding:30px 0;}
	.introduce .tit_section{margin-bottom:30px;}
	.introduce .slogan{margin-bottom:30px; font-size:1.25rem; /* 20px/16px */}
	.mission dt{padding:10px 0; font-size:1.25rem; /* 20px/16px */}
	.mission dd{padding:10px 0; font-size:0.875rem; /* 14px/16px */}
	.introduce .txt_mission{padding-top:130px; font-size:1.25rem; /* 20px/16px */ background-size:268px 103px;}

	.vision_list li{width:40%; font-size:1.25rem; /* 20px/16px */}
	.vision .txt{top:30px; width:46%; font-size:1.75rem; /* 28px/16px */}
	.vision .txt:after{top:10px; width:31px; height:100px; background-size:31px 100px; left:-20%;}
}

@media screen and (max-width:767px){
	.ibox01 p, .ibox02 p{font-size:0.875rem; /* 14px/16px */}
	.introduce .slogan{font-size:1rem; line-height:130%;}
	.mission dl{width:100%;}
	.mission dt{font-size:0.875rem; /* 14px/16px */}
	.mission dd{font-size:0.8125rem; /* 13px/16px */}
	.mission .mission02{margin-left:0; margin-top:10px;}
	.mission:after{height:60px; background-size:20px 31px;}
	.introduce .txt_mission{font-size:0.875rem; /* 14px/16px */ line-height:130%;}

	.vision_list li{width:100%; padding:10px 0; font-size:1rem;}
	.vision_list li+li{margin-top:5px;}
	.vision .txt{position:relative; top:0; width:100%; margin-top:60px; text-align:center;font-size:1.25rem; /* 20px/16px */}
	.vision .txt:after{top:-45px; left:50%; width:20px; height:31px; margin-left:-10px; background-image:url(../images/img_mission_arrow.gif); background-size:20px 31px;}

	.values .card{width:calc((100% - 5px) / 2);}
	.values .card:nth-of-type(3n+1){margin-left:5px;}
	.values .card:nth-of-type(2n+1){margin-left:0;}

	.card .tit{padding:10px 0;}
	.card .list{padding:10px; font-size:0.6875rem; /* 11px/16px */}

	.sloganBox p{float:none; width:100%; padding:20px 0;}
	.sloganBox p+p{border-left:0; border-top:1px dashed #ccc;}
	.sloganBox p img{width:226px;}

	.ciSection .ciList li{width:calc((100% - 5px)/2);}
	.ciSection .ciList li:nth-of-type(2n){margin-left:5px;}

	.ciSection .logoList li{width:calc((100% - 5px)/2);}
	.ciSection .logoList li:nth-of-type(2n){margin-left:5px;}
	.ciSection .logoList li p{margin-bottom:10px; font-size:0.875rem; /* 14px/16px */}

	.downloadCi{padding:10px 0; font-size:0.875rem; /* 14px/16px */}

	.card .tit{font-size:0.8125rem; /* 13px/16px */}
}

/* 회사소개 -  연혁 */
.timeline{position:relative; margin-top:80px; }
.timeline:before{content:""; display:block; position:absolute; top:0; left:50%; width:16px; height:100%; margin-left:-8px; background:#eee;}
.timeline .record{position:relative; width:50%; padding-right:48px; text-align:right;}
.timeline .record+.record{margin-top:20px;}
.timeline .record:before{content:""; display:block; position:absolute; top:-2px; right:-19px; width:38px; height:38px; background:url(../images/bullet_timeline.png) no-repeat top left;}
.timeline .record:nth-of-type(even){margin-left:50%; padding-left:48px; padding-right:0; text-align:left;}
.timeline .record:nth-of-type(even):before{right:auto; left:-19px;}
.timeline .record dt{margin-bottom:20px; font-size:2.25rem; /* 36px/16px */ letter-spacing:-0.04em; color:#134ea5; font-weight:700;}
.timeline .record dd{padding-left:10px; text-indent:-10px; font-size:0.875rem; /* 14px/16px */ color:#656565; line-height:150%;}
.timeline .record dd+dd{margin-top:10px;}

.history:after{content:""; display:block; position:absolute; top:-35px; right:0; width:223px; height:205px; background:url(../images/bg_history.jpg) no-repeat top right;}

/* 회사소개 - 수상 및 인증내역 */
.awardInfo{position:relative; padding-right:170px;}
.awardInfo .ci{position:absolute; top:0; right:0;}
.awardInfo li{line-height:130%;}
.awardInfo li+li{margin-top:5px;}
.awardInfo .addDesc{font-size:0.75rem; /* 12/16px */line-height:200%;}
.awardInfo .txtIndent{padding-left:60px; text-indent:-70px;}
.timeline .record:nth-of-type(even) .awardInfo{padding-right:0; padding-left:170px;}
.timeline .record:nth-of-type(even) .awardInfo .ci{left:0; right:auto;}
.award .record dd+dd{margin-top:30px;}
.award:after{content:""; display:block; position:absolute; top:-35px; right:0; width:240px; height:238px; background:url(../images/bg_award.jpg) no-repeat top right;}

@media screen and (max-width:1024px){
	.timeline{background-image:none;}
	.history:after,.award:after{display:none;}

	.awardInfo{position:relative; padding-right:0;}
	.awardInfo .ci{position:relative; margin-bottom:10px;}
	.awardInfo .ci img{width:70px;}
	.timeline .record:nth-of-type(even) .awardInfo{padding-right:0; padding-left:0;}
}

@media screen and (max-width:767px){
	.timeline{margin-top:40px;}
	.timeline:before{left:0; width:8px; margin-left:-4px;}
	.timeline .record{width:auto; padding-left:20px; padding-right:0; text-align:left;}
	.timeline .record:before{right:auto; left:-9px; width:19px; height:19px; background-size:19px 19px;}
	.timeline .record:nth-of-type(even){margin-left:0; padding-left:20px;}
	.timeline .record:nth-of-type(even):before{left:-9px;}
	.timeline .record dt{margin-bottom:10px; font-size:1.625rem; /* 26px/16px */}
	.timeline .record dd{font-size:0.75rem; /* 12/16px */}

	.award .record dt{margin-bottom:20px;}
	.awardInfo .txtIndent{padding-left:50px; text-indent:-60px;}
}

/* 회사소개 - 윤리강령 */
.pricipleBox .txt01{font-size:1.625rem; /* 26px/16px */ color:#656565; line-height:150%;}
.pricipleBox .txt01 strong{color:#134ea5; font-weight:400; line-height:150%;}
.pricipleBox .txt02{color:#656565; line-height:150%;}
.pricipleBox dt{margin-bottom:20px; font-size:1.25rem; /* 20px/16px */ font-weight:500;}
.pricipleBox dd{padding-left:10px; text-indent:-10px; font-size:1rem; /* 16px/16px */ color:#656565; line-height:150%;}

@media screen and (max-width:1024px){
	.tab_principle li{width:25%;}
	.pricipleBox .txt01{font-size:1rem; /* 16px/16px */}
	.pricipleBox .txt02{font-size:0.875rem; /* 14px/16px */}
	.pricipleBox dt{margin-bottom:10px; font-size:1rem; /* 16px/16px */}
	.pricipleBox dd{font-size:0.875rem; /* 14px/16px */}
}

@media screen and (max-width:767px){
	.tab_principle li:nth-of-type(2){width:20%;}
	.tab_principle li:nth-of-type(3){width:30%;}
}

/* 회사소개 - 오시는 길 */
.branch_wrap{position:absolute; top:0; left:0; width:100%; margin-top:60px; visibility:hidden;}
.branch_wrap .inner{float:right; min-height:555px;}
.branch_wrap .branch{position:relative; width:420px;}
.branch_wrap .branch+.branch{margin-top:60px;}
.branch_wrap .branch .tit_section{margin-bottom:30px;}
.branch_wrap .branch .info+.info{margin-top:25px;}
.branch_wrap .branch .info dt{margin-bottom:20px;}
.branch_wrap .branch .info dt span{display:inline-block; width:74px; padding:5px 0; border-radius:3px; background:#f0f0f0; font-size:0.8125rem; /* 13px/16px */ text-align:center; color:#646464;}
.branch_wrap .branch .info dd{line-height:150%; font-size:0.875rem; /* 14px/16px */ color:#666;}
.branch_wrap .branch .btn_inquiries{display:inline-block; position:relative; float:right; margin-top:25px; padding:15px 25px; border:1px solid #134ea5; border-radius:5px; font-size:0.875rem; /* 14px/16px */ color:#134ea5;}
.branch_wrap .branch .btn_inquiries:after{content:""; display:inline-block; position:absolute; top:50%; right:10px; width:8px; height:16px; margin-top:-8px; background:url(../images/ico_link_blue.gif) no-repeat top left;}
.branch_wrap .branch .position_fix{float:none; position:absolute; top:50%; right:20px; margin-top:0;
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
transform:translate(0,-50%);
}
.branch_wrap .mapBox{position:absolute; top:0; left:0; width:530px;}
.branch_wrap .mapBox .branch_map{width:100% !important;}
.branch_wrap .mapBox .branch_map .wrap_map{height:520px !important;}
.branch_wrap.is-visible{position:relative; visibility:visible;}
.branch_wrap .branch .contactInfo{position:relative; padding:20px; border:1px solid #000;}
.branch_wrap .branch .contactInfo dt{margin-bottom:10px;}

@media screen and (max-width:1024px){
	.tab_branch{border-top:1px solid #ddd;border-bottom:0;}
	.tab_branch li{width:33.3333%; border-top:0; border-bottom:1px solid #ddd;}
	.tab_branch li.is-selected a{border:0; background:#134ea5; font-weight:400; color:#fff;}
	.tab_branch li:nth-of-type(3n+1){border-left:1px solid #ddd;}
	.tab_branch li a:hover{border:0;}

	.branch_wrap{margin-top:30px;}
	.branch_wrap .inner{float:none; min-height:auto;}
	.branch_wrap .branch{width:auto;}
	.branch_wrap .branch .tit_section{margin-bottom:15px;}
	.branch_wrap .branch .info+.info{margin-top:20px;}
	.branch_wrap .branch .info dt{margin-bottom:10px;}
	.branch_wrap .branch .info dt span{font-size:0.75rem; /* 12px/16px */}
	.branch_wrap .branch .info dd{padding-left:10px; text-indent:-10px; font-size:0.75rem; /* 11px/16px */}

	.branch_wrap .branch .btn_inquiries{display:block; float:none; width:120px; margin:15px auto 0 auto; padding:10px 0; font-size:0.75rem; /* 11px/16px */ text-align:center;}
	.branch_wrap .branch .btn_inquiries:after{width:4px; height:8px; margin-top:-4px; background-size:4px 8px;}
	.branch_wrap .branch .position_fix{margin-top:0;}

	.branch_wrap .mapBox{position:relative; top:0; left:0; width:auto; margin-top:30px;}
	.branch_wrap .mapBox .branch_map .wrap_map{height:200px !important;}

	.branch_wrap .branch .contactInfo{padding:15px;}
}

/* 회사소개 - 사회공헌활동 */
.tit_social{font-size:2.25rem; /* 36px/16px */ text-align:center; line-height:46px; color:#333; font-weight:400; letter-spacing:-0.03em;}
.tit_social strong{color:#134ea5; vertical-align:baseline;}
.txt_social{color:#666; text-align:center; letter-spacing:-0.03em; line-height:150%;}
.social_list .box{float:left; width:214px; text-align:center;}
.social_list .box img{max-width:100%;}
.social_list .box+.box{margin-left:calc((100% - (214px * 4))/3);}
.social_list .box dl{margin-top:20px;}
.social_list .box dt{margin-bottom:30px; color:#1c4384; font-size:1rem; line-height:120%;}
.social_list .box dd{color:#666; font-size:0.875rem; /* 14px/16px */}
.social_list .box dd{line-height:120%;}
.social_list .box dd+dd{margin-top:5px;}

@media screen and (max-width:1024px){
  .tit_social{font-size:1.5rem; /* 24px/16px */ line-height:150%;}
  .txt_social{font-size:0.875rem; /* 14px/16px */}
  .txt_social br{display:none;}
  .social_img img{width:275px;}

  .social_list .box{width:calc((100% - (10px * 3)) / 4)}
  .social_list .box+.box{margin-left:10px;}
}

@media screen and (max-width:767px){
	.social_arrow img{width:20px;}
	.social_list .box{width:calc((100% - (10px * 1)) / 2); min-height:230px;}
	.social_list .box+.box{margin-left:0;}
	.social_list .box:nth-of-type(2n){margin-left:10px;}
	.social_list .box img{width:82px;}
	.social_list .box dl{margin-top:10px;}
	.social_list .box dt{margin-bottom:10px;font-size:0.875rem; /* 14px/16px */}
	.social_list .box dd{font-size:0.75rem; /* 12px/16px */}
}


@media screen and (max-width:1024px){
	.bg_contrib{background:none;}
	.img_contrib{width:50%; text-align:center;}
	.img_contrib img{max-width:100%;}

	.box_contrib01 .contrib_value{width:calc(50% - 20px);}
	.box_contrib01 .contrib_value li{padding:25px 0 25px 35px; background-size:60px 47px;}
}

@media screen and (max-width:767px){
	.img_contrib{width:auto}
	.box_contrib01 .contrib_value{position:relative; width:auto; margin-top:20px;}
	.box_contrib01 .contrib_value li{padding:20px 0 20px 30px; font-size:1rem;}

	.box_contrib02 .card{width:calc((100% - 10px) / 2); margin-left:0; margin-bottom:10px;}
	.box_contrib02 .card:nth-of-type(2n){margin-left:10px;}
	.box_contrib02 .card .list{min-height:auto;}
}

/* 팝업 공통 */
.layerPopup{display:none; position:fixed; top:50%; left:50%; width:600px; margin-left:-300px; margin-top:-310px; padding:20px; background:#fff; z-index:1000;}
.layerPopup .tit{margin-bottom:15px; font-size:1.625rem; /* 26px/16px */ font-weight:500;}
.layerPopup .btnArea{margin-top:20px;}
.layerPopup .btn_close_blue{position:absolute; top:0; right:-80px;}

/* 문의 팝업 */
.tbl_form{border-top:1px solid #134ea5; border-bottom:1px solid #134ea5;}
.tbl_form th{padding:20px 0 20px 15px; border-top:1px solid #eee; background:#f9f9f9; font-size:0.8125rem; /* 13px/16px */ font-weight:500; color:#999; text-align:left; vertical-align:middle;}
.tbl_form td{padding:10px 15px; border-top:1px solid #eee; vertical-align:middle; font-size:0.875rem; /* 14px/16px */ color:#2a2a2a;}
.tbl_form tr:first-child th,.tbl_form tr:first-child td{border-top:0;}
.tbl_form input{height:38px; padding:0 10px; border:1px solid #ccc;}
.tbl_form textarea{width:100%; height:170px; padding:10px;  border:1px solid #ccc;}
.tbl_form .title{width:100%;}
.tbl_form .name{width:50%;}
.tbl_form .email input{float:left; width:calc((100% - 20px) / 2);}
.tbl_form .email b{display:inline-block; float:left; width:20px; text-align:center; line-height:38px; font-weight:400;}
.tbl_form .sendTo{width:100%; border:0;}

/* 개인정보 취급방침*/
.termsBox{position:relative; height:400px; font-size:0.875rem; /* 14px/16px */ color:#999; line-height:150%; overflow-y:scroll; -webkit-overflow-scrolling: touch;}
.termsBox strong{color:#2a2a2a; font-weight:400;}
.terms{padding-bottom:0;}
.terms .tit{padding-bottom:30px; border-bottom:1px solid #134ea5;}
.terms .btnArea{padding:15px; background:#f5f5f5;}

@media screen and (max-width:767px){
	.layerPopup{position:fixed; top:0; left:0; width:auto; height:calc(100% - 30px); margin:15px; padding:30px 15px; overflow-y:auto; -webkit-overflow-scrolling: touch;}
	.layerPopup .tit{margin-bottom:20px; font-size:1.125rem; /* 18px/16px */}
	.layerPopup .btnArea{margin-top:20px;}
	.layerPopup .btn_close_blue{position:absolute; top:0; right:0;}
	.layerPopup .btn_close_blue img{width:40px; height:40px;}

	/* 문의 팝업 */
	.tbl_form input{height:30px;}
	.tbl_form th{padding:10px; font-size:0.75rem; /* 12px/16px */ line-height:120%;}
	.tbl_form td{padding:10px; font-size:0.75rem; /* 12px/16px */}
	.tbl_form .name{width:100%;}
	.tbl_form .email b{line-height:30px;}

	/* 개인정보 취급방침*/
	.terms .tit{padding-bottom:20px;}
	.termsBox{height:calc(100% - (59px + 60px));}
}

/* 회사소개 - contact us */
.contactInfoBox+.contactInfoBox{margin-top:60px; padding-top:60px; border-top:1px solid #cfcfcf;}
.contactInfoBox .tit_section{margin-bottom:60px;}
.list_contact .depart{float:left; width:calc((100% - (10px * 3)) / 4); margin:5px 0 5px 10px; border:1px solid #cbcbcb;}
.list_contact .depart:nth-of-type(4n+1){margin-left:0;}
.list_contact .depart a{color:#666; font-size:0.9375rem; /* 15px/16px */}
.list_contact .depart .departName{padding:15px 0 15px 20px; background:#dde5f1; font-weight:500; color:#333;}
.list_contact .depart .tel{padding:20px 0 5px 20px; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important;}
.list_contact .depart .tel:before{content:""; display:inline-block; width:20px; height:14px; margin-right:5px; background:url(../images/ico_tel.gif) no-repeat top left; vertical-align:middle;}
.list_contact .depart .email{padding:5px 0 20px 20px;  text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important;}
.list_contact .depart .email:before{content:""; display:inline-block; width:20px; height:14px; margin-right:5px; background:url(../images/ico_email.gif) no-repeat top left; vertical-align:middle}

@media screen and (max-width:1024px){
	.contactInfoBox+.contactInfoBox{margin-top:30px; padding-top:30px;}
	.contactInfoBox .tit_section{margin-bottom:30px;}
	.list_contact .depart{width:calc((100% - (10px * 2)) / 3);}
	.list_contact .depart:nth-of-type(4n+1){margin-left:10px;}
	.list_contact .depart:nth-of-type(3n+1){margin-left:0;}
}

@media screen and (max-width:767px){
	.contactInfoBox+.contactInfoBox{margin-top:20px; padding-top:20px;}
	.contactInfoBox .tit_section{margin-bottom:20px;}
	.list_contact .depart{width:calc((100% - (10px * 1)) / 2);}
	.list_contact .depart:nth-of-type(3n+1){margin-left:10px;}
	.list_contact .depart:nth-of-type(2n+1){margin-left:0;}
	.list_contact .depart a{font-size:0.6875rem; /* 11px/16px */}
	.list_contact .depart .departName{padding:10px;}
	.list_contact .depart .tel{padding:10px 10px 5px 10px;}
	.list_contact .depart .tel:before{width:10px; height:7px; background-size:contain;}
	.list_contact .depart .email{padding:5px 10px 10px 10px;}
	.list_contact .depart .email:before{width:10px; height:7px; background-size:contain;}
}

/* 데이터 테이블 기본 */
.tbl_data{font-size:0.8125rem; /* 13px/16px */ color:#666;}
.tbl_data th{padding:15px 3px; border-left:1px solid #ccc; border-bottom:1px solid #ccc; vertical-align:middle; word-break:break-all; line-height:130%;}
.tbl_data td{padding:10px 3px; border-left:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center; vertical-align:middle; word-break:break-all; line-height:130%;}
.tbl_data th:first-child, .tbl_data td:first-child{border-left:0;}
.tbl_data thead th{border-top:1px solid #134ea5; background:#f5f7f9; color:#5b78a4;}
.tbl_data li{line-height:130%;}
.tbl_data li+li{margin-top:5px;}

.tbl_data01{border-top:1px solid #cbcbcb; font-size:0.8125rem; /* 13px/16px */ color:#666;}
.tbl_data01 th{padding:15px 3px; border-bottom:1px solid #cbcbcb; background:#eef2f8; vertical-align:middle; word-break:break-all; line-height:130%; font-size:0.9375rem; /* 15px/16px */ font-weight:500; color:#1c4384;}
.tbl_data01 td{padding:15px 20px; border-bottom:1px solid #cbcbcb; word-break:break-all; line-height:130%; word-break:keep-all;}
.tbl_data01 th:first-child, .tbl_data02 td:first-child{border-left:0;}

.tbl_data02{font-size:0.8125rem; /* 13px/16px */ color:#666;}
.tbl_data02 th{padding:15px 3px; border-left:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb; vertical-align:middle; word-break:break-all; line-height:130%; font-size:0.9375rem; /* 15px/16px */ font-weight:500;}
.tbl_data02 td{padding:15px 20px; border-left:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb; word-break:break-all; line-height:130%; word-break:keep-all;}
.tbl_data02 th:first-child, .tbl_data02 td:first-child{border-left:0;}
.tbl_data02 thead th{border-top:1px solid #cbcbcb; background:#eef2f8; color:#1c4384;}
.tbl_data02 tbody th{background:#f3f3f3; color:#666; font-size:0.875rem; /* 14px/16px */ word-break:keep-all;}
.tbl_data02 li{line-height:130%;}
.tbl_data02 li+li{margin-top:5px;}
.tbl_data02 .twoline_list{width:33.3333%; margin:0 auto; overflow:hidden;}
.tbl_data02 .twoline_list li{float:left; width:50%; margin-top:5px; padding-left:20px;}

/* 재무정보 */
.tbl_finance{font-size:0.875rem; /* 14px/16px */ color:#666;}
.tbl_finance th{padding:18px 3px;}
.tbl_finance td{padding:18px 3px;}
.tbl_finance tbody th{padding:18px 0; font-weight:400;}

.point_line01 th,.point_line01 td{background:#fbf0de !important; font-weight:700 !important;}
.point_line02 th,.point_line02 td{background:#f9f9f9 !important; font-weight:700 !important;}

@media screen and (max-width:1024px){
	.tbl_data02 .twoline_list{width:50%;}
}

@media screen and (max-width:767px){
	.tbl_finance{font-size:0.75rem; /* 12px/16px */}
	.tbl_finance tbody th{padding-left:3px; padding-right:3px;}

	.tbl_data02{font-size:0.75rem; /* 12px/16px */}
	.tbl_data02 th{font-size:0.875rem; /* 14px/16px */ word-break:keep-all;}
	.tbl_data02 tbody th{font-size:0.75rem; /* 12px/16px */}
	.tbl_data02 td{padding:10px;}
	.tbl_data02 .twoline_list{width:100%;}
}

/* 인재채용 - 채용정보 */
.recruit_talent{position:relative; padding-right:67.3%;}
.recruit_talent .txtBox{position:absolute; top:20px; right:0;}
.recruit_talent .txt01{font-size:1.875rem; /* 30px/16px */ line-height:130%;}
.recruit_talent .txt01 strong{vertical-align:baseline;}
.recruit_talent .txt02{position:relative; margin-top:40px; padding-top:35px; font-size:1.063rem; /* 17px/16px */ line-height:150%;}
.recruit_talent .txt02:before{content:""; display:inline-block; position:absolute; top:0; left:0; width:35px; height:2px; background:#7d82ce;}
.recruit_talent .txt02 span,.recruit_talent .txt02 strong{vertical-align:baseline;}
.recruit_talent .value p{width:326px; height:94px; padding-left:55px; background-color:#7d82ce; background-repeat:no-repeat; background-position:0 0; font-size:1.125rem; /* 18px/16px */ color:#fff; font-weight:500; line-height:94px; text-align:center;}
.recruit_talent .value p+p{margin-top:10px;}
.recruit_talent .value .v01{background-image:url(../images/recruit_info_value01.jpg);}
.recruit_talent .value .v02{background-image:url(../images/recruit_info_value02.jpg);}
.recruit_talent .value .v03{background-image:url(../images/recruit_info_value03.jpg);}
.recruit_process>li{position:relative; float:left; width:150px; height:150px; border:6px solid #4a8edf; background:#fff; border-radius:50%; text-align:center;}
.recruit_process>li+li{margin-left:calc((100% - (150px * 4)) / 3);}
.recruit_process>li:before{content:""; display:block; position:absolute; top:50%; right:-100%; width:100%; height:17px; margin-top:-8px; margin-right:-6px; background:url(../images/ico_recruit_process_arrow.gif) no-repeat top left;}
.recruit_process>li p{display:block; position:absolute; top:30px; left:0; width:100%; line-height:130%;}
.recruit_process>li span{display:block; margin-bottom:20px;}
.recruit_process>li:nth-of-type(1){border-color:#4a8edf;}
.recruit_process>li:nth-of-type(2){border-color:#42c1d4;}
.recruit_process>li:nth-of-type(3){border-color:#41d4af;}
.recruit_process>li:nth-of-type(4){border-color:#7a7fcc;}
.recruit_process>li:nth-of-type(1) span{color:#4a8edf;}
.recruit_process>li:nth-of-type(2) span{color:#42c1d4;}
.recruit_process>li:nth-of-type(3) span{color:#41d4af;}
.recruit_process>li:nth-of-type(4) span{color:#7a7fcc;}
.recruit_process>li:nth-of-type(4):before{display:none;}
.recruit_process .addList{position:relative; margin-top:100%; padding-top:25px; font-size:0.875rem; /* 14px/16px */}
.recruit_process .addList:before{content:""; display:block; position:absolute; top:0; left:50%; width:2px; height:25px;}
.recruit_process>li:nth-of-type(1) .addList:before{background:#4a8edf;}
.recruit_process>li:nth-of-type(2) .addList:before{background:#42c1d4;}
.recruit_process>li:nth-of-type(3) .addList:before{background:#41d4af;}
.recruit_process>li:nth-of-type(4) .addList:before{background:#7a7fcc;}
.recruit_process .addList li{padding:15px 0; color:#333;}
.recruit_process .addList li+li{margin-top:5px;}
.recruit_inquiry{position:relative; padding:30px; background:#f5f5f5;}
.recruit_inquiry .contactInfo{display:inline-block; font-size:1.625rem; /* 26px/16px */}
.recruit_inquiry .contactInfo img{vertical-align:middle;}
.recruit_inquiry .contactInfo+.contactInfo{margin-left:50px;}
.recruit_inquiry .btn_recruit{display:block; position:absolute; top:0; right:0; width:350px; height:100%; background:#134ea5; color:#fff; font-size:1.125rem; /* 18px/16px */ text-align:center; line-height:96px;}
.recruit_inquiry .btn_recruit:after{content:""; display:block; position:absolute; top:50%; right:20px; width:26px; height:18px; margin-top:-9px; background:url(../images/ico_link_arrow.gif) no-repeat top left;}

@media screen and (max-width:1024px){
	.recruit_talent{padding-right:0;}
	.recruit_talent .txtBox{position:relative; top:0;}
	.recruit_talent .txt01{font-size:1rem;}
	.recruit_talent .txt01 br{display:none;}
	.recruit_talent .txt02{margin-top:15px; padding-top:15px; font-size:0.875rem; /* 14px/16px */}
	.recruit_talent .value{margin-top:20px; overflow:hidden;}
	.recruit_talent .value p{float:left; width:calc((100% - 10px * 2) / 3); background-position:-20px 0; font-size:1rem;}
	.recruit_talent .value p+p{margin-top:0; margin-left:10px;}
	.recruit_inquiry{padding:20px;}
	.recruit_inquiry .contactInfo{width:33.3333%; font-size:1rem;}
	.recruit_inquiry .contactInfo+.contactInfo{margin-left:0;}
	.recruit_inquiry .btn_recruit{width:33.3333%; font-size:1rem; line-height:76px;}
}

@media screen and (max-width:767px){
	.recruit_talent .value p{height:auto; padding:20px 10px; line-height:130%; font-size:0.875rem; /* 14px/16px */}
	.recruit_talent .value .v01{background-image:none;}
	.recruit_talent .value .v02{background-image:none;}
	.recruit_talent .value .v03{background-image:none;}

	.recruit_process>li{width:calc((100% - 10px) / 2); height:160px; margin-bottom:10px;}
	.recruit_process>li:before{display:none;}
	.recruit_process>li+li{margin-left:0;}
	.recruit_process>li:nth-of-type(2n){margin-left:10px;}

	.recruit_inquiry{padding:0;}
	.recruit_inquiry .contactInfo{display:block; width:auto; padding:20px;}
	.recruit_inquiry .contactInfo+.contactInfo{padding-top:10px;}
	.recruit_inquiry .btn_recruit{position:relative; width:100%; line-height:50px;}
}

/* 인재채용 - 교육제도 */
.circle_list{position:relative;}
.circle_list .circle{position:relative; width:188px; height:188px; border:6px solid #4a8edf; border-radius:50%; background:#fff; text-align:center;}
.circle_list:before{content:""; display:block; position:absolute; top:50%; left:0; width:100%; height:3px; background:#ccc;}
.circle_list .circle:nth-of-type(2){border-color:#42c1d4;}
.circle_list .circle:nth-of-type(3){border-color:#41d4af;}
.circle_list .circle:nth-of-type(4){border-color:#7a7fcc;}
.circle_list .circle:nth-of-type(5){border-color:#21b6cd;}
.circle_list .circle .inner{position:absolute; top:50%; left:0; width:100%; font-size:1.25rem; /* 20px/16px */ color:#333; line-height:130%; font-weight:500;
	-webkit-transform:translate(0,-50%);
	-moz-transform:translate(0,-50%);
	-ms-transform:translate(0,-50%);
	-o-transform:translate(0,-50%);
	transform:translate(0,-50%);
}

.eduGoal{position:relative;}
.eduGoal li{float:left;}
.eduGoal li+li{margin-left:calc((100% - (188px *3))/2);}

.eduNeed .borderBox{float:left; width:calc((100% - 20px)/2); margin-bottom:20px; padding:40px 0 40px 115px; border:3px solid #7d82ce;  background:url(../images/img_edu01.jpg) no-repeat top left;}
.eduNeed .borderBox dt{margin-bottom:10px; font-size:1.438rem; /* 23px/16px */ color:#7d82ce; font-weight:500;}
.eduNeed .borderBox dd{font-size:0.9375rem; /* 15px/16px */}
.eduNeed .borderBox:nth-of-type(2n){margin-left:20px;}
.eduNeed .borderBox:nth-of-type(2){border-color:#619be1; background-image:url(../images/img_edu02.jpg);}
.eduNeed .borderBox:nth-of-type(2) dt{color:#619be1;}
.eduNeed .borderBox:nth-of-type(3){border-color:#21b6cd; background-image:url(../images/img_edu03.jpg);}
.eduNeed .borderBox:nth-of-type(3) dt{color:#21b6cd;}
.eduNeed .borderBox:nth-of-type(4){border-color:#20cda1; background-image:url(../images/img_edu04.jpg);}
.eduNeed .borderBox:nth-of-type(4) dt{color:#20cda1;}

.csEdu_prosess{padding:30px; background:#f5f5f5;}
.csEdu_prosess li{position:relative; float:left; width:33.3333%; padding:25px 0; text-align:center; color:#fff; font-size:1.125rem; /* 18px/16px */}
.csEdu_prosess li:nth-of-type(1){background:#20cda1; z-index:2;}
.csEdu_prosess li:nth-of-type(1):after{content:""; display:block; position:absolute; top:0; right:-13px; width:0; height:0; border:13px solid #20cda1; border-top-color:transparent; border-top-width:34px; border-right:0; border-bottom-color:transparent; border-bottom-width:34px;}
.csEdu_prosess li:nth-of-type(1):before{content:""; display:block; position:absolute; top:50%; right:-15px; width:0; height:0; border:15px solid #fff; border-top-color:transparent; border-top-width:38px; border-right:0; border-bottom-color:transparent; border-bottom-width:38px;
	-webkit-transform:translate(0,-50%);
	-moz-transform:translate(0,-50%);
	-ms-transform:translate(0,-50%);
	-o-transform:translate(0,-50%);
	transform:translate(0,-50%);
}
.csEdu_prosess li:nth-of-type(2){background:#619be1; z-index:1;}
.csEdu_prosess li:nth-of-type(2):after{content:""; display:block; position:absolute; top:0; right:-13px; width:0; height:0; border:13px solid #619be1; border-top-color:transparent; border-top-width:34px; border-right:0; border-bottom-color:transparent; border-bottom-width:34px;}
.csEdu_prosess li:nth-of-type(2):before{content:""; display:block; position:absolute; top:50%; right:-15px; width:0; height:0; border:15px solid #fff; border-top-color:transparent; border-top-width:38px; border-right:0; border-bottom-color:transparent; border-bottom-width:38px;
	-webkit-transform:translate(0,-50%);
	-moz-transform:translate(0,-50%);
	-ms-transform:translate(0,-50%);
	-o-transform:translate(0,-50%);
	transform:translate(0,-50%);
}
.csEdu_prosess li:nth-of-type(3){background:#7d82ce;}

.capacity .card{float:left; width:calc((100% - (11px * 2)) / 3); min-height:200px; margin-left:10px;}
.capacity .card:first-child{margin-left:0;}

.effect .card{float:left; width:calc((100% - (10px * 3)) / 4); min-height:133px; margin-left:10px;}
.effect .card:first-child{margin-left:0;}

@media screen and (max-width:767px){
	.circle_list .circle{width:120px; height:120px;}
	.circle_list .circle .inner{font-size:1rem;}
	.eduGoal .circle{width:100px; height:100px; border-width:3px;}
	.eduGoal .circle+.circle{margin-left:calc((100% - (100px *3))/2)}
	.eduGoal .circle .inner{font-size:0.875rem; /* 14px/16px */}

	.eduNeed .borderBox{margin-bottom:10px; padding:20px 20px 20px 70px; background-size:67px 67px; background-position:left center;}
	.eduNeed .borderBox{float:none; width:auto;}
	.eduNeed .borderBox:nth-of-type(2n){margin-left:0;}
	.eduNeed .borderBox dt{font-size:1.125rem; /* 18px/16px */}
	.eduNeed .borderBox dd{font-size:0.875rem; /* 14px/16px */ line-height:130%;}

	.csEdu_prosess li{font-size:0.875rem; /* 14px/16px */}
	.csEdu_prosess li:nth-of-type(1):after{border-top-width:32px; border-bottom-width:32px;}
	.csEdu_prosess li:nth-of-type(2):after{border-top-width:32px; border-bottom-width:32px;}
	.csEdu_prosess{padding:0;}
	.capacity .card{float:none; width:auto; min-height:auto; margin-left:0; margin-top:5px;}
	.effect .card{float:none; width:auto; min-height:auto; margin-left:0; margin-top:5px;}
}

/* 인재채용 - 급여 및 복리후생 */
.evalWrap .evaluation{float:left; width:38%;}
.evalWrap .evaluation+.evaluation{float:right; width:58%;}
.evalWrap .evaluation .tbl_data td{height:95px; padding:10px; text-align:left; vertical-align:top; word-break:keep-all;}
.evalWrap .evaluation .tbl_data td ul li{padding-left:10px; text-indent:-10px; line-height:130%; letter-spacing:-0.05em;}
.evalWrap .evaluation .tbl_data td ul li+li{margin-top:5px;}

.walfare li{float:left;}
.walfare li+li{margin-left:calc((100% - ((189px *2) + (188px *2)))/3);}

@media screen and (max-width:1024px){
	.evalWrap .evaluation{float:none; width:auto;}
	.evalWrap .evaluation+.evaluation{float:none; width:100%; margin-top:20px;}

	.walfare .circle{width:130px; height:130px;}
	.walfare .circle+.circle{margin-left:calc((100% - (130px *5))/4);}
	.walfare .circle .inner{font-size:1rem;}
}

@media screen and (max-width:767px){
	.walfare{display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:-o-flex; display:flex;
	-webkit-justify-content:center; -moz-justify-content:center; -ms-justify-content:center; -o-justify-content:center; justify-content:center;}
	.walfare:before{display:none;}
	.walfare .circle{float:none; height:88px; border-width:3px; word-wrap: break-word;}
	.walfare .circle+.circle{margin-left:5px}
  .walfare .circle .inner{font-size:0.8125rem; /* 13px/16px */}
}

/* 사업영역 - CRM service - consulting */
.consulting_service li{float:left; width:calc((100% - (10px * 4)) / 5); margin-left:10px; padding-bottom:50px; border:9px solid #003a80; center; text-align:center;}
.consulting_service li:before{content:""; display:block; height:150px; background-repeat:no-repeat; background-position:center}
.consulting_service li:nth-of-type(1){margin-left:0;}
.consulting_service li:nth-of-type(1):before{background-image:url(../images/consulting_service_img01.gif);}
.consulting_service li:nth-of-type(2):before{background-image:url(../images/consulting_service_img02.gif);}
.consulting_service li:nth-of-type(3):before{background-image:url(../images/consulting_service_img03.gif);}
.consulting_service li:nth-of-type(4):before{background-image:url(../images/consulting_service_img04.gif);}
.consulting_service li:nth-of-type(5):before{background-image:url(../images/consulting_service_img05.gif);}
.consulting_process>li{float:left; width:calc((100% - 20px) / 2); margin-left:20px; margin-bottom:20px; border:1px solid #cbcbcb;}
.consulting_process>li:nth-of-type(2n+1){margin-left:0;}
.consulting_process .step01 .tit_step{background:#7a7fcc;}
.consulting_process .step02 .tit_step{background:#4a8edf;}
.consulting_process .step03 .tit_step{background:#42c1d4;}
.consulting_process .step04 .tit_step{background:#41d4af;}
.consulting_process .tit_step{position:relative; padding:15px 0 15px 90px; color:#fff; font-weight:500; overflow:hidden;}
.consulting_process .tit_step span{display:block; position:absolute; top:5px; left:10px; font-size:0.875rem; /* 14px/16px */}
.consulting_process .tit_step b{display:block; margin:-3px 0 0 10px; font-size:2.75rem; /* 44px/16px */ font-weight:500;}
.consulting_process .process_c{display:table; width:100%; margin:28px 0;}
.consulting_process .process_c>li{display:table-cell; font-size:1.125rem; /* 18px/16px */ color:#6065ba; vertical-align:middle; text-align:center;}
.consulting_process .process_c>li+li{background:url(../images/bg_consulting_process.gif) no-repeat center left;}
.consulting_process .list_set2 li{width:50%;}
.consulting_process .list_set3 li{width:33.3333%;}
.consulting_process .process_c>li span{display:inline-block;text-align:left; line-height:130%;}

@media screen and (max-width:1024px){
	.consulting_service li{border-width:5px;}
	.consulting_process .process_c>li{font-size:0.875rem; /* 14px/16px */}
	.consulting_process .tit_step b{margin-top:2px; font-size:2.313rem; /* 37px/16px */}
}

@media screen and (max-width:767px){
	.consulting_service li{width:calc((100% - (10px * 2)) / 3); margin-bottom:10px; padding-bottom:20px; border-width:3px;}
	.consulting_service li:nth-of-type(3n+1){margin-left:0;}
	.consulting_service li:before{height:70px;}
	.consulting_service li:nth-of-type(1):before{background-size:32px 32px;}
	.consulting_service li:nth-of-type(2):before{background-size:36px 24px;}
	.consulting_service li:nth-of-type(3):before{background-size:35px 28px;}
	.consulting_service li:nth-of-type(4){margin-left:calc(((100% - (10px * 2)) / 3) / 2);}
	.consulting_service li:nth-of-type(4):before{background-size:30px 29px;}
	.consulting_service li:nth-of-type(5):before{background-size:27px 32px;}
	.consulting_process .process_c{margin:15px 0;}
	.consulting_process>li{width:100%; margin-left:0;}
	.consulting_process .tit_step b{margin-top:0; font-size:1.875rem; /* 30px/16px */}
}

/* ir - 주가정보 */
.stock_dateTime{font-size:1.5rem; /* 24px/16px */ color:#333; font-weight:500;}
.stock_dateTime .date{display:inline-block;}
.stock_dateTime .time{display:inline-block; margin-left:15px;}
.stockInfo .infoBox{float:left; width:calc((100% - 20px) / 2); height:270px; padding:30px; border:8px solid #ddd;}
.stockInfo .infoBox+.infoBox{margin-left:20px;}
.stockInfo .tbl_stock01 td{padding:10px 0; border-top:1px solid #ddd; text-align:center; vertical-align:middle; font-size:1.125rem; /* 18px/16px */}
.stockInfo .tbl_stock01 td img{vertical-align:middle;}
.stockInfo .tbl_stock01 .gotham{font-weight: 700; letter-spacing:-0.04em;}
.stockInfo .tbl_stock01 td strong{display:inline-block; margin-left:20px; vertical-align:middle; font-size:4.375rem; /* 70px/16px */ }
.stockInfo .tbl_stock01 td b{display:inline-block; font-size:1.875rem; /* 30px/16px */}
.stockInfo .tbl_stock01 tr:first-child td{border-top:0;}
.stockInfo .tbl_stock02 th{padding:10px 0; border-left:1px solid #ddd; vertical-align:middle; font-size:1.875rem; /* 30px/16px */ font-weight:700;}
.stockInfo .tbl_stock02 td{padding:30px 0 5px; border-top:1px solid #ddd; border-left:1px solid #ddd; text-align:center; vertical-align:middle; font-size:1.25rem; /* 20px/16px */ font-weight:500;}
.stockInfo .tbl_stock02 td p{margin-top:20px;}
.stockInfo .tbl_stock02 th:first-child,.stockInfo .tbl_stock02 td:first-child{border-left:0;}
.stockInfo .tbl_stock02 .gotham{letter-spacing:-0.04em;}
.tbl_stock_info01{font-size:1rem;}
.tbl_stock_info01 thead th{border:1px solid #bbb; background:#293036; color:#fff;}
.tbl_stock_info01 td{border:1px solid #bbb; font-weight:700; color:#333;}
.tbl_stock_info01 th:first-child,.tbl_stock_info01 td:first-child{border-left:1px solid #bbb;}

.stock_hc_data .tbl_data{float:left; width:calc((100% - 20px) / 2);}
.stock_hc_data .tbl_data+.tbl_data{margin-left:20px;}
.tbl_stock_info02 thead th{height:60px; padding:0; border:1px solid #ccc; background:#134ea5; color:#fff; font-size:1.25rem; /* 20px/16px */}
.tbl_stock_info02 tbody th{height:60px; border:1px solid #ccc; font-size:1rem; color:#134ea5; font-weight:500;}
.tbl_stock_info02 tbody td{height:60px; padding:0; border:1px solid #ccc; font-size:1rem; color:#333; font-weight:700;}
.tbl_stock_info02 tbody th:first-child,.tbl_stock_info02 tbody td:first-child{border-left:1px solid #ccc;}
.tbl_stock_info02 tbody tr:nth-child(odd){background:#f5f5f5;}

.tbl_stock_info03 thead th{height:60px; padding:0; border:1px solid #ccc; background:#134ea5; color:#fff; font-size:1rem; font-weight:500;}
.tbl_stock_info03 tbody td{height:30px; padding:0; border:1px solid #ccc; font-size:1rem; color:#333; font-weight:500;}
.tbl_stock_info03 tbody td:first-child{border-left:1px solid #ccc;}
.tbl_stock_info03 tbody td:empty{background:#f5f5f5;}

.edition_info{padding-left:10px; font-size:0.875rem; /* 14px/16px */ color:#656565; text-indent:-10px; line-height:130%;}
.edition_info+.edition_info{margin-top:5px;}

@media screen and (max-width:1024px){
	.stock_dateTime{font-size:0.875rem; /* 14px/16px */}
	.stockInfo .infoBox{height:210px; padding:15px;}
	.stockInfo .tbl_stock01 td{font-size:0.875rem; /* 14px/16px */}
	.stockInfo .tbl_stock01 td strong{font-size:2.5rem; /* 40px/16px */}
	.stockInfo .tbl_stock01 td b{display:inline-block; font-size:1.25rem; /* 20px/16px */}
	.stockInfo .tbl_stock02 th{font-size:1.5rem; /* 24px/16px */}
	.stockInfo .tbl_stock02 td{font-size:1rem;}
	.stockInfo .limg{width:50px;}
	.stockInfo .simg{width:28px;}

	.tbl_stock_info01{font-size:0.75rem; /* 12px/16px */}
	.tbl_stock_info02 thead th{height:auto; padding:15px 0; font-size:1rem;}
	.tbl_stock_info02 tbody th{height:auto; padding:15px 0; font-size:0.75rem; /* 12px/16px */}
	.tbl_stock_info02 tbody td{height:auto; padding:15px 0; font-size:0.75rem; /* 12px/16px */}

	.tbl_stock_info03 thead th{height:auto; padding:15px 0; font-size:1rem;}
	.tbl_stock_info03 tbody td{height:auto; padding:10px 0; font-size:0.75rem; /* 12px/16px */}
}

@media screen and (max-width:767px){
	.stockInfo .infoBox{float:none; width:auto; height:auto;}
	.stockInfo .infoBox+.infoBox{margin-left:0; margin-top:10px;}

	.stock_hc_data .tbl_data{float:none; width:100%;}
	.stock_hc_data .tbl_data+.tbl_data{margin-left:0; margin-top:10px;}

	.edition_info{padding-left:10px; font-size:0.75rem; /* 12px/16px */}
}

/* 사업영역 - why hc */
.why01 .img{position:absolute; top:90px; right:0;}
.knowhow li{text-align:center;}
.knowhow .goal{padding-top:240px; background:url(../images/img_whyhc02.gif) no-repeat top center; color:#1c4384; font-weight:700; font-size:1.25rem; /* 20px/16px */ line-height:120%;}
.why03{background:url(../images/img_whyhc03.jpg) no-repeat right 120px;}
.program .card{float:left; width:calc((100% - 10px) / 2); margin-bottom:10px;}
.program .card+.card{margin-left:10px;}
.why04 .goal{text-align:center;}
.why04 .goal p{display:inline-block; width:315px; padding:30px 0; font-size:1.125rem; /* 18px/16px */ color:#fff; font-weight:500; color:#fff; background:#7d82ce;}
.why04 .goal p+p{margin-left:10px; background:#619be1;}

@media screen and (max-width:1024px){
	.why01 .img{position:relative; top:0; margin-top:20px; text-align:center;}
	.why03{background:none;}
}

@media screen and (max-width:767px){
	.why01 .img img{width:174px;}
	.why03{background:none;}
	.why04 .goal p{width:100%; margin:0; padding:15px 0; font-size:0.875rem; /* 14px/16px */}
	.why04 .goal p+p{margin:5px 0 0 0;}

	.knowhow .goal{padding-top:120px; background-size:142px 110px; font-size:1rem;}
}

/* 사업영역 - 컨택센터 개요 */
.imgBox{text-align:center;}
.imgBox img{max-width:100%;}
.serviceWrap .service01{float:left; width:38%;}
.serviceWrap .service01 th{height:65px;}
.serviceWrap .service01 td{height:78px; text-align:left;}
.serviceWrap .service02{float:right; width:58%;}
.serviceWrap .service02 th{height:65px;}
.serviceWrap .service02 td{height:78px;}
.quality{background:#f5f5f5;}
.quality dl{float:left; width:50%; padding:40px;}
.quality dl+dl{border-left:1px solid #cbcbcb;}
.quality dt{margin-bottom:30px; font-size:1.25rem; /* 20px/16px */ font-weight:500; letter-spacing:-0.05em; color:#333;}
.quality dd{text-align:center;}
.quality dd img{max-width:100%;}
.advantage .card{height:170px;}

@media screen and (max-width:767px){
	.serviceWrap .service01{float:none; width:100%;}
	.serviceWrap .service02{float:none; width:100%; margin-top:40px;}
	.quality dl{float:none; width:100%; padding:20px;}
	.quality dl+dl{border-left:0;}
	.quality dt{font-size:0.75rem; /* 12px/16px */}
	.quality dd{padding:0 20px;}

	.advantage .card{height:150px;}
	.advImg{padding:0 20px;}
}

/* common */
.list_blueline:after{content:""; display:block; clear:both;}
.list_blueline li{float:left; width:calc((100% - (10px * 3)) / 4); margin-left:10px; padding:20px 0; border:6px solid #4a8edf; color:#333; font-weight:500; font-size:1rem; text-align:center;}
.list_blueline li:first-child{margin-left:0;}

.underArrow:after{content:""; display:block; height:62px; margin:10px 0; background:url(../images/img_mission_arrow.gif) no-repeat top center;}

.card2 .card{float:left; width:calc((100% - 10px) / 2); margin-left:9px; margin-top:10px;}
.card2 .card:nth-of-type(2n+1){margin-left:0;}
.card2 .card:nth-of-type(-n+2){margin-top:0;}
.card3 .card{float:left; width:calc((100% - (10px * 2)) / 3); margin-left:9px; margin-top:10px;}
.card3 .card:nth-of-type(3n+1){margin-left:0;}
.card3 .card:nth-of-type(-n+3){margin-top:0;}
.card4 .card{float:left; width:calc((100% - (10px * 3)) / 4); margin-left:9px; margin-top:10px;}
.card4 .card:nth-of-type(4n+1){margin-left:0;}
.card4 .card:nth-of-type(-n+4){margin-top:0;}
.card5 .card{float:left; width:calc((100% - (10px * 4)) / 5); margin-left:9px; margin-top:10px;}
.card5 .card:nth-of-type(5n+1){margin-left:0;}
.card5 .card:nth-of-type(-n+5){margin-top:0;}

@media screen and (max-width:1024px){
	.list_blueline li{padding:15px 0; font-size:0.875rem; /* 14px/16px */ border-width:3px;}
	.why04 .goal p{padding:15px 0; font-size:0.875rem; /* 14px/16px */}
}

@media screen and (max-width:767px){
	.list_blueline li{width:calc((100% - 5px) / 2); margin-left:5px; margin-bottom:5px; padding:10px 0;}
	.list_blueline li:nth-of-type(2n+1){margin-left:0;}

	.underArrow:after{height:31px; background-size:20px 31px;}

	.card3 .card{width:calc((100% - 10px) / 2); margin-left:0;}
	.card3 .card:nth-of-type(2n){margin-left:10px;}
	.card3 .card:nth-of-type(-n+3){margin-top:10px;}
	.card3 .card:nth-of-type(-n+2){margin-top:0;}

	.card4 .card{width:calc((100% - 10px) / 2); margin-left:0;}
	.card4 .card:nth-of-type(2n){margin-left:10px;}
	.card4 .card:nth-of-type(-n+4){margin-top:10px;}
	.card4 .card:nth-of-type(-n+2){margin-top:0;}

	.card5 .card{width:calc((100% - 10px) / 2); margin-left:0;}
	.card5 .card:nth-of-type(2n){margin-left:10px;}
	.card5 .card:nth-of-type(-n+5){margin-top:10px;}
	.card5 .card:nth-of-type(-n+2){margin-top:0;}
}

/* 사업영역 - QA */
.field .card{min-height:140px;}
.process{width:100%;}
.process>li{float:left; position:relative; width:16.6666%; height:90px; text-align:center; color:#fff; font-size:1rem; vertical-align:middle;}
.process>li span{display:block; position:absolute; top:50%; left:0; width:100%; line-height:130%;
	-webkit-transform:translate(0,-50%);
	-moz-transform:translate(0,-50%);
	-ms-transform:translate(0,-50%);
	-o-transform:translate(0,-50%);
	transform:translate(0,-50%);
}
.process>li:after{content:""; display:block; position:absolute; top:0; right:-10px; width:0; height:0; border:10px solid #20cda1; border-top-color:transparent; border-top-width:45px; border-right:0; border-bottom-color:transparent; border-bottom-width:45px; z-index:1;}
.process>li:before{content:""; display:block; position:absolute; top:50%; right:-13px; width:0; height:0; border:13px solid #fff; border-top-color:transparent; border-top-width:56px; border-right:0; border-bottom-color:transparent; border-bottom-width:56px; z-index:1;
	-webkit-transform:translate(0,-50%);
	-moz-transform:translate(0,-50%);
	-ms-transform:translate(0,-50%);
	-o-transform:translate(0,-50%);
	transform:translate(0,-50%);

}
.process>li:nth-of-type(1){background:#20cda1; z-index:6;}
.process>li:nth-of-type(2){background:#21b6cd; z-index:5;}
.process>li:nth-of-type(2):after{border-left-color:#21b6cd;}
.process>li:nth-of-type(3){background:#619be1; z-index:4;}
.process>li:nth-of-type(3):after{border-left-color:#619be1;}
.process>li:nth-of-type(4){background:#134ea5; z-index:3;}
.process>li:nth-of-type(4):after{border-left-color:#134ea5;}
.process>li:nth-of-type(5){background:#7d82ce; z-index:2;}
.process>li:nth-of-type(5):after{border-left-color:#7d82ce;}
.process>li:nth-of-type(6){background:#2d338a;}
.process>li:nth-of-type(6):before, .process>li:nth-of-type(6):after{display:none;}

.qa_goal{text-align:center;}
.qa_goal p{display:inline-block; width:275px; margin-left:5px; padding:15px 0; font-size:1.125rem; /* 18px/16px */ font-weight:500; line-height:130%; text-align:center; color:#fff;}
.qa_goal p:nth-of-type(1){background:#7d82ce; margin-left:0;}
.qa_goal p:nth-of-type(2){background:#619be1;}
.qa_goal p:nth-of-type(3){background:#21b6cd;}

@media screen and (max-width:1024px){
	.field .card .list{font-size:0.75rem; /* 12px/16px */}
	.process>li{padding-left:15px; font-size:0.875rem; /* 14px/16px */}
	.qa_goal p{float:left; width:calc((100% - (10px * 2)) / 3); font-size:0.875rem; /* 14px/16px */}
}

@media screen and (max-width:767px){
	.card3 .card{width:calc((100% - 10px) / 2);}
	.field{display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:-o-flex; display:flex;
		-webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; -o-flex-wrap:wrap; flex-wrap:wrap;
	}
	.field .card{float:none; margin:0 auto 10px auto;}

	.process{display:block;}
	.process>li{display:block; float:left; width:calc((100% - (3px * 2)) / 3); height:50px; margin-left:3px; margin-bottom:3px; line-height:50px; font-size:0.75rem; /* 12px/16px */}
	.process>li:nth-of-type(3n+1){margin-left:0;}
	.process>li:after{border-top-width:25px; border-bottom-width:25px;}
	.process>li:before{top:0; right:auto; left:0; width:0; height:0; border:10px solid #fff; border-top-color:transparent; border-top-width:25px; border-right:0; border-bottom-color:transparent; border-bottom-width:25px; z-index:1;
		-webkit-transform:translate(0,0);
		-moz-transform:translate(0,0);
		-ms-transform:translate(0,0);
		-o-transform:translate(0,0);
		transform:translate(0,0);
	}
	.process>li:nth-of-type(6):before{display:block;}
	.process>li br{display:none;}
	.process .doubleLine{padding-top:10px; padding-bottom:10px; line-height:130%;}

	.process>li{padding-left:10px;}
	.process>li:nth-of-type(1):before{display:none;}
	.qa_goal p{float:none; width:100%; margin-left:0; margin-top:10px; font-size:0.8125rem; /* 13px/16px */}
	.qa_goal p:nth-of-type(1){margin-top:0;}
}

/* 사업영역 - 교육 */
.eduField{position:relative;}
.eduField:before{display:none;}
.eduField .tbl_data02{position:relative; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.eduField .tbl_data02 th{text-align:center;}
.eduField .tbl_data02:before{content:""; display:block; position:absolute; top:50%; right:-100%; width:100%; height:17px; margin-top:-8px; margin-right:-6px; background:url(../images/ico_recruit_process_arrow.gif) no-repeat top left;}
.eduField .circle{width:156px; height:156px;}
.eduField .circle .inner{font-size:1rem;}
.eduField>li:nth-of-type(1){position:absolute; top:81px; left:0;}
.eduField>li:nth-of-type(1):before{content:""; display:block; position:absolute; top:50%; right:-100%; width:100%; height:17px; margin-top:-8px; margin-right:-6px; background:url(../images/ico_recruit_process_arrow.gif) no-repeat top left;}
.eduField>li:nth-of-type(2){width:300px; margin:0 auto;}
.eduField>li:nth-of-type(3){position:absolute; top:81px; right:0;}

@media screen and (max-width:768px){
	.eduField .circle{width:90px; height:90px; margin:0 auto; border-width:3px;}
	.eduField .circle .inner{font-size:0.8125rem; /* 13px/16px */}

	.eduField>li:nth-of-type(1){position:relative; top:0; margin-bottom:20px;}
	.eduField>li:nth-of-type(1):before{top:auto; bottom:-22px; right:0; margin:0; background:url(../images/ico_arrow_bottom.gif) no-repeat bottom center; background-size:9px 18px;}
	.eduField>li:nth-of-type(3){position:relative; top:0; margin-top:20px;}

	.eduField .tbl_data02:before{top:auto; bottom:-20px; right:0; margin:0; background:url(../images/ico_arrow_bottom.gif) no-repeat bottom center; background-size:9px 18px;}
}

/* 사업영역 - 주요 고객사 */
.txt_client{position:relative; padding-bottom:40px; font-size:1.875rem; /* 30px/16px */ line-height:130%;}
.txt_client strong{vertical-align:baseline;}
.txt_client:after{content:""; display:inline-block; position:absolute; bottom:0; left:0; width:36px; height:2px; background:#7d82ce;}
.clientBox{position:relative; padding-left:210px;}
.clientBox .tit{position:absolute; top:128px; left:0; width:155px; height:155px; border:6px solid #4a8edf; border-radius:50%; background:#fff; text-align:center;}
.clientBox:nth-of-type(1) .tit{border-color:#4a8edf; color:#4a8edf}
.clientBox:nth-of-type(2) .tit{border-color:#42c1d4; color:#42c1d4}
.clientBox:nth-of-type(3) .tit{border-color:#41d4af; color:#41d4af}
.clientBox:nth-of-type(4) .tit{border-color:#7d82ce; color:#7d82ce}
.clientBox .tit .inner{display:inline-block; position:absolute; top:50%; left:0; width:100%; line-height:130%; font-weight:500;
	-webkit-transform:translate(0,-50%);
	-moz-transform:translate(0,-50%);
	-ms-transform:translate(0,-50%);
	-o-transform:translate(0,-50%);
	transform:translate(0,-50%);
}
.list_client li{float:left; width:100%;}
.list_client li img{max-width:100%;}

@media screen and (max-width:1024px){
	.txt_client{padding-bottom:20px; font-size:1.375rem; /* 22px/16px */}
	.clientBox{padding-left:0;}
	.clientBox .tit{position:relative; top:0; width:110px; height:110px; margin-bottom:20px; border-width:3px; font-size:0.75rem; /* 12px/16px */}
}

@media screen and (max-width:767px){
	.list_client li{width:25%;}
}

/* 사업영역 - crm 솔루션 */
.solutionType .card{min-height:220px;}

.warp_consulting_p{padding:30px; background:#f5f5f5;}
.consulting_p{width:100%;}
.consulting_p>li{float:left; width:calc(100% / 5);}
.consulting_p .tit{position:relative; height:90px; text-align:center; color:#fff; font-size:1rem; vertical-align:middle; line-height:90px;}
.consulting_p .doubleLine .tit{padding:25px 0; line-height:130%;}
.consulting_p .tit:after{content:""; display:block; position:absolute; top:0; right:-10px; width:0; height:0; border:10px solid #20cda1; border-top-color:transparent; border-top-width:45px; border-right:0; border-bottom-color:transparent; border-bottom-width:45px; z-index:1;}
.consulting_p .tit:before{content:""; display:block; position:absolute; top:50%; right:-13px; width:0; height:0; border:13px solid #fff; border-top-color:transparent; border-top-width:56px; border-right:0; border-bottom-color:transparent; border-bottom-width:56px; z-index:1;
	-webkit-transform:translate(0,-50%);
	-moz-transform:translate(0,-50%);
	-ms-transform:translate(0,-50%);
	-o-transform:translate(0,-50%);
	transform:translate(0,-50%);

}
.consulting_p>li:nth-of-type(1) .tit{background:#20cda1; z-index:6;}
.consulting_p>li:nth-of-type(2) .tit{background:#21b6cd; z-index:5;}
.consulting_p>li:nth-of-type(2) .tit:after{border-left-color:#21b6cd;}
.consulting_p>li:nth-of-type(3) .tit{background:#619be1; z-index:4;}
.consulting_p>li:nth-of-type(3) .tit:after{border-left-color:#619be1;}
.consulting_p>li:nth-of-type(4) .tit{background:#134ea5; z-index:3;}
.consulting_p>li:nth-of-type(4) .tit:after{border-left-color:#134ea5;}
.consulting_p>li:nth-of-type(5) .tit{background:#7d82ce; z-index:2;}
.consulting_p>li:nth-of-type(5) .tit:before, .consulting_p>li:nth-of-type(5) .tit:after{display:none;}

.consulting_p .list{min-height:205px; margin-left:2px; padding:15px 10px; border:1px solid #cbcbcb; border-top:0; background:#fff; font-size:0.8125rem; /* 13px/16px */ color:#666; font-weight:500; text-align:left;}
.consulting_p .list li{line-height:130%;}
.consulting_p .list li+li{margin-top:5px;}
.consulting_p>li:nth-of-type(1) .list{margin-left:0;}

@media screen and (max-width:1024px){
	.warp_consulting_p{padding:15px; background:#f5f5f5;}
}

@media screen and (max-width:767px){
	.warp_consulting_p{padding:0; background:#fff;}

	.solutionType .card{min-height:190px;}
	.solutionType .card:nth-of-type(-n+3){margin-top:10px;}
	.solutionType .card:nth-of-type(-n+2){margin-top:0;}
	.solutionType .card:nth-of-type(3n+1){margin-left:10px;}
	.solutionType .card:nth-of-type(2n+1){margin-left:0;}

	.consulting_p .tit{height:54px; line-height:54px; font-size:0.75rem; /* 12px/16px */}
	.consulting_p .doubleLine .tit{padding:12px 0;}
	.consulting_p .tit:after{border-top-width:27px; border-bottom-width:27px;}
	.consulting_p .tit:before{border-top-width:36px; border-bottom-width:36px;}
	.consulting_p>li{width:calc(100% / 3);}
	.consulting_p>li:nth-of-type(4) .list{margin-left:0;}
	.consulting_p>li:nth-of-type(4), .consulting_p>li:nth-of-type(5){width:50%; margin-top:5px;}
	.consulting_p>li:nth-of-type(4) .list, .consulting_p>li:nth-of-type(5) .list{min-height:130px;}

	.consulting_p .list{ font-size:0.6875rem; /* 11px/16px */}
}

/* 사업영역 - 분석 솔루션 */
.vclip01 .card{min-height:120px;}
.vclip02 .card{min-height:140px;}
.kminer .circle{float:left; width:156px; height:156px;}
.kminer .circle .inner{font-size:1rem;}
.kminer .circle+.circle{margin-left:calc((100% - (156px * 5))/4)}
.ceaCard .card{min-height:120px;}
.cea_process>li{height:auto; margin-bottom:10px; border:0;}
.cea_process li .addList{margin-top:0;}
.cea_process li:nth-of-type(1) .addList li{background:#dde5f1;}
.cea_process li:nth-of-type(2) .addList li{background:#dff1f4;}
.cea_process li:nth-of-type(3) .addList li{background:#dff4ef;}
.cea_process li:nth-of-type(4) .addList li{background:#e4e1ec;}
.cea_process li:before{top:65px; margin-top:0;}

.cea_process .circle_txt{position:relative; height:150px; border:6px solid #4a8edf; border-radius:50%;}
.cea_process .circle_txt p{position:relative; top:50%; left:0;
  -webkit-transform:translate(0,-50%);
  -moz-transform:translate(0,-50%);
  -ms-transform:translate(0,-50%);
  -o-transform:translate(0,-50%);
  transform:translate(0,-50%);
}
.cea_process li:nth-of-type(2) .circle_txt{border-color:#42c1d4;}
.cea_process li:nth-of-type(3) .circle_txt{border-color:#41d4af;}
.cea_process li:nth-of-type(4) .circle_txt{border-color:#7a7fcc;}
.bg_analysis01{background:url(../images/bg_analysis01.jpg) no-repeat right top;}
.bg_analysis02{background:url(../images/bg_analysis02.jpg) no-repeat right 60px;}
.bg_analysis03{background:url(../images/bg_analysis03.jpg) no-repeat right 60px;}

@media screen and (max-width:1024px){
	.kminer .circle{width:130px; height:130px;}
	.kminer .circle+.circle{margin-left:calc((100% - (130px * 5))/4)}

	.bg_analysis01,.bg_analysis02, .bg_analysis03{background:none;}
}
@media screen and (max-width:767px){
	.vclip01 .card{min-height:95px;}
	.vclip02 .card{width:calc((100% - 10px) / 2); min-height:120px;}
	.cea_process>li{margin-bottom:10px;}

	.kminer:before{display:none;}
	.kminer .circle{width:calc((100% - (10px * 2)) / 3); height:110px; border-width:3px;}
	.kminer .circle+.circle{margin-left:10px;}
	.kminer .circle:nth-of-type(3n+1){margin-left:0;}
	.kminer .circle .inner{font-size:0.75rem; /* 12px/16px */}
	.kminer .circle:nth-of-type(4){margin-top:10px; margin-left:calc(((100% - (10px * 2)) / 3) / 2);}
	.kminer .circle:nth-of-type(5){margin-top:10px;}
}

/* 사업영역 - 평가솔루션 */
.lms_process .list{min-height:80px;}
.cqms .card{min-height:155px;}
.cqms .card br{display:none;}

.bg_appraisal01{background:url(../images/bg_appraisal01.jpg) no-repeat right top;}
.bg_appraisal02{background:url(../images/bg_appraisal02.jpg) no-repeat right 60px;}

@media screen and (max-width:1024px){
	.cqms .card{min-height:210px;}
	.cqms .card .tit{line-height:130%;}
	.cqms .card br{display:block;}
	.bg_appraisal01,.bg_appraisal02{background:none;}
}

@media screen and (max-width:767px){
	.lms_process>li:nth-of-type(4) .list,.lms_process>li:nth-of-type(5) .list{min-height:80px;}
	.cqms .card{min-height:180px;}
}

/* 사업영역 - ip 솔루션 */
.ipccSolution .card{min-height:155px;}
.ipccSolution .card .tit br{display:none;}
.ipcc .borderBox{float:left; width:calc((100% - 20px)/2); margin-bottom:20px; padding:40px 0 40px 150px; border:6px solid #4a8edf;  background:url(../images/img_ipcc01.jpg) no-repeat 30px top;}
.ipcc .borderBox p{font-size:0.9375rem; /* 15px/16px */ color:#333;}
.ipcc .borderBox:nth-of-type(2n){margin-left:20px;}
.ipcc .borderBox:nth-of-type(2){background-image:url(../images/img_ipcc02.jpg);}
.ipcc .borderBox:nth-of-type(3){background-image:url(../images/img_ipcc03.jpg);}
.ipcc .borderBox:nth-of-type(4){background-image:url(../images/img_ipcc04.jpg);}

.recImg{padding:30px 0; background:#f5f5f5; text-align:center;}
.recImg img{max-width:100%;}
.recording .circle{float:left; width:132px; height:132px;}
.recording .circle .inner{font-size:1rem;}
.recording .circle+.circle{margin-left:calc((100% - (132px * 6))/5)}

@media screen and (max-width:1024px){
	.ipccSolution .card .tit br{display:block;}
	.ipcc .borderBox{width:calc((100% - 10px)/2); margin-bottom:10px; padding:40px 20px 40px 100px; border-width:3px; background-position:0 center;}
	.ipcc .borderBox:nth-of-type(2n){margin-left:10px;}
	.ipcc .borderBox p{height:40px; line-height:130%;}
	.ipcc .borderBox:nth-of-type(1) p{line-height:40px;}

	.recording .circle{width:120px; height:120px;}
	.recording .circle+.circle{margin-left:calc((100% - (120px * 6))/5)}
}

@media screen and (max-width:767px){
	.ipccSolution .card{min-height:130px;}
	.ipcc .borderBox{width:100%; padding:20px 0 20px 70px; background-size:51px 51px; background-position:10px center;}
	.ipcc .borderBox:nth-of-type(2n){margin-left:0;}
	.ipcc .borderBox p{height:auto; font-size:0.75rem; /* 12px/16px */}
	.ipcc .borderBox:nth-of-type(1) p{line-height:1;}

	.recImg{padding:15px 0;}
	.recImg img{width:172px;}
	.recording:before{display:none;}
	.recording .circle{width:100px; height:100px; margin-top:5px; margin-bottom:5px; border-width:3px;}
	.recording .circle .inner{font-size:0.75rem; /* 12px/16px */}
	.recording .circle+.circle{margin-left:calc((100% - (100px * 3))/3)}
	.recording .circle:nth-of-type(3n+1){margin-left:0;}
}

/* 사업영역 - ICT 미래연구소 */
.lab{height:400px; padding:90px 0 0 70px; background:url(../images/bg_lab.jpg) no-repeat center center; color:#fff;}
.lab .tit_section{margin-bottom:40px; color:#fff; line-height:1;}
.lab p{font-size:1.125rem; /* 18px/16px */ line-height:130%;}

@media screen and (max-width:1024px){
	.lab{height:auto; padding:70px 50px; background-size:cover;}
}

@media screen and (max-width:767px){
	.lab{padding:40px 35px 185px 35px; background-image:url(../images/bg_lab_m.jpg);}
	.lab .tit_section{margin-bottom:20px;}
	.lab p{font-size:0.875rem; /* 14px/16px */}
	.lab p br{display:none;}
}

/* 사업영역 - ASP */
.asp .borderBox{float:left; width:calc((100% - 20px)/2); margin-bottom:20px; padding:40px 0 40px 150px; border:6px solid #4a8edf;  background:url(../images/img_asp01.jpg) no-repeat 30px center;}
.asp .borderBox p{min-height:40px; font-size:0.9375rem; /* 15px/16px */ color:#333; line-height:130%;}
.asp .borderBox .dl{line-height:40px;}
.asp .borderBox:nth-of-type(2n){margin-left:20px;}
.asp .borderBox:nth-of-type(2){background-image:url(../images/img_asp02.jpg);}
.asp .borderBox:nth-of-type(3){background-image:url(../images/img_asp03.jpg);}
.asp .borderBox:nth-of-type(4){background-image:url(../images/img_asp04.jpg);}

.aspCircle .circle{float:left; width:156px; height:156px;}
.aspCircle .circle .inner{font-size:1rem;}
.aspCircle .circle+.circle{margin-left:calc((100% - (156px * 4))/3)}

@media screen and (max-width:1024px){
	.asp .borderBox{width:calc((100% - 10px)/2); margin-bottom:10px; padding:40px 20px 40px 100px; border-width:3px; background-position:0 center;}
	.asp .borderBox:nth-of-type(2n){margin-left:10px;}
	.asp .borderBox p{height:40px; line-height:130%;}
	.asp .borderBox .dl{line-height:130%;}
	.asp .borderBox:nth-of-type(2) p{line-height:40px;}
}

@media screen and (max-width:767px){
	.asp .borderBox{width:100%; padding:20px 0 20px 70px; background-size:51px 51px; background-position:10px center;}
	.asp .borderBox:nth-of-type(2n){margin-left:0;}
	.asp .borderBox p{height:auto; min-height:auto; font-size:0.75rem; /* 12px/16px */}
	.asp .borderBox:nth-of-type(2) p{line-height:1;}

	.aspCircle .circle{float:left; width:80px; height:80px; border-width:3px;}
	.aspCircle .circle .inner{font-size:0.75rem; /* 12px/16px */}
	.aspCircle .circle+.circle{margin-left:calc((100% - (80px * 4))/3)}
}

/* 사업영역 - 인재파견 */
.outsourcingWrap .outsourcing01{float:left; width:50%; padding-right:20px;}
.outsourcingWrap .outsourcing01 th{height:65px;}
.outsourcingWrap .outsourcing01 td{height:78px; text-align:left; vertical-align:top; word-break:keep-all;}
.outsourcingWrap .outsourcing02{float:right; width:50%; padding-left:20px; border-left:1px solid #ddd;}
.outsourcingWrap .outsourcing02 th{height:65px;}
.outsourcingWrap .outsourcing02 td{height:78px; text-align:left; vertical-align:top; word-break:keep-all;}

.tbl_qa th{padding:20px; text-align:left;}
.tbl_qa td{vertical-align:middle;}
.tbl_qa td+td{border-left:1px solid #cbcbcb;}
.tbl_qa td li+li{margin-top:5px;}
.tbl_qa .answer{font-size:0.9375rem; /* 15px/16px */ font-weight:500; color:#333;}
.tbl_qa .gotham{font-size:1.25rem; /* 20px/16px */ font-weight:700; vertical-align:baseline;}

@media screen and (max-width:767px){
	.outsourcingWrap .outsourcing01{float:none; width:100%; padding:0;}
	.outsourcingWrap .outsourcing02{float:none; width:100%; margin-top:20px; padding:0; border-left:0;}
	.outsourcingWrap .outsourcing01 td{height:auto;}
	.outsourcingWrap .outsourcing02 td{height:auto;}

	.tbl_outsourcing,.tbl_outsourcing thead,.tbl_outsourcing tbody, .tbl_outsourcing tr{display:block;}
	.tbl_outsourcing{border-top:1px solid #cbcbcb;}
	.tbl_outsourcing th{display:none;}
	.tbl_outsourcing td{display:block; padding:0; border-left:0;}
	.tbl_outsourcing td ul{margin:10px 0; overflow:hidden;}
	.tbl_outsourcing td ul li{float:left; width:50%;}
	.tbl_outsourcing td ul li:nth-of-type(2){margin-top:0;}
	.tbl_outsourcing td:before{display:block; padding:10px 0; border-bottom:1px solid #cbcbcb; background:#eef2f8; vertical-align:middle; word-break:break-all; line-height:130%; font-size:0.875rem; /* 14px/16px */ font-weight:500; text-align:center; color:#1c4384;}
	.tbl_outsourcing td:nth-of-type(1):before{content:"일반사무직 및 전문직종";}
	.tbl_outsourcing td:nth-of-type(2):before{content:"컨택센터";}
	.tbl_outsourcing td:nth-of-type(3):before{content:"판매/판촉/외식서비스";}
	.tbl_outsourcing td:nth-of-type(4):before{content:"유통/물류/생산";}
	.tbl_outsourcing td:nth-of-type(5):before{content:"경비/미화/시설관리";}
	.tbl_outsourcing td:nth-of-type(6):before{content:"의료/간병분야";}

	.tbl_qa,.tbl_qa thead, .tbl_qa tbody, .tbl_qa tr, .tbl_qa th, .tbl_qa td{display:block;}
	.tbl_qa{border-left:1px solid #cbcbcb; border-right:1px solid #cbcbcb;}
	.tbl_qa th{padding:10px; border-bottom:0;}
	.tbl_qa td{padding:10px;}
	.tbl_qa td+td{border-left:0;}
	.tbl_qa .answer{font-size:0.875rem; /* 14px/16px */}
	.tbl_qa .gotham{font-size:0.9375rem; /* 15px/16px */}
}

/* 사업영역 - 통합상담관리 솔루션 */
.teleweb .borderBox{float:left; width:calc((100% - 21px)/3); padding:20px 0 20px 110px; border:6px solid #4a8edf;  background:url(../images/img_teleweb01.jpg) no-repeat 20px center;}
.teleweb .borderBox+.borderBox{margin-left:10px;}
.teleweb .borderBox p{min-height:40px; font-size:0.9375rem; /* 15px/16px */ color:#333; line-height:130%;}
.teleweb .borderBox .dl{line-height:40px;}
.teleweb .borderBox:nth-of-type(2){background-image:url(../images/img_teleweb02.jpg);}
.teleweb .borderBox:nth-of-type(3){background-image:url(../images/img_teleweb03.jpg);}

.teleTalk .borderBox{float:left; width:calc((100% - 20px)/2); margin-bottom:20px; padding:40px 0 40px 150px; border:6px solid #4a8edf;  background:url(../images/img_teleTalk01.jpg) no-repeat 30px center;}
.teleTalk .borderBox p{min-height:40px; font-size:0.9375rem; /* 15px/16px */ color:#333; line-height:130%;}
.teleTalk .borderBox .dl{line-height:40px;}
.teleTalk .borderBox:nth-of-type(2n){margin-left:20px;}
.teleTalk .borderBox:nth-of-type(2){background-image:url(../images/img_teleTalk02.jpg);}
.teleTalk .borderBox:nth-of-type(3){background-image:url(../images/img_teleTalk03.jpg);}
.teleTalk .borderBox:nth-of-type(4){background-image:url(../images/img_teleTalk04.jpg);}

.total01 .card{min-height:140px;}
.total02 .card{min-height:200px;}
.total03 .card{min-height:140px;}
.total04 .card{min-height:135px; margin-bottom:10px;}
.total05 .card{min-height:135px;}

.total01 .card br{display:none;}
.total02 .card br{display:none;}
.total03 .card br{display:none;}
.total04 .card br{display:none;}
.total05 .card br{display:none;}

.bg_total01{background:url(../images/bg_total01.jpg) no-repeat right 50px;}
.bg_total02{background:url(../images/bg_total02.jpg) no-repeat right 50px;}
.bg_total03{background:url(../images/bg_total03.jpg) no-repeat right 50px;}
.bg_total04{background:url(../images/bg_total04.jpg) no-repeat right 50px;}
.bg_total05{background:url(../images/bg_total05.jpg) no-repeat right 50px;}

@media screen and (max-width:1024px){
	.teleweb .borderBox{padding-left:80px; border-width:3px; background-position:0 center;}
	.teleweb .borderBox .dl{line-height:130%;}

	.teleTalk .borderBox{padding-left:130px; padding-right:10px; border-width:3px; background-position:10px center;}
	.teleTalk .borderBox .dl{line-height:130%;}
	.teleTalk .borderBox br{display:none;}

	.total01 .card{min-height:200px;}
	.total02 .card{min-height:190px;}
	.total03 .card{min-height:205px;}
	.total04 .card{min-height:150px;}
	.total05 .card{min-height:165px;}

	.total01 .card br{display:block;}
	.total02 .card br{display:block;}
	.total03 .card br{display:block;}
	.total04 .card br{display:block;}
	.total05 .card br{display:block;}

	.bg_total01{background:none;}
	.bg_total02{background:none;}
	.bg_total03{background:none;}
	.bg_total04{background:none;}
	.bg_total05{background:none;}
}

@media screen and (max-width:767px){
	.teleweb .borderBox{width:100%; padding:20px 0 20px 70px; background-size:41px 41px; background-position:10px center;}
	.teleweb .borderBox+.borderBox{margin-left:0; margin-top:5px; }
	.teleweb .borderBox p{height:auto; min-height:auto; font-size:0.75rem; /* 12px/16px */}
	.teleweb .borderBox:nth-of-type(2) p{line-height:1;}

	.teleTalk .borderBox{width:100%; margin:0; padding:20px 0 20px 70px; background-size:51px 51px; background-position:10px center;}
	.teleTalk .borderBox:nth-of-type(2n){margin-left:0;}
	.teleTalk .borderBox p{height:auto; min-height:auto; font-size:0.75rem; /* 12px/16px */}
	.teleTalk .borderBox:nth-of-type(2) p{line-height:1;}
	.teleTalk .borderBox+.borderBox{margin-top:5px}

	.total01 .card{min-height:155px;}
	.total02 .card{min-height:140px;}
	.total03 .card{min-height:160px;}
	.total04 .card{min-height:125px;}
	.total05 .card{min-height:165px;}
}

/* 사이트맵 */
.sitemap h2{padding:1.450em 0; font-size:2.5rem; font-weight:500; color:#134ea5; letter-spacing:-0.005em;}
.sitemap h2+ul{margin-bottom:160px; font-size:0rem;}
.sitemap h2+ul>li{margin-right:2%; margin-bottom:20px; width:32%; max-width:320px; display:inline-block;}
.sitemap h2+ul>li:nth-child(3){margin-right:0;}
.sitemap h3{padding:0.950em 0 0.950em 20px; font-size:1.25rem; font-weight:400; letter-spacing:-0.06em; color:#fff; background:#134ea5;}
.sitemap h3+ul{padding:0 20px;}
.sitemap h4{border-bottom:1px solid #ccc;}
.sitemap h4 a{padding:1.056em 0; font-size:1.125rem; font-weight:500; letter-spacing:-0.06em; color:#333; display:inline-block;}
.sitemap h5{}
.sitemap h5 a{padding:0.8em 0; font-size:0.938rem; font-weight:400; letter-spacing:-0.06em; color:#656565; border-bottom:1px solid #ccc; display:block;}

@media screen and (max-width:1024px){
	.sitemap h2+ul{margin-bottom:10vh;}
	.sitemap h2+ul>li{margin-right:1.5%; width:32.33%;}
	.sitemap h2{padding:1em 0; font-size:1.625rem;}
	.sitemap h3{padding-top:0.667em; padding-bottom:0.667em; font-size:1.125rem}
	.sitemap h4 a{font-size:1.063rem;}
	.sitemap h5 a{font-size:0.875rem;}
}
@media screen and (max-width:768px){
	.sitemap h2{font-size:1.500em;}
	.sitemap h3{font-size:0.938rem;}
	.sitemap h3+ul{padding:0 10px;}
	.sitemap h4 a{padding:0.800em 0; font-size:0.875rem;}
	.sitemap h5 a{font-size:0.75rem;}
}

@media screen and (max-width:480px){
	.sitemap h2+ul>li{margin-right:0; width:48.5%;}
	.sitemap h2+ul>li:nth-child(odd){margin-right:3%;}
}

/* 개인정보취급방침 */
.privacyTerms .tit_section .date{font-size:1rem; color:#333; vertical-align:baseline; font-weight:400;}
.privacyTerms .article{margin-top:30px; font-size:0.875rem; /* 14px/16px */ line-height:180%; color:#666;}
.privacyTerms .article strong{display:block; margin-bottom:10px;vertical-align:baseline;}
.privacyTerms .article b{vertical-align:baseline;}
.privacyTerms .indent20{padding-left:20px; text-indent:-20px;}
.privacyTerms .indent15{padding-left:15px; text-indent:-15px;}
.privacyTerms p{line-height:180%;}
.privacyTerms .linkBox{padding:40px; border:1px solid #ddd; background:#f5f5f5; font-size:0.875rem; /* 14px/16px */}
.privacyTerms .linkBox ul{margin-top:10px;}
.privacyTerms .linkBox a{display:inline-block; padding:5px 0; border-bottom:1px solid #757575; color:#333;}




/* 추가 (2023.10.10) */
.layerPopup#contactus{margin:0;transform:translate(-50%,-50%) !important;left:50%;top:50%;}
.estimate-contactus-btn{display:block;margin-bottom:25px;position:relative;}
.estimate-contactus-btn span{position:absolute;top:50%;left:20px;transform:translate(0,-50%);font-size:24px;color:#fff;font-weight:bold;}
.privacy-agree{}
.privacy-agree td{padding:1.5625rem 0;}
.privacy-agree .agree-title{padding-left:0.625rem;padding-bottom:0.9375rem;font-size:0.875rem;font-weight:500;color:#2a2a2a;letter-spacing:-0.4px;}
.privacy-agree .agree-box{font-size:0.875rem;color:#666;letter-spacing:-0.4px;border:1px solid #ddd;background:#f9f9f9;padding:1.25rem 0.625rem;box-sizing:border-box;}
.privacy-agree .agree-box p{color:#333;line-height:1.375rem;}
.privacy-agree .agree-box ul{margin-top:15px;border-top:1px solid #eee;padding-top:0.9375rem;}
.privacy-agree .agree-box ul li{line-height:1.375rem;}
.privacy-agree .check-box{display:flex;justify-content:flex-end;margin-top:0.625rem;;}
.privacy-agree .check-box label{cursor:pointer;display:flex;align-items:center;font-size:0.875rem;color:#666;letter-spacing:-0.4px;}
.privacy-agree .check-box label input[type=checkbox]{display:none;}
.privacy-agree .check-box label .checkbox-custom{display:block;width:1.25rem;height:1.25rem;border:1px solid #ccc;box-sizing:border-box;vertical-align:bottom;position:relative;margin-right:0.625rem;}
.privacy-agree .check-box label input[type=checkbox]:checked + .checkbox-custom::after{display:block;content:'';width:0.9375rem;height:0.6875rem;background:url("../images/check_icon.png") no-repeat center center / cover;position:absolute;top:50%;left:50%;transform:translate(-50% ,-50%);}
@media screen and (max-width:768px){
	.layerPopup#contactus{width:90%;}
	.estimate-contactus-btn{margin-bottom:3.26vw;width:26vw;}
	.estimate-contactus-btn img{width:100%;height:auto;}
	.estimate-contactus-btn span{font-size:3.13vw;left:2.6vw;}
	.estimate-contactus.depth01:after{display:none;}
}
/* //추가 (2023.10.10) */