@charset "utf-8";

/*  ------ font -----  */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url('../font/noto-sans-kr-v9-korean_latin-300.eot');
  src: local('Noto Sans KR Light'), local('NotoSansKR-Light'),
       url('../font/noto-sans-kr-v9-korean_latin-300.eot?#iefix') format('embedded-opentype'),
       url('../font/noto-sans-kr-v9-korean_latin-300.woff2') format('woff2'),
       url('../font/noto-sans-kr-v9-korean_latin-300.woff') format('woff'),
       url('../font/noto-sans-kr-v9-korean_latin-300.ttf') format('truetype'),
       url('../font/noto-sans-kr-v9-korean_latin-300.svg#NotoSansKR') format('svg');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src: url('../font/noto-sans-kr-v8-korean_latin-regular.eot');
	src: local('Noto Sans KR Regular'), local('NotoSansKR-Regular'),
		url('../font/noto-sans-kr-v8-korean_latin-regular.eot?#iefix') format('embedded-opentype'),
		url('../font/noto-sans-kr-v8-korean_latin-regular.woff2') format('woff2'),
		url('../font/noto-sans-kr-v8-korean_latin-regular.woff') format('woff'),
		url('../font/noto-sans-kr-v8-korean_latin-regular.ttf') format('truetype'),
		url('../font/noto-sans-kr-v8-korean_latin-regular.svg#NotoSansKR') format('svg');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	src: url('../font/noto-sans-kr-v8-korean_latin-500.eot');
	src: local('Noto Sans KR Bold'), local('NotoSansKR-Bold'),
		url('../font/noto-sans-kr-v8-korean_latin-500.eot?#iefix') format('embedded-opentype'),
		url('../font/noto-sans-kr-v8-korean_latin-500.woff2') format('woff2'),
		url('../font/noto-sans-kr-v8-korean_latin-500.woff') format('woff'),
		url('../font/noto-sans-kr-v8-korean_latin-500.ttf') format('truetype'),
		url('../font/noto-sans-kr-v8-korean_latin-500.svg#NotoSansKR') format('svg');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src: url('../font/noto-sans-kr-v8-korean_latin-700.eot');
	src: local('Noto Sans KR Bold'), local('NotoSansKR-Bold'),
		url('../font/noto-sans-kr-v8-korean_latin-700.eot?#iefix') format('embedded-opentype'),
		url('../font/noto-sans-kr-v8-korean_latin-700.woff2') format('woff2'),
		url('../font/noto-sans-kr-v8-korean_latin-700.woff') format('woff'),
		url('../font/noto-sans-kr-v8-korean_latin-700.ttf') format('truetype'),
		url('../font/noto-sans-kr-v8-korean_latin-700.svg#NotoSansKR') format('svg');
}
@font-face {
	font-family: 'NanumSquare';
	font-style: normal;
	font-weight: 400;
	src: url('../font/NanumSquareR.eot');
	src: local('NanumSquareR'),
		url('../font/NanumSquareR.eot?#iefix') format('embedded-opentype'),
		url('../font/NanumSquareR.woff2') format('woff2'),
		url('../font/NanumSquareR.woff') format('woff'),
		url('../font/NanumSquareR.ttf') format('truetype'),
		url('../font/NanumSquareR.svg#NotoSansKR') format('svg');
}
@font-face {
	font-family: 'NanumSquare';
	font-style: normal;
	font-weight: 700;
	src: url('../font/NanumSquareB.eot');
	src: local('NanumSquareB'),
		url('../font/NanumSquareB.eot?#iefix') format('embedded-opentype'),
		url('../font/NanumSquareB.woff2') format('woff2'),
		url('../font/NanumSquareB.woff') format('woff'),
		url('../font/NanumSquareB.ttf') format('truetype'),
		url('../font/NanumSquareB.svg#NotoSansKR') format('svg');
}
/* webcss */
.sknavi:focus, .sknavi:active{display:block;width:200px;height:18px;background-color:#EEEEEE;border:1px solid #113355;font-size:100%;font-weight:bold;margin-left:5px;padding:3px;text-align:center;text-decoration:none;top:1px}
.sknavi {position:absolute;top:-500px;z-index:999}
/* Accessibility */
.accessibility, .skip, hr, legend, caption{position:absolute;text-indent:-1000em}
/* Reset */
*{max-height:1000000px;}
html,body{width:100%;height:100%}
body{font-size:100%;line-height:normal;font-family:'Noto Sans KR', AppleSDGothicNeo, '나눔고딕', sans-serif}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,button,p,blockquote,th,td{margin:0;padding:0;-webkit-text-size-adjust:none}
img,fieldset{border:0}
img{vertical-align:top}
ul,ol,li{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:normal}
hr{display:none}
a{color:inherit}
a,a:link{color:inherit;text-decoration:none}
em,i,address{font-style:normal;font-weight:normal}
legend,caption{display:none;clear:both}
input,textarea,select,button,table{font-size:inherit;font-family:inherit;line-height:inherit}
table{border-collapse:collapse}
textarea,input{outline-color:-moz-use-text-color;outline-style:none;outline-width:medium}
textarea{resize:none}
label{cursor:pointer}
a:visited{color:inherit}
a:hover,a:active{color:inherit;text-decoration:none}
input,select,.btn{vertical-align:middle;-webkit-appearance:none;-webkit-border-radius:0;}
input[type='text']::placeholder,
input[type='text']::-webkit-input-placeholder{opacity:0.6;color:inherit;}
input[type='text'].ph_c{padding:0 5px;}
input[type='text'].ph_c::placeholder,
input[type='text'].ph_c::-webkit-input-placeholder{text-align:center;}
input[type='password']{font-family:Dotum, arial}
input[type='password']::-webkit-input-placeholder{font-family:'Noto Sans KR', AppleSDGothicNeo, '나눔고딕', sans-serif !important;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {transition:background-color 5500s ease-in-out 0s;}
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active {transition:background-color 5500s ease-in-out 0s;}
button[type='button']{cursor:pointer}
.hide{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;}
/* Reset Style 
.reset{float:none !important;clear:both !important;height:0px !important;font-size:0 !important;line-height:0px !important;padding:0 !important;margin:0 !important}
.inp{height:20px;border:none;background:none;color:#000;font:11px Dotum;padding:2px 0 0 4px}
*/


.inp_txt{height:58px;box-sizing:border-box;padding:8px 25px 8px 15px;border:1px solid #c7c7c7;font-size:26px;line-height:normal;vertical-align:top;}
.inp_txt_02{height:56px;box-sizing:border-box;padding:8px 19px 8px 19px;border:1px solid #c7c7c7;font-size:24px;line-height:normal;vertical-align:top;}
.select_ui{height:58px;box-sizing:border-box;padding:8px 35px 8px 15px;line-height:normal;font-size:26px;cursor:pointer;text-align:left;color:#666;border:1px solid #c7c7c7;background:#fff url(../images/common/bg_select_arr.png) no-repeat right center;-webkit-appearance:none;-moz-appearance:none;appearance:none;/* position:relative;z-index:1; */vertical-align:top;letter-spacing:-0.03em}
.textarea{box-sizing:border-box;padding:8px 19px 8px 19px;border:1px solid #c7c7c7;font-size:24px;line-height:normal;vertical-align:top;}

.radio_ui{display:inline-block;}
.radio_ui .inp_radio{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;}
.radio_ui label{display:inline-block;padding-left:37px;position:relative;line-height:29px;font-size:24px;color:#666;letter-spacing:-0.07em}
.radio_ui label:after{content:'';display:block;width:29px;height:29px;position:absolute;background:#d1d1d1;border:8px solid #efefef;border-radius:15px;box-sizing:border-box;left:0;top:1px;transition:all 0.2s ease}
.radio_ui .inp_radio:checked + label{color:#243987;font-weight:500}
.radio_ui .inp_radio:checked + label:after{background:#243987}

.checkbox_ui{display:inline-block;}
.checkbox_ui .inp_check{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;}
.checkbox_ui label{display:inline-block;padding-left:34px;position:relative;line-height:27px;font-size:24px;color:#444;letter-spacing:-0.03em}
.checkbox_ui label:after{content:'';display:block;width:27px;height:27px;position:absolute;background:#fff url(../images/common/bg_checkbox.png) no-repeat center center;border:1px solid #c2c2c2;border-radius:2px;box-sizing:border-box;left:0;top:1px;transition:all 0.2s ease}
.checkbox_ui label span.smtxt{color:#888;}
.checkbox_ui .inp_check:checked + label{/* color:#243987;font-weight:500 */}
.checkbox_ui .inp_check:checked + label:after{background-image:url(../images/common/bg_checkbox_on.png)}

/* 제목 */
.cont_title_01{padding:0 0 70px;font-size:50px;line-height:60px;font-weight:500;color:#000;letter-spacing:-0.08em;text-align:center;}
.cont_title_01 img{vertical-align:middle}
.cont_title_02{height:37px;line-height:37px;margin:0 0 28px;padding-left:20px;font-size:35px;font-weight:700;color:#2552a5;letter-spacing:-0.02em;background:url(../images/common/bg_cont_title_02.png) no-repeat 0 center}

/* search_wrap_01 */
.search_wrap_01{margin-bottom:30px;}
.search_wrap_01 .select_ui{min-width:145px;margin-right:7px;}
.search_wrap_01 .inp_txt{width:257px;border-right:none}
.search_wrap_01 .btn_search{width:58px;height:58px;margin-left:-4px;border:none;text-indent:-999px;overflow:hidden;vertical-align:top;background:#222 url(../images/common/btn_search.png) no-repeat center center}

/* table_list_01
.table_list_01{}
.table_list_01 table{width:100%;border-top:2px solid #606060;font-size:17px;table-layout:fixed;}
.table_list_01 table thead th{height:66px;background:#f6f6f6;border-bottom:1px solid #c7c7c7;font-weight:500;color:#222;letter-spacing:-0.06em}
.table_list_01 table tbody td{height:64px;background:#fff;border-bottom:1px solid #c7c7c7;color:#444;text-align:center;word-break:break-all}
.table_list_01 table tbody td .txt_notice{color:#000}
.table_list_01 table tbody td .txt_news{color:#243987}
.table_list_01 table tbody td.td_subject{text-align:left;padding:0 20px 0 45px;letter-spacing:-0.04em}
.table_list_01 table tbody td.td_subject a{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.table_list_01 table tbody td.td_date{font-size:15px;letter-spacing:-0.04em}
/* board_list_01 */
.board_list_01{}
.board_list_01 ul{border-top:2px solid #606060;}
.board_list_01 ul li{display:table;width:100%;border-bottom:1px solid #939393;font-size:26px;color:#444;line-height:35px;letter-spacing:-0.05em}
.board_list_01 ul li .num{display:table-cell;width:50px;text-align:center;vertical-align:middle;font-size:24px;}
.board_list_01 ul li .text{display:table-cell;padding:25px 0 25px 40px}
.board_list_01 ul li .text .info{line-height:28px;margin-bottom:12px}
.board_list_01 ul li .text .info .type{font-size:26px;margin-right:20px;}
.board_list_01 ul li .text .info .date{font-size:22px;color:#888;}
.board_list_01 ul li .text a{}
.board_list_01 ul li.nodata{padding:150px 0;text-align:center;font-size:26px}
/* board_view_01 */
.board_view_01{}
.board_view_01 .bd_head{padding:25px 25px 17px;position:relative;border-top:2px solid #666;border-bottom:1px solid #c7c7c7;}
.board_view_01 .bd_head .type{display:inline-block;padding:0 18px;margin-right:40px;border:2px solid #243987;border-radius:16px;font-size:20px;color:#444;line-height:27px;}
.board_view_01 .bd_head .date{font-size:22px;color:#888;}
.board_view_01 .bd_head .subject{display:block;margin-top:5px;font-size:31px;line-height:43px;font-weight:500;letter-spacing:-0.05em;color:#444}
.board_view_01 .bd_cont{padding:90px 25px;border-bottom:2px solid #606060;font-size:26px;color:#444;letter-spacing:-0.05em;line-height:1.731em}
.board_view_01 .bd_cont img{max-width:100%}
.board_view_01 .bd_pager{border-bottom:2px solid #606060;color:#444}
.board_view_01 .bd_pager li{overflow:hidden;height:84px;line-height:84px;}
.board_view_01 .bd_pager li .tit{float:left;width:145px;text-align:center;box-sizing:border-box;font-size:24px;letter-spacing:-0.05em;}
.board_view_01 .bd_pager li .tit:before{content:'';display:inline-block;width:16px;height:9px;vertical-align:middle;margin:-4px 10px 0 0;}
.board_view_01 .bd_pager li:nth-child(1) .tit:before{background:url(../images/common/bg_arr_up_01.png) no-repeat 0 0}
.board_view_01 .bd_pager li:nth-child(2) .tit:before{background:url(../images/common/bg_arr_dw_01.png) no-repeat 0 0}
.board_view_01 .bd_pager li .cont{box-sizing:border-box;padding:0 25px;font-size:24px;letter-spacing:-0.05em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.board_view_01 .bd_pager li + li{border-top:1px solid #c7c7c7}
/* table_form_01 */
.table_form_01{}
.table_form_01 table{width:100%;border-top:2px solid #606060;}
.table_form_01 table th{border-bottom:1px solid #c7c7c7;background:#f6f6f6;font-size:24px;color:#2f2f2f;font-weight:500;padding:10px;line-height:56px;vertical-align:top;}
.table_form_01 table td{border-bottom:1px solid #c7c7c7;line-height:56px;padding:12px 20px 11px;font-size:26px;}
.table_form_01 table td .row + .row{margin-top:10px}
.table_form_01 table td .row .inp_txt_02{width:100%;}
.table_form_01 table td .txt_bar{display:inline-block;height:56px;width:19px;text-align:center;overflow:hidden;position:relative;text-indent:-9999px;vertical-align:top;}
.table_form_01 table td .txt_bar:after{content:'';display:block;width:19px;height:2px;background:#a2a2a2;left:2px;top:50%;position:absolute;}
.table_form_01 table td .txt_alpha{display:inline-block;height:35px;width:18px;text-align:center;margin-left:6px;color:#666;font-size:18px;vertical-align:top;}
.table_form_01 table td .radio_ui{}
.table_form_01 table td .textarea{width:100%;height:490px;}
.table_form_01 table td .check_list {line-height:50px;}
.table_form_01 table td .check_list li{display:inline-block;margin-right:26px}
.table_form_01 .agree_area{padding:20px 30px 25px;margin:33px 0 0;background:#f6f6f6}
.table_form_01 .agree_area .btn_open_policy{display:block;margin:16px auto 0;width:259px;height:58px;border:none;background:#222;font-size:26px;text-align:center;color:#fff;letter-spacing:-0.06em}
.table_form_01 .agree_area .checkbox_ui label{line-height:35px}
.table_form_01 .agree_area .checkbox_ui label:after{top:5px;}
/* paginate_ui */
.paginate_ui{margin-top:59px;text-align:center;font-size:0;}
.paginate_ui a,
.paginate_ui strong{display:inline-block;width:35px;height:58px;margin:0 5px;vertical-align:top;line-height:58px;box-sizing:border-box;font-size:26px;color:#444}
.paginate_ui strong{color:#2c71b8;font-weight:400}
.paginate_ui a.btn_prev{width:58px;border:1px solid #c7c7c7;background:url(../images/common/btn_page_prev.png) no-repeat center center;overflow:hidden;text-indent:-999px;margin-right:65px;}
.paginate_ui a.btn_next{width:58px;border:1px solid #c7c7c7;background:url(../images/common/btn_page_next.png) no-repeat center center;overflow:hidden;text-indent:-999px;margin-left:65px;}
/* btn_wrap_01 */
.btn_wrap_01{margin:80px 0 0;text-align:center;}
.btn_wrap_01 .btn{display:inline-block;width:151px;height:58px;text-align:center;border:none;background:#222;font-size:26px;color:#fff;line-height:56px;letter-spacing:-0.06em}
/* btn_wrap_02 */
.btn_wrap_02{margin:55px 0 0;font-size:0;text-align:center;}
.btn_wrap_02 .btn{display:inline-block;position:relative;overflow:hidden;background:none;border:none}
.btn_wrap_02 .btn span{display:block;width:240px;height:70px;text-align:center;font-size:24px;font-weight:500;color:#243987;line-height:68px;letter-spacing:-0.06em;position:relative;background:url(../images/common/btn_bg_line.png) no-repeat 0 0;}
.btn_wrap_02 .btn + .btn{margin-left:10px}
.btn_wrap_02 .btn.blue span{color:#fff;}
.btn_wrap_02 .btn.blue span{background-image:url(../images/common/btn_bg_blue_01.png)}
/* figure_type_01 */
.figure_type_01{margin:0}
/* table_scroll */
.table_scroll{position:relative;}
.table_scroll:after{content:'';display:block;position:absolute;width:100px;bottom:-1px;top:0;right:0;
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 40%, rgba(255,255,255,1) 70%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 40%,rgba(255,255,255,1) 70%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 40%,rgba(255,255,255,1) 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */}
.table_type_01{white-space:nowrap;overflow-y:auto;padding-bottom:20px;}
.table_type_01{/* margin:0 -40px;padding:0 0 0 40px;overflow-y:auto;height:417px;scrollbar-3dlight-color:#fff;scrollbar-arrow-color:#fff;scrollbar-face-color:#e3e3e3;scrollbar-hightlight-color:#fff;scrollbar-shadow-color:#fff */}
.table_type_01::-webkit-scrollbar{height:5px;background:#dddddd;box-shadow:none;}
.table_type_01::-webkit-scrollbar-track {box-shadow:none;}
.table_type_01::-webkit-scrollbar-thumb{width:5px;background:#212121;border:none;box-shadow:none;}
.table_type_01.clone{position:absolute;top:0;left:0;overflow:visible;}
.table_type_01 .inner{}
.table_type_01 table{border-bottom:1px solid #929c9e;}
.table_type_01 table thead th{height:56px;border-left:5px solid #fff;line-height:24px;background:#cecece;font-size:24px;font-weight:700;color:#222222}
.table_type_01 table thead th:first-child{background:#2952a4;color:#fff;border-left:none}
.table_type_01 table thead th span{display:block;font-size:16px;}
.table_type_01 table tbody th{padding:0 20px 0 40px;background:#fff;height:50px;background:#eceff7;border-top:1px solid #afb6ba;text-align:left;font-size:22px;font-weight:400;color:#393939;letter-spacing:-0.05em;}
.table_type_01 table tbody td{border-top:1px solid #afb6ba;text-align:center;font-size:22px;color:#555;letter-spacing:-0.05em;}
.table_type_01 table tbody tr:first-child td,
.table_type_01 table tbody tr:first-child th{border-top:none}
.table_type_01 table tbody th + td{border-left:5px solid #fff}
.table_type_01 table tbody .bg_row th{background:#e2e4e6;border-top:none}
.table_type_01 table tbody .bg_row  + tr th, 
.table_type_01 table tbody .bg_row  + tr td{border-top:none}
/* table_type_01 */
.table_type_01.clone{pointer-events:none}
.table_type_01.clone table th,
.table_type_01.clone table td{visibility:hidden}
.table_type_01.clone table thead th:first-child{visibility:visible}
.table_type_01.clone table tbody th{visibility:visible;}
/* list_dot_01 */
.list_dot_01{font-size:24px;color:#5b5b5b;line-height:40px;letter-spacing:-0.03em}
.list_dot_01 li{padding-left:28px;position:relative;}
.list_dot_01 li:after{content:'';display:block;width:6px;height:6px;background:#5b5b5b;border-radius:3px;position:absolute;left:0;top:50%;margin-top:-3px}
/* term_wrap */
.term_wrap{}
.term_wrap .top_text{padding-left:20px;font-size:28px;color:#444;font-weight:500;letter-spacing:-0.07em;line-height:40px;}
.term_wrap .top_text em{color:#243987;font-weight:500;}
.term_wrap .term_cont{padding:12px 17px 14px;margin-top:25px;background:#f5f5f5}
.term_wrap .term_cont ul{font-size:24px;color:#444;line-height:35px;letter-spacing:-0.07em;color:#444;}
.term_wrap .term_cont ul li{padding-left:15px;}
.term_wrap .term_cont ul li i.bu{display:inline-block;width:15px;margin-left:-15px;line-height:35px;vertical-align:top;}
.term_wrap .term_cont ul li p{color:#888;font-size:23px;}
/* [E] Common html */

/* [S] Guide */
#wrap{width:720px;overflow:hidden;position:relative;}
#header{width:100%;height:131px;box-sizing:border-box;background:#243987;position:fixed;left:0;top:0;z-index:10;transition:background 0.2s;transition-delay:0.1s}
#header .logo{padding:38px 0 0 40px}
#header .btn_open_menu{width:131px;height:131px;position:absolute;right:0;top:0;background:none;border:none;overflow:hidden;text-indent:-999px}
#header .btn_open_menu i{display:block;position:absolute;width:41px;height:4px;background:#fff;left:45px;transition:all 0.5s ease}
#header .btn_open_menu i.l1{top:47px;}
#header .btn_open_menu i.l2{top:63px;}
#header .btn_open_menu i.l3{top:63px;}
#header .btn_open_menu i.l4{top:79px;}
#header .bg_menu_open{display:none;position:fixed;width:100%;left:0;top:131px;bottom:0;background:#222;z-index:-1;opacity:0;transition:opacity 0.5s ease}
#header .language{padding:36px 0 36px 50px;background:#243987;}
#header .language ul{font-size:0;}
#header .language ul li{display:inline-block;font-size:28px;font-weight:700;font-family:'NanumSquare';color:#fff;letter-spacing:-0.02em;line-height:20px;border-left:2px solid #fff;margin-left:20px;padding-left:20px}
#header .language ul li:first-child{margin-left:0;padding-left:0;border:none}
#header .language ul li.on a{color:#aaa;}
#header .haeder_copy{padding:50px 0 50px 50px;overflow:hidden}
#header .haeder_copy .menu_logo{float:left;margin-right:30px}
#header .haeder_copy p{font-size:20px;color:#bbb;line-height:28px;letter-spacing:-0.02em}
#menu{position:fixed;width:595px;box-sizing:border-box;top:131px;bottom:0;left:100%;background:#fff;overflow-y:scroll;transition:left 0.5s ease, background 0.5s ease}
#menu nav{}
#menu nav .gnb > li{border-bottom:1px solid #dadada;position:relative;}
#menu nav .gnb > li > a{display:block;padding-left:50px;font-family:'NanumSquare';font-size:34px;font-weight:700;line-height:129px;}
#menu nav .gnb > li > .btn_depth2{display:block;width:131px;height:129px;position:absolute;right:0;top:0;border:none;background:url(../images/common/btn_gnb_arr.png) no-repeat center center;text-indent:-9999px;overflow:hidden}
#menu nav .gnb > li .depth2{display:none;background:#f4f5f7;}
#menu nav .gnb > li .depth2 ul{}
#menu nav .gnb > li .depth2 ul li{border-top:1px solid #dadada;}
#menu nav .gnb > li .depth2 ul li a{display:block;font-size:30px;color:#222;padding:0 0 0 50px;line-height:85px;}
#menu nav .gnb > li .depth2 ul li:first-child{border-top:none;}
#menu nav .gnb > li .depth2 ul li.on a{color:#243987}
#menu nav .bg_depth2{width:100%;height:0;position:absolute;top:100px;left:0;background:#eff1f3;z-index:-1;transition:all 0.2s;transition-delay:0.1s}
#menu nav .gnb > li.on > a{color:#243987}
#menu nav .gnb > li.on .btn_depth2{transform:rotate(180deg)}
/* 스크롤될때 */
.main #header{background:none;border-bottom:1px solid rgba(255,255,255,0.25);}
#header.head_scroll{background:#243987;border-bottom:none}
/* 메뉴 열렸을때 */
#header.menu_open{background:#243987;border-bottom:none}
#header.menu_open .btn_open_menu{background:#212b4d;}
#header.menu_open #menu{left:125px;/* background:rgba(34,34,34,0.8); */}
#header.menu_open .bg_menu_open{display:block;opacity:0.8}
#header.menu_open .btn_open_menu i.l1{opacity:0}
#header.menu_open .btn_open_menu i.l2{transform:rotate(45deg)}
#header.menu_open .btn_open_menu i.l3{transform:rotate(-45deg)}
#header.menu_open .btn_open_menu i.l4{opacity:0}
#footer{background:#383838;padding:42px 40px 46px 60px;text-align:left;overflow:hidden}
#footer .logo{float:left;padding-top:4px}
#footer .textbox{padding-left:135px;color:#eeeeee;font-size:22px;line-height:32px;letter-spacing:-0.02em}
#footer .textbox .tit{display:block;}
#footer .textbox .info{margin-top:10px;}
#footer .textbox .info .sitemap{color:#aaa}

#footer .textbox .bar{display:inline-block;vertical-align:top;margin:0 10px;font-size:16px;color:#888;}
#footer .textbox .copy{margin-top:20px;color:#bbb;font-size:20px;letter-spacing:-0.02em;line-height:29px;}
#lnb{}
#lnb ul{display:table;table-layout:fixed;width:100%;overflow:hidden}
#lnb ul li{display:table-cell;text-align:center;border-left:1px solid #ddd;border-bottom:1px solid #243987;vertical-align:top}
#lnb ul li.on{border-bottom:none;}
#lnb ul li a{display:block;height:94px;position:relative;border-top:3px solid #ddd;font-size:30px;color:#444;line-height:94px;font-weight:500;letter-spacing:-0.02em}/* 243987 */
#lnb ul li a span{display:inline-block;padding:6px 0 0;line-height:35px;}
#lnb ul li.on a{border-top:3px solid #243987;border-left:1px solid #243987;border-right:1px solid #243987;z-index:1;margin:0 -1px;color:#243987}
#lnb ul li:first-child.on a{border-left:none}
#container{min-height:500px}
#visual_area{margin-top:130px;height:350px;background-position:center center;background-repeat:no-repeat;background-size:cover;text-align:center;display:-webkit-flex;display:flex;-webkit-align-items: center;align-items: center;}
#visual_area .inner{width:100%;}
#visual_area .inner .title_visual{margin-bottom:20px;font-weight:500;color:#fff}
#visual_area .inner .subtitle{font-size:28px;color:#ddd;line-height:40px;letter-spacing:-0.04em}
#sub_location{margin:0 auto;padding:23px 0 0;font-size:13px;color:#666;font-weight:300;text-align:right;}
#sub_location .arr{margin:0 5px}
#contents{margin:0 auto;padding:80px 0 190px}
/* [E] Guide */

/* [S] Page */
.main .visual{position:relative;z-index:1;height:1020px;overflow:hidden}
.main .visual .slider .slide{height:1020px;background-position:center center;background-repeat:no-repeat;background-size:cover}
.main .visual .bx-wrapper{position:relative;z-index:1;}
.main .visual .bx-pager{width:100%;position:absolute;bottom:66px;text-align:center;font-size:0;z-index:50}
.main .visual .bx-pager .bx-pager-item{display:inline-block;padding:0 10px;}
.main .visual .bx-pager .bx-pager-item a{display:block;width:15px;height:15px;text-indent:-9999px;overflow:hidden;background:#fff;border-radius:8px;transition:background 0.2s}
.main .visual .bx-pager .bx-pager-item a:hover,
.main .visual .bx-pager .bx-pager-item a.active{background:#1946ba}
.main .visual .slider .slide01 .txt01{}
.main .visual .slider .slide01 .txt02{top:357px;}
.main .visual .slider .slide02 .txt01{top:201px;}
.main .visual .slider .slide02 .txt02{top:357px;}
.main .visual .slider .slide03 .txt01{top:201px;}
.main .visual .slider .slide03 .txt02{top:357px;}

.main .visual .textbox p{position:absolute;text-align:center;width:100%;z-index:10}
.main .visual .textbox .txt01{top:201px;transform:translate(0, 50px);opacity:0;transition:all 2s ease;transition-delay:0.2s}
.main .visual .textbox .txt02{top:357px;transform:translate(0, 30px);opacity:0;transition:all 1s ease;transition-delay:0.9s}
.main .visual .textbox.active .txt01{transform:translate(0, 0);opacity:1;}
.main .visual .textbox.active .txt02{transform:translate(0, 0);opacity:1;}

.main .section01{position:relative;}
.main .section01 .inner{}
.main .section01 .slider{height:1280px;z-index:1}
.main .section01 .slider .slide{height:1280px;}
.main .section01 .slider .slide .slidebox{}
.main .section01 .slider .slide .slidebox .imgbox{}
.main .section01 .slider .slide .slidebox .imgbox img{/* transform:translateX(20px); */transition:all 1s;opacity:0}
.main .section01 .slider .slide .slidebox .textbox{padding:59px 0 0 65px;box-sizing:border-box;background:#fff}
.main .section01 .slider .slide .slidebox .textbox .title{transform:translateY(20px);opacity:0;transition:all 1s ease;transition-delay:0.1s}
.main .section01 .slider .slide .slidebox .textbox .text{margin-top:48px;line-height:25px;font-size:26px;letter-spacing:-0.02em;transform:translateY(20px);opacity:0;transition:all 1s ease;transition-delay:0.4s;}
.main .section01 .slider .slide .slidebox .textbox .text .bar{display:inline-block;font-size:20px;vertical-align:top;margin-right:10px;}
.main .section01 .slider .slide .slidebox .textbox dl.text dt{color:#444;font-weight:700;}
.main .section01 .slider .slide .slidebox .textbox dl.text dt .bar{font-size:19px;line-height:28px;margin:0 10px;display:inline-block;vertical-align:top}
.main .section01 .slider .slide .slidebox .textbox dl.text dt span{font-style:italic;font-size:24px;}
.main .section01 .slider .slide .slidebox .textbox dl.text dd + dt{padding:29px 0 0;}
.main .section01 .slider .slide .slidebox .textbox dl.text dd{margin-top:13px;color:#666;font-size:24px;line-height:35px;letter-spacing:-0.08em}
.main .section01 .slider .slide .slidebox .textbox ul.text{margin-top:37px}
.main .section01 .slider .slide .slidebox .textbox ul.text li{font-size:26px;line-height:50px;color:#444;padding-left:18px;position:relative;}
.main .section01 .slider .slide .slidebox .textbox ul.text li strong{font-weight:400}
.main .section01 .slider .slide .slidebox .textbox ul.text li:after{content:'';display:block;width:5px;height:5px;background:#555;position:absolute;left:0;top:24px;border-radius:3px;}
.main .section01 .slider .slide .slidebox .textbox .btn_area{margin-top:32px;transform:translateY(20px);opacity:0;transition:all 1s;transition-delay:0.7s}
.main .section01 .slider .slide .slidebox .textbox .btn_area .btn_st{display:inline-block;width:239px;height:61px;line-height:61px;font-size:28px;text-align:center;font-weight:700;color:#444;background:url(../images/main/bg_sect01_btn.png) no-repeat 0 0;letter-spacing:-0.05em}
.main .section01 .slider .slide.active_slide .slidebox .imgbox img{transform:translateX(0);opacity:1;}
.main .section01 .slider .slide.active_slide .slidebox .textbox .title{transform:translateY(0);opacity:1;}
.main .section01 .slider .slide.active_slide .slidebox .textbox .text{transform:translateY(0);opacity:1}
.main .section01 .slider .slide.active_slide .slidebox .textbox .btn_area{transform:translateY(0);opacity:1}
.main .section01 .bx-wrapper{position:relative;}
.main .section01 .bx-wrapper .bx-controls-direction a{display:block;width:60px;height:60px;box-sizing:border-box;position:absolute;top:50%;margin-top:-30px;border:1px solid #a1a1a1;text-indent:-9999px;overflow:hidden;z-index:2}
.main .section01 .bx-wrapper .bx-controls-direction a.bx-prev{left:50%;margin-left:-570px;background:url(../images/common/btn_slider_prev_01.png) no-repeat center center}
.main .section01 .bx-wrapper .bx-controls-direction a.bx-next{right:50%;margin-right:-570px;background:url(../images/common/btn_slider_next_01.png) no-repeat center center}
.main .section01 .bx-wrapper .bx-controls-direction a:hover{border-color:#000}
.main .section01 .bx-pager{background:#2751a4;display:table;width:100%;table-layout:fixed;}
.main .section01 .bx-pager a{display:table-cell;text-align:center;height:100px;vertical-align:middle;border-left:1px solid #3861b2;transition:background 0.3s ease;}
.main .section01 .bx-pager a:first-child{border-left:none}
.main .section01 .bx-pager a img{transition:all 0.3s ease;opacity:0.4}
.main .section01 .bx-pager a.active{background:#0796d6}
.main .section01 .bx-pager a.active img{opacity:1}
.main .section02{background:#243987;}
.main .section02 .inner{padding:48px 0 50px}
.main .section02 .inner:after{content:'';display:table;clear:both}
.main .section02 .inner .textbox{text-align:center;color:#fff}
.main .section02 .inner .textbox .txt01{font-size:35px;line-height:46px;letter-spacing:-0.02em}
.main .section02 .inner .textbox .txt02{margin-top:10px;font-size:24px;line-height:34px;letter-spacing:-0.02em}
.main .section02 .inner ul{padding:34px 0 0;font-size:0;text-align:center;}
.main .section02 .inner ul li{display:inline-block;width:150px;height:150px;margin-left:8px;border:1px solid rgba(235,235,235,0.7);border-radius:50%;text-align:center;line-height:150px;transform:translateY(10px);opacity:0;transition:all 0s ease 0s;}
.main .section02 .inner ul li img{vertical-align:middle}
.main .section02.active .inner ul li{transform:translateY(0);opacity:1;transition:all 0.8s ease 0s;}
.main .section02.active .inner ul li:nth-child(1){}
.main .section02.active .inner ul li:nth-child(2){transition-delay:0.2s}
.main .section02.active .inner ul li:nth-child(3){transition-delay:0.4s}
.main .section02.active .inner ul li:nth-child(4){transition-delay:0.6s}
.main .section03{background:url(../images/main/bg_sect03.jpg) no-repeat center center;background-size:cover}
.main .section03 .inner{}
.main .section03 ul{overflow:hidden}
.main .section03 ul li{width:240px;height:275px;float:left;background:rgba(55,64,83,0.6);}
.main .section03 ul li:nth-child(even){background:rgba(55,64,83,0.45)}
.main .section03 ul li a{display:block;height:100%;box-sizing:border-box;text-align:center;padding:74px 0 0;position:relative;z-index:1}
.main .section03 ul li:nth-child(4) a,
.main .section03 ul li:nth-child(5) a,
.main .section03 ul li:nth-child(6) a{padding-top:57px}
.main .section03 ul li .ico{display:block;width:84px;height:100px;margin:0 auto;background-repeat:no-repeat;background-position:0 0;opacity:0;transform:scale(0);transition:all 0s ease 0s;opacity:0}
.main .section03 ul li:nth-child(1) .ico{background-image:url(../images/main/img_sect03_01.png);}
.main .section03 ul li:nth-child(2) .ico{background-image:url(../images/main/img_sect03_02.png);}
.main .section03 ul li:nth-child(3) .ico{background-image:url(../images/main/img_sect03_03.png);width:90px;}
.main .section03 ul li:nth-child(4) .ico{background-image:url(../images/main/img_sect03_04.png);}
.main .section03 ul li:nth-child(5) .ico{background-image:url(../images/main/img_sect03_05.png);}
.main .section03 ul li:nth-child(6) .ico{background-image:url(../images/main/img_sect03_06.png);}
.main .section03.active ul li .ico{transform:scale(1);opacity:1;transition:all 1s ease 0s;}
.main .section03.active ul li:nth-child(1) .ico{transition-delay:0.1s;opacity:1;}
.main .section03.active ul li:nth-child(2) .ico{transition-delay:0.2s;opacity:1;}
.main .section03.active ul li:nth-child(3) .ico{transition-delay:0.3s;opacity:1;}
.main .section03.active ul li:nth-child(4) .ico{transition-delay:0.6s;opacity:1;}
.main .section03.active ul li:nth-child(5) .ico{transition-delay:0.5s;opacity:1;}
.main .section03.active ul li:nth-child(6) .ico{transition-delay:0.4s;opacity:1;}
.main .section03 ul li span{display:block;padding:5px 0 0;font-size:26px;line-height:28px;;color:#fff;font-weight:700}
.main .section03 ul li a:after{content:'';display:block;width:100%;height:100%;position:absolute;left:0;top:0;z-index:-1;background:url(../images/main/bg_sect03_ov.jpg) no-repeat 0 0;opacity:0;transition:all 0.3s}
.main .section03 ul li a:active:after{opacity:1}

/* 회사소개 */
.about #visual_area{background-image:url(../images/about/bg_visual.jpg)}
/* 회사소개 - 인사말 */
.introduce .content_01 .cont_title_01{color:#243987}
.introduce .content_01{overflow:hidden;padding:0 40px}
.introduce .content_01 p{margin-top:23px;font-size:30px;line-height:45px;letter-spacing:-0.05em;color:#444;}
/* .introduce .content_01 .txt_big{margin-top:0;font-size:30px;line-height:51px;letter-spacing:-0.07em;font-weight:500;color:#444;} */
.introduce .content_01 .img{float:right;padding:34px 47px 23px 27px}
.introduce .content_01 .txt_from{margin-top:30px;}
/* 회사소개 - 연혁 */
.history .content_01 .cont_title_01{color:#243987}
.history .hisotry_list{margin:0 0 0 45px;position:relative;width:595px;box-sizing:border-box}
.history .hisotry_list li{display:table;width:100%;margin:10px 0 0;position:relative;font-size:26px;line-height:35px;letter-spacing:-0.01em;color:#5b5b5b;}
.history .hisotry_list li:first-child{margin:0;}
.history .hisotry_list li .date{display:table-cell;width:185px;font-weight:500;color:#243987;}
.history .hisotry_list li .date.va_bot{vertical-align:bottom}
.history .hisotry_list li .date .y{display:inline-block;width:88px;}
.history .hisotry_list li p{display:table-cell;}
.history .hisotry_list li .img{display:block;padding:38px 0 25px}
/* 회사소개 - 오시는길 */
.location .content_01{position:relative;padding:0 40px;letter-spacing:-0.02em}
.location .content_01 .map{height:455px;}
.location .content_01 dl{padding-left:35px;margin-top:45px;position:relative;background:url(../images/about/bg_location_bar.png) no-repeat 0 0}
.location .content_01 dl dt{margin-bottom:2px;margin-bottom:5px;font-size:26px;line-height:34px;font-weight:500;color:#000;letter-spacing:-0.02em}
.location .content_01 dl dd{font-size:24px;line-height:40px;color:#5b5b5b;letter-spacing:-0.02em}
.location .content_01 dl dd span{font-size:22px;}
.location .content_01 dl dd .bar{display:inline-block;margin:0 20px;font-size:16px;vertical-align:bottom;}
.location .content_01 dl dd em{color:#222}

/* 제품소개 */
.product #contents{padding-top:98px}
.product #visual_area{background-image:url(../images/product/bg_visual.jpg)}
.product #lnb li a span{display:inline-block;vertical-align:middle;}
.product #lnb li a span img{display:block;}
.product #lnb li.on a span img{opacity:0}
.product #lnb li:nth-child(1).on a span{background:url(../images/product/lnb_product_01_on.png) no-repeat 0 0;}
.product #lnb li:nth-child(2).on a span{background:url(../images/product/lnb_product_02_on.png) no-repeat 0 0;}
.product #lnb li:nth-child(3).on a span{background:url(../images/product/lnb_product_03_on.png) no-repeat 0 0;}
.product #lnb li:nth-child(4).on a span{background:url(../images/product/lnb_product_04_on.png) no-repeat 0 0;}
/* .product #lnb li:nth-child(5).on a span{background:url(../images/product/lnb_product_05_on.png) no-repeat 0 0;} */
.product #lnb li:nth-child(5).on a span{background:url(../images/product/lnb_product_06_on.png) no-repeat 0 0;}
.product #lnb li:nth-child(6).on a span{background:url(../images/product/lnb_product_07_on.png) no-repeat 0 0;}
.product .txt_cmt{margin-top:40px;font-size:24px;line-height:35px;color:#5b5b5b;letter-spacing:-0.04em}
.product .prd_summary{}
.product .prd_summary .title_prd_01{margin-bottom:100px;text-align:center;font-size:35px;line-height:60px;letter-spacing:-0.02em;color:#243987;}
.product .prd_summary .title_prd_01 em{font-size:70px;letter-spacing:-0.02em}
.product .prd_summary .txt_img_wrap{padding:60px 40px 100px;} 
.product .prd_summary .txt_img_wrap .title_prd_02{margin-bottom:20px;font-size:50px;font-weight:700;color:#243987;letter-spacing:-0.05em;}
.product .prd_summary .txt_img_wrap .title_prd_02 span{font-size:30px;font-weight:400;letter-spacing:-0.09em}
.product .prd_summary .txt_img_wrap .text p{font-size:24px;line-height:40px;color:#5b5b5b;letter-spacing:-0.02em;text-align:justify}
.product .prd_summary .txt_img_wrap .graph{margin-top:70px;}
.product .prd_summary .img_view_list{padding:0 40px 80px;background:#eee}
.product .prd_summary .img_view_list li{padding:74px 0 0}
.product .prd_summary .img_view_list li .text .tit{font-size:30px;line-height:38px;font-weight:700;letter-spacing:-0.05em}
.product .prd_summary .img_view_list li .text .txt{margin:26px 0 0;font-size:24px;line-height:40px;letter-spacing:-0.07em;color:#5b5b5b;}
.product .prd_summary .img_view_list li .img{margin-top:20px;}
.product .prd_summary .big_img{padding:160px 0 0;text-align:center;}
.product .prd_specifications{padding:110px 40px 0}
.product .prd_options{padding:95px 40px 0}
.product .prd_options .list_dot_01{overflow:hidden}
.product .prd_options .list_dot_01 li{float:left;width:45%;box-sizing:border-box}
.prd_technology{padding:0 40px;}
.product .prd_technology .cont_title_02{font-weight:400;}
.product .prd_technology .cont_title_02 strong{font-weight:700;}
.prd_technology .txt_cmt{margin-top:20px;font-size:24px;line-height:35px;color:#5b5b5b;letter-spacing:-0.05em}
.prd_technology .row .cols{position:relative;}
.prd_technology .row .cols + .cols{margin-top:50px;}
.prd_technology .row .cols .tit{position:absolute;left:30px;top:60px;font-size:30px;font-weight:700;letter-spacing:-0.02em}
.prd_technology .row .cols .list{position:absolute;left:30px;bottom:50px;font-size:24px;line-height:40px;letter-spacing:-0.02em;color:#2850a5;font-weight:500}
.product .prd_dimensions .table_type_01 table tbody th{text-align:center;padding-left:20px}
.product .prd_dimensions{padding:90px 40px 0}
.product .prd_dimensions .img_dimension{margin:40px 0 50px;}
.product .table_scroll{margin-right:-40px;}
.product.hclu_series .prd_options .list_dot_01 li{width:50%}
.product.hsp_series .prd_summary .txt_img_wrap .text p{letter-spacing:-0.03em;}
.product.hsp_series .prd_technology .cont_title_02{margin-bottom:50px;}
.product.hsp_series .prd_technology .row .cols .list{bottom:auto;top:20px;left:0;}
.product.hsp_series .prd_technology .row .cols .txt_cmt{position:absolute;bottom:auto;bottom:50px;left:0;}
.product.hcl_series .prd_summary .img_prd{margin-top:-31px}
.product.hlm_series .prd_summary .img_prd{margin-top:-38px}
.product.hkp_series .prd_summary .img_prd{margin-top:-45px}
.product.hkp_series .prd_summary .txt_img_wrap .text p{letter-spacing:-0.05em;}

/* 품질개발 */
.quality #visual_area{background-image:url(../images/quality/bg_visual.jpg)}
/* 품질개발 - 인증현황 */
.certification .content_01{padding:20px  40px 0}
.certification .content_01 .cont_title_01{padding-bottom:100px}
.certification .certificate_slider{height:770px;background:url(../images/quality/bg_certification_01.png) no-repeat 0 0;box-sizing:border-box;padding:70px 0 0}
.certification .certificate_slider .bx-wrapper{width:540px;height:622px;margin:0 auto;position:relative;z-index:1;}
.certification .certificate_slider .bx-wrapper .bxslider li{text-align:center;}
.certification .certificate_slider .bx-wrapper .bxslider li p{margin-top:-10px;font-size:24px;color:#5b5b5b;}
.certification .certificate_slider .bx-wrapper .bxslider li p span{color:#000;}
.certification .certificate_slider .bx-wrapper .bx-controls-direction a{display:block;width:37px;height:58px;position:absolute;top:218px;text-indent:-9999px;overflow:hidden;z-index:51}
.certification .certificate_slider .bx-wrapper .bx-controls-direction a.bx-prev{background:url(../images/common/btn_slider_prev_02.png) no-repeat 0 0}
.certification .certificate_slider .bx-wrapper .bx-controls-direction a.bx-next{background:url(../images/common/btn_slider_next_02.png) no-repeat 0 0;right:0}
.certification .certificate_slider .bx-pager{position:absolute;width:100%;font-size:0;text-align:center;bottom:0}
.certification .certificate_slider .bx-pager .bx-pager-item{display:inline-block;margin:0 5px;}
.certification .certificate_slider .bx-pager .bx-pager-item a{display:block;width:18px;height:18px;box-sizing:border-box;border:3px solid #243987;border-radius:9px;text-indent:-9999px;}
.certification .certificate_slider .bx-pager  .bx-pager-item a.active{background:#243987}
/* 품질개발 - 보유설비현황 */
.facility .content_01 {padding:20px 40px 0}
.facility .content_01 .cont_title_01{padding-bottom:90px;}
.facility .content_02{padding:0 0 0 40px;margin-top:120px;}
.facility .content_02 .table_type_01 table tbody th{}
.facility .content_03{padding:0 0 0 40px;margin-top:120px;}
/* .facility .content_03 .table_type_01 table tbody th{padding-left:50px} */

/* 인재채용 */
.recruit #visual_area{background-image:url(../images/recruit/bg_visual.jpg)}
.careers .content_01{padding:0 40px}
.careers .content_01 ol{overflow:hidden}
.careers .content_01 ol li{width:197px;float:left;margin-left:24px;padding-bottom:40px}
.careers .content_01 ol li:first-child,
.careers .content_01 ol li:nth-child(4){margin-left:0;}
.careers .content_01 ol li:nth-child(4){clear:left}
.careers .content_01 ol li em{display:block;width:197px;height:197px;line-height:197px;background-position:0 0;background-repeat:no-repeat;font-size:24px;color:#fff;letter-spacing:-0.05em;text-align:center;}
.careers .content_01 ol li:nth-child(1) em{background-image:url(../images/recruit/bg_careers_cont01_01.png)}
.careers .content_01 ol li:nth-child(2) em{background-image:url(../images/recruit/bg_careers_cont01_02.png)}
.careers .content_01 ol li:nth-child(3) em{background-image:url(../images/recruit/bg_careers_cont01_03.png)}
.careers .content_01 ol li:nth-child(4) em{background-image:url(../images/recruit/bg_careers_cont01_04.png)}
.careers .content_01 ol li:nth-child(5) em{background-image:url(../images/recruit/bg_careers_cont01_05.png)}
.careers .content_01 ol li p{margin-top:24px;font-size:24px;color:#5b5b5b;line-height:30px;letter-spacing:-0.08em}
.careers .content_02{margin-top:120px;padding:0 40px}
.careers .content_02 ul{overflow:hidden}
.careers .content_02 ul li{width:180px;float:left;margin-top:25px;padding:205px 0 20px;position:relative;margin-left:50px;text-align:center;font-size:28px;line-height:35px;color:#5b5b5b;letter-spacing:-0.05em;font-weight:500}
.careers .content_02 ul li:first-child,
.careers .content_02 ul li:nth-child(3n+1){margin-left:0;}
.careers .content_02 ul li:nth-child(3n+1){clear:left}
.careers .content_02 ul li:after{content:'';display:block;width:180px;height:180px;background-position:0 0;background-repeat:no-repeat;position:absolute;left:0;top:0}
.careers .content_02 ul li:nth-child(1):after{background-image:url(../images/recruit/bg_careers_cont02_01.png)}
.careers .content_02 ul li:nth-child(2):after{background-image:url(../images/recruit/bg_careers_cont02_02.png)}
.careers .content_02 ul li:nth-child(3):after{background-image:url(../images/recruit/bg_careers_cont02_03.png)}
.careers .content_02 ul li:nth-child(4):after{background-image:url(../images/recruit/bg_careers_cont02_04.png)}
.careers .content_02 ul li:nth-child(5):after{background-image:url(../images/recruit/bg_careers_cont02_05.png)}
.careers .content_02 ul li:nth-child(6):after{background-image:url(../images/recruit/bg_careers_cont02_06.png)}
.careers .content_02 ul li:nth-child(7):after{background-image:url(../images/recruit/bg_careers_cont02_07.png)}
.careers .content_02 ul li:nth-child(8):after{background-image:url(../images/recruit/bg_careers_cont02_08.png)}
.careers .content_03{margin-top:80px;padding:0 40px}
.careers .content_03 .txt_01{font-size:24px;line-height:38px;color:#5b5b5b;letter-spacing:-0.06em}
.careers .content_03 .cont_recruit{margin-top:22px;font-size:24px;}
.careers .content_03 .cont_recruit .btn_download{display:inline-block;width:347px;height:58px;box-sizing:border-box;padding-right:46px;line-height:58px;color:#fff;font-weight:500;letter-spacing:-0.05em;background:url(../images/recruit/bg_careers_cont03_btn.png) no-repeat 0 0;text-align:center;vertical-align:top}
.careers .content_03 .cont_recruit .online{box-sizing:border-box;margin:22px 0 0;line-height:35px;font-weight:500;color:#000;background:url(../images/recruit/bg_careers_cont03_01.png) no-repeat 0 0}
.careers .content_03 .cont_recruit .online dt{letter-spacing:-0.05em}
.careers .content_03 .cont_recruit .online dd{font-weight:500;letter-spacing:-0.01em}
.careers .content_03 .cont_recruit .online dd a{color:#2850a5}

/* 고객센터 */
.cscenter #visual_area{background-image:url(../images/cscenter/bg_visual.jpg)}
.news .content_01{padding:20px 40px 0;}
.news .content_01 .cont_title_01{padding-bottom:104px}
.qna .content_01{padding:20px 40px 0;}
.qna .content_01 .cont_title_01{padding-bottom:100px;}
.qna_complete .content_01{padding:176px 0 0;text-align:center;background:url(../images/cscenter/bg_qna_complete.png) no-repeat center 16px}
.qna_complete .content_01 .text_01{font-size:39px;color:#243987;letter-spacing:-0.03em;}
.qna_complete .content_01 .text_02{margin-top:14px;font-size:29px;color:#000;letter-spacing:-0.03em;line-height:37px}

/* etc */
.etc.sitemap #visual_area{background-image:url(../images/etc/bg_visual_sitemap.jpg)}
.sitemap .content_01{padding:8px 40px;}
.sitemap .content_01 .cont_title_01{padding-bottom:91px;}
.sitemap .sitemap_list{overflow:hidden}
.sitemap .sitemap_list > li{float:left;text-align:center;width:300px;padding:0 0 68px 9px}
.sitemap .sitemap_list > li > em{display:block;width:300px;height:58px;line-height:58px;background:url(../images/etc/bg_sitemap_tit.png) no-repeat center 0;font-size:24px;color:#fff;font-weight:700;letter-spacing:-0.05em;margin-bottom:12px;}
.sitemap .sitemap_list > li:nth-child(2n+1){clear:left;padding-left:0}
.sitemap .sitemap_list > li ul li{font-size:24px;line-height:40px;letter-spacing:-0.04em;color:#444}
.sitemap .sitemap_list > li ul li img{vertical-align:middle;margin-top:-10px}
/* [E] Page */

/* [S] Popup */
.layerpop_type_01{display:none;position:fixed;width:100%;left:0;top:0;bottom:0;background:rgba(34,34,34,0.5);z-index:100;overflow-y:auto}
.layerpop_type_01 .pop_wrap{display:table;width:100%;height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;}
.layerpop_type_01 .pop_wrap .pop_inner{margin:50px auto;background:#fff;width:640px;position:relative;}
.layerpop_type_01 .pop_wrap .pop_head{height:95px;text-align:center;background:url(../images/common/bg_pop_head.png) no-repeat 0 0;text-align:center;font-size:40px;font-weight:500;color:#fff;line-height:95px;letter-spacing:-0.07em}
.layerpop_type_01 .pop_wrap .pop_cont{padding:42px 40px 50px;}
.layerpop_type_01 .pop_wrap .btn_close_pop{position:absolute;width:60px;height:60px;background:#fff;border:none;text-indent:-999px;overflow:hidden;right:30px;top:17px;}
.layerpop_type_01 .pop_wrap .btn_close_pop:after{content:'';display:block;position:absolute;width:32px;height:32px;background:url(../images/common/btn_close_pop.png) no-repeat 0 0;left:14px;top:14px;transition:transform 0.3s ease}
.layerpop_type_01 .pop_wrap .btn_close_pop:hover:after{transform:rotate(90deg)}
/* [E] Popup */