@charset "utf-8";

/* font */
@font-face {
	font-family: 'NotoSans';
	font-style: normal;
	font-weight: 400;
	src: url(/resources/font/NotoSansKR-Light.woff2) format('woff2'),
	url(/resources/font/NotoSansKR-Light.woff) format('woff');
}

@font-face {
	font-family: 'NotoSans';
	font-style: normal;
	font-weight: 600;
	src: url(/resources/font/NotoSansKR-Medium.woff2) format('woff2'),
	url(/resources/font/NotoSansKR-Medium.woff) format('woff');
}

/* reset */
html, body, h1, h2, h3, h4, h5, h6, div, p, ul, ol, li, dl, dt, dd, table, thead, tbody, th, td, form, fieldset, legend, input, textarea, button, select {padding:0;margin:0;}
body {font-family:Arial, Helvetica, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif; font-size:12px;color:#222; font-weight:400;}
h1, h2, h3, h4, h5, h6,input {font-family:Arial, Helvetica, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif; font-size:100%;color:#222; font-weight:400;}
fieldset, img, button {border:0;}
img, input, button {vertical-align:top;}
table {border-collapse:collapse; word-break:break-all;}
address, em {font-style:normal;}
ol, ul {list-style:none;}
hr {display:none;}
a {text-decoration:none;color:#222;}
a:hover, a:focus {text-decoration:none;}
legend {position:absolute;left:-9999px;top:0;}
caption {overflow:hidden;width:0;height:0;font-size:0;line-height:0;}
button {background:none;cursor:pointer;}
button::-moz-focus-inner {padding:0;border:0;}
sup {font-size:14px;}
legend, caption {display:block;overflow:hidden;position:absolute;left:0;top:-1000em;}
.blind {display:block;overflow:hidden;position:absolute;left:0;top:0;width:1;height:1;padding:0;margin:0;font-size:0;line-height:0;text-indent:-9999px;}
input, button{font-family:Arial;}
input::-webkit-input-placeholder{color: #a9a9a9;}
input:-ms-input-placeholder{color: #a9a9a9;}
.blind{overflow:hidden; position:absolute; left:-9999px; top:0; width:1px; height:1px;}

/* skip_navigation */
.skip_navi a{overflow:hidden; position:absolute; left:0; top:-9999px; z-index:1010; width:100%; height:40px; line-height:40px; text-align:center; color:#fff; background-color:#1428a0;}
.skip_navi a:focus, .skip_navi a:active{top:0;}

#wrap{overflow:hidden; position:relative; min-width:1440px;}

/* header */
#header{position:relative; width:100%; height:70px; background:#fff; transition:0.1s 0.3s; z-index:100;}
#header .header_inner{width:100%; height:100%; padding:0 20px; box-sizing:border-box; position:relative; display:flex; align-items:center; justify-content:space-between;}
#header .logo{display:flex; align-items:center;}
/* #header .logo a{display:block; font-size:0; text-indent:-9999px; position:relative; z-index:2; width:162px; height:34px; background:url("/resources/images/common/logo.svg")no-repeat center / 100%; transition:0.3s;} */
#header .logo a{display:block; font-size:20px; color:#000; position:relative; z-index:2; font-weight:700; transition:0.3s;}
#header .logo .user_info{margin-left:75px; display:flex; align-items:center; gap:30px;}
#header .logo .user_info .tag{width:150px; height:40px; line-height:40px; border-radius:4px; background:#f2994a; color:#fff; font-size:14px; font-weight:600; text-align:center; text-indent:0;}
#header .logo .user_info span{display:block; font-size:12px; color:#666;}
#header .logo .user_info span b{font-weight:600; color:#1f1f1f;}
#header .logo .user_info span + span{margin-top:5px;}
#header .logo span{font-size:15px; color:#000; font-weight:600; line-height:20px; margin-left:20px; padding-left:20px; position:relative; transition:0.3s;}
#header .logo span:before{content:""; width:1px; height:34px; position:absolute; left:0; top:50%; transform:translateY(-50%); background:#ccc; transition:0.3s;}
#header .gnb{position:absolute; left:50%; top:0; width:100%; height:100%; z-index:1; transform:translateX(-50%);}
#header .gnb > ul{width:100%; height:100%; display:flex; align-items:center; justify-content:center; gap:20px;}
#header .gnb > ul > li > a{display:block; height:42px; line-height:42px; padding:0 20px; font-size:18px; font-weight:600; color:#000; position:relative; transition:0.15s;}
#header .gnb > ul > li .depth_wrap{position:absolute; left:0; top:70px; width:100%; background:#fff; border-top:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; display:none;}
#header .gnb > ul > li .depth2_list{width:300px; padding:25px 50px 45px 0; box-sizing:border-box; position:relative; left:50%; transform:translateX(-50%); margin-left:-282px;}
#header .gnb > ul > li .depth2_list > ul > li > a{display:block; padding:15px 0; font-size:16px; color:#666; font-weight:600; line-height:1.4; position:relative; transition:0.3s;}
#header .gnb > ul > li .depth2_list > ul > li > a:before{content:""; display:none; width:8px; height:15px; background:url("/resources/images/common/gnb_arrow_black.svg")no-repeat center / 100%; position:absolute; right:0; top:50%; transform:translateY(-50%);  transition:0.3s;}
#header .gnb > ul > li .depth2_list > ul > li.has_depth > a:before{display:block;}
#header .gnb > ul > li .depth2_list > ul > li.out_link > a:after{content:""; width:16px; height:16px; background:url("/resources/images/common/gnb_outlink_color.svg")no-repeat center / 100%; position:absolute; right:0; top:50%; transform:translateY(-50%); opacity:0; transition:0.2s;}
#header .gnb > ul > li .depth2_list > ul > li.out_link > a:hover:after{opacity:1;}
#header .gnb > ul > li .depth2_list.has_depth{border-right:1px solid #e5e5e5}
#header .gnb > ul > li .depth3_list{display:none; position:absolute; left:100%; top:0; height:100%; padding:30px 45px; box-sizing:border-box;}
#header .gnb > ul > li .depth3_list ul{display:flex; flex-direction:column; flex-wrap:wrap; height:100%; gap:0 60px; padding-bottom:45px;}
#header .gnb > ul > li .depth3_list ul li a{display:inline-block; vertical-align:top; white-space:nowrap; padding:10px 22px 10px 0; font-size:16px; color:#666; font-weight:600; line-height:1.4; transition:0.3s; position:relative;}
#header .gnb > ul > li .depth3_list ul li a span{position:relative;}
#header .gnb > ul > li .depth3_list ul li a span:before{content:""; width:0; height:1px; position:absolute; left:0; bottom:0; background:#2C7CD8; transition:0.3s;}
#header .gnb > ul > li .depth3_list ul li a:hover{color:#2C7CD8}
#header .gnb > ul > li .depth3_list ul li a:hover span:before{width:100%;}
#header .gnb > ul > li .depth3_list ul li.out_link > a:after{content:""; width:16px; height:16px; background:url("/resources/images/common/gnb_outlink_color.svg")no-repeat center / 100%; position:absolute; right:0; top:50%; transform:translateY(-50%); opacity:0; transition:0.2s;}
#header .gnb > ul > li .depth3_list ul li.out_link > a:hover:after{opacity:1;}
#header .menu{height:100%; position:relative; z-index:1;}
#header .menu > ul{display:flex; align-items:center; height:100%;}
#header .menu > ul > li{position:relative; height:100%;}
#header .menu > ul > li > a{display:flex; align-items:center; width:100%; height:100%; padding:14px; box-sizing:border-box; font-size:14px; color:#666; line-height:1; font-weight:600; transition:0.3s;}
#header .menu > ul > li > a:hover{color:#222;}
#header .menu > ul > li + li:before{content:""; width:1px; height:10px; background:#ccc; position:absolute; left:0; top:51%; transform:translateY(-50%); transition:0.3s;}
#header .menu > ul > li ul{position:absolute; left:0; top:100%; background:#fff; border-radius:8px; padding:10px 12px; box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.25); opacity:0; visibility:hidden; transition:0.3s;}
#header .menu > ul > li ul li a{display:block; padding:5px; text-align:center; font-size:14px; color:#333; font-weight:600;}
#header .menu > ul > li ul li.active a,
#header .menu > ul > li ul li:hover a{color:#2C7CD8; font-weight:600; text-decoration:underline;}
#header .menu > ul > li.lang:hover ul{opacity:1; visibility:visible;}
#header .gnb > ul > li:nth-of-type(5) .depth2_list{min-height:320px;}

/* 투명 header */
#wrap.main #header{background:transparent; position:absolute; z-index:10;}
/* #wrap.main #header .logo a{background:url("/resources/images/common/logo_white.svg")no-repeat center / 100%;} */
#wrap.main #header .logo a{color:#fff;}
#wrap.main #header .logo span{color:#fff;}
#wrap.main #header .logo span:before{opacity:0.5;}
#wrap.main #header .logo span b{color:#fff;}
#wrap.main #header .gnb > ul > li > a{color:#fff;}
#wrap.main #header .menu > ul > li > a{color:#fff;}
#wrap.main #header .menu > ul > li + li:before{background:#fff;}
#wrap.main #header.active{background:#fff;}
/* #wrap.main #header.active .logo a{background:url("/resources/images/common/logo.svg")no-repeat center / 100%;} */
#wrap.main #header.active .logo a{color:#000;}
#wrap.main #header.active .logo span{color:#000;}
#wrap.main #header.active .gnb > ul > li > a{color:#000;}
#wrap.main #header.active .gnb > ul > li.active > a,
#wrap.main #header.active .gnb > ul > li.on > a{color:#fff;}
#wrap.main #header.active .menu > ul > li > a{color:#666;}
#wrap.main #header.active .menu > ul > li + li:before{background:#ccc;}

/* 활성화 */
#header.active{background:#fff; transition:0s;}
/* #header.active .logo a{background:url("/resources/images/common/logo.svg")no-repeat center / 100%;} */
#header.active .logo a{color:#000;}
#header.active .logo span{color:#000;}
#header .gnb > ul > li.depth1.active > a,
#header .gnb > ul > li.depth1.on > a{background:#2C7CD8; color:#fff; border-radius:99px;}
#header .gnb > ul > li .depth2_list .depth2.on > a,
#header .gnb > ul > li .depth2_list .depth2.active > a{color:#2C7CD8}
#header .gnb > ul > li .depth2_list .depth2.on > a:before,
#header .gnb > ul > li .depth2_list .depth2.active > a:before{background:url("/resources/images/common/gnb_arrow_color.svg")no-repeat center / 100%;}
#header .gnb > ul > li .depth2_list .depth2.active .depth3_list{display:block;}
#header .gnb > ul > li .depth_wrap.active{opacity:1; visibility:visible;}

@media all and (max-width:1700px){
	#header .gnb{padding-left:180px;}
	#header .gnb > ul > li .depth2_list{margin-left:-192px;}
}


/* footer */
#footer{background:#868C92; padding:72px 0;}
#footer .inner{width:100%; max-width:1400px; margin:0 auto; position:relative; display:flex; justify-content:space-between; align-items:center;}
#footer ul{display:flex; margin-left:-20px;}
#footer ul li{position:relative;}
#footer ul li + li:before{content:""; width:1px; height:10px; background:#ccc; position:absolute; left:0; top:50%; transform:translateY(-50%);}
#footer ul li a{display:block; padding:0 20px; box-sizing:border-box; font-size:16px; color:#fff; font-weight:400;}
#footer p{margin-top:16px; font-size:16px; color:#fff; font-weight:400; line-height:1.3;}


/* error */
.error{height:100vh; min-height:800px;}
.error #wrap{height:100%; padding-bottom:80px; box-sizing:border-box;}
.error #wrap .container .content{position:absolute;  left:0; top:50%; transform:translateY(-50%); text-align:center; width:100%;}
.error .container{position:relative; height:100%;}
.error .txt1{margin-bottom:15px; font-size:38px; line-height:1; color:#000;}
.error .txt1:before{display:block; width:73px; height:73px; margin:0 auto 30px; background:url(/resources/images/common/error_ico.png) 0 0 no-repeat; content:"";}
.error .txt2{margin-bottom:40px; font-size:16px; color:#666;}
.error .btn_area{text-align:center;}
.error .btn_area a{width:170px; background:#043285; border-radius:0;}
.error #header{position:absolute; width:100%; left:0; top:0; z-index:2;}
.error #footer{position:absolute; width:100%; left:0; bottom:0; z-index:2;}
.error .btn_default{display:inline-block; width:140px; padding:12px 0; font-size:14px; border-radius:5px; text-align:center; color:#fff;}
.error .btn_blue{background:#043285;}


/* gitple icon */
#gitple-launcher-custom-icon{border-radius:50% !important;}

/* popup */
.pop_wrap{display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.6);}
.pop_wrap.on{display:block;}
.pop_inner{position:absolute; left:50%; top:100px; background:#fff;}
.pop_inner .bottom{overflow:hidden; padding:10px; border-top:1px solid #cccccc;}
.pop_inner .bottom .left{float:left;}
.pop_inner .bottom .left > *{vertical-align:middle;}
.pop_inner .bottom input[type="checkbox"]{display:inline-block; margin-right:5px;}
.pop_inner .bottom label{display:inline-block; font-size:14px; color:#888888;}
.pop_inner .bottom .close_btn{float:right; display:block; padding-left:18px; background:url(/resources/images/popup/pop_close_bg.png) 0 50% no-repeat; font-size:14px;}
.info_pop{z-index:999999;}
.info_pop .pop_inner{top:370px; width:90%; transform:translateX(-50%);}
.info_pop .pop_inner .cont{position:relative;}
.info_pop .pop_inner .close_btn{position:absolute; top:0; right:0; width:160px; height:160px; background:url(/resources/images/index/close_popup.jpg) no-repeat center; background-size:100%; text-indent:-9999px; z-index:2;}
.info_pop .pop_inner .cont img{width:100%;}
.info_pop .pop_inner .cont .link_btn{overflow:hidden; position:absolute; left:158px; top:278px; width:182px; height:50px; background:#fff; text-indent:-9999px; opacity:0;}

/* basic_table */
.basic_table{width:100%; border-top:1px solid #000; border-bottom:1px solid #000; }
.basic_table thead th,
.basic_table tbody th{padding:21px 15px; background-color:#f3f3f3; text-align:center; font-size:20px; font-weight:600; color:#333;}
.basic_table tbody td{padding:12px 40px; font-size:16px; color:#333;}
.basic_table tbody th, .basic_table tbody td{border-top:1px solid #ccc;}
.basic_table tbody tr:first-child th, .basic_table tbody tr:first-child td{border-top:0;}
.basic_table td .txt1{margin-bottom:12px;}
.basic_table.type2 thead th{border-bottom:1px solid #ccc;}
.basic_table.type2 th,
.basic_table.type2 td{border-left:1px solid #ccc; text-align:center;}
.basic_table.type2 th.tl,
.basic_table.type2 td.tl{border-left:none;}

/* basic_table2 */
.basic_table2{width:100%; border-bottom:1px solid #000;}
.basic_table2 thead th{padding:17px 10px; border-top:1px solid #000; border-bottom:1px solid #ccc; border-left:1px solid #ccc; background-color:#f3f3f3; font-size:18px; color:#333; font-weight:600; text-align:center;}
.basic_table2 tbody th{padding:16px 20px; background-color:#f3f3f3; border-top:1px solid #ccc; border-left:1px solid #ccc; font-size:16px; color:#333; font-weight:400;}
.basic_table2 tbody td{padding:16px 20px; border-top:1px solid #ccc; border-left:1px solid #ccc; background-color:#fff; text-align:center;}
.basic_table2 thead th.bl_none,
.basic_table2 tbody th.bl_none,
.basic_table2 tbody td.bl_none{border-left:none;}
.basic_table2 tbody th.strong,
.basic_table2 tbody td.strong{font-size:18px; color:#333; /* font-weight:400; */ font-weight:600;}
.basic_table2 tbody th.bg_none{background-color:#fff;}
.basic_table2 tbody th.tl,
.basic_table2 tbody td.tl{text-align:left;} /* td 안에 텍스트 left 정렬 */
.basic_table2 tbody tr.bg_blue th,
.basic_table2 tbody tr.bg_blue td{background-color:#edf6fd;}
.basic_table2 tbody tr.bg_gray th,
.basic_table2 tbody tr.bg_gray td{background-color:#f3f3f3;}
.basic_table2 tbody td .btn_wrap{position:relative; overflow:hidden; padding-right:170px; min-height:45px;}
.basic_table2 tbody td .btn_wrap .btn{position:absolute; right:0; top:50%; width:120px; height:45px; margin-top:-22.5px; margin-left:10px;}

.basic_table2 .txt_red{color:#f50000;}
.basic_table2 .txt_blue{color:#043285;}
.basic_table2 .agree{overflow:hidden; display:inline-block; vertical-align:middle; width:15px; height:15px; border-radius:100%; border:1px solid #666; box-sizing:border-box; font-size:0;}
.basic_table2 .not_agree{overflow:hidden; display:inline-block; vertical-align:middle; width:15px; height:15px; background:url(/resources/images/common/tbl_not_agree.png) 0 0 no-repeat; box-sizing:border-box; font-size:0;}
.basic_table2 .agree.point{background:#666;}
.basic_table2 a.download{overflow:hidden; display:inline-block; width:100%; background-image:url(/resources/images/common/btn_download_off.gif); background-position:right center; background-repeat:no-repeat; text-indent:-9999px;  text-align:left; color:#333; }
.basic_table2 a.download:hover{color:#0079cc;background-image:url(/resources/images/common/btn_download_on.gif)}
.basic_table2 a.download.center{width:21px; height:21px; vertical-align:middle; background-position:0 0;}

.basic_table tbody td .dot_list li,
.basic_table2 tbody td .dot_list li{padding-left:10px;background:url(/resources/images/common/bg_list_dot.gif) left 12px no-repeat;}

/* @제품정보 td bg */
.basic_table2 tbody td.bg_blue{background-color:#005d9d; color:#fff;}
.basic_table2 tbody td.bg_gray{background-color:#636a72; color:#fff;}
.basic_table2 tbody td.bg_sky{background-color:#edf6fd;}

/* @테이블 thead 없을시 : tbody 첫번째 줄 line 적용 */
.basic_table2 tbody tr.line_black{border-top:1px solid #000;}
.basic_table2 tbody tr.line_black > th,
.basic_table2 tbody tr.line_black > td{border-top:none;}

/* @basic_table2.type1 : 좌/우 border-line 있는 표 */
.basic_table2.type1 thead th, .basic_table2.type1 tbody th{border-left:1px solid #ccc; border-right:1px solid #ccc;}
.basic_table2.type1 tbody th{background-color:#fff; border-left:1px solid #ccc;}
.basic_table2.type1 tbody td{border-right:1px solid #ccc;}
