@charset "utf-8";

/* reset */
html { -webkit-text-size-adjust: none;}
html, body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select{padding:0; margin:0; box-sizing:border-box;}
body {font-family:Arial, Helvetica, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif; font-size:15px; font-weight:400; color:#333; letter-spacing:-0.5px; line-height:100%; -webkit-text-size-adjust:none; -webkit-overflow-scrolling:touch; box-sizing:border-box; }
h1, h2, h3, h4, h5, h6, strong{font-family:Arial, Helvetica, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif; font-size:100%; letter-spacing:-0.5px; line-height:100%; color:#000;}
header, footer, section, article, div{box-sizing:border-box;}
fieldset, img, button{border:0;}
textarea, input{font-family:Arial, Helvetica, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif;}
img, input, button{vertical-align:top;}
address, em{font-style:normal;}
ol, ul{list-style:none;}
p, li, dd{font-size:15px; line-height:1.6em; word-break:break-word; word-wrap:break-word;}
hr{display:none;}
a{font-size:15px; text-decoration:none; color:#333; letter-spacing:-0.5px;}
a:hover, a:active{text-decoration:none;}
table{border-collapse:collapse;}
table th, table td{word-break:break-word; word-wrap:break-word; line-height:1.1;}
caption{overflow:hidden; width:0; height:0; font-size:0; line-height:0; text-indent:-9999px;}
button{background:none; cursor:pointer;}
button::-moz-focus-inner{padding:0; border:0;}
img{width:100%;}
textarea{padding:15px; border:1px solid #ccc; box-sizing:border-box; font-size:14px; color:#333; border-radius:0;-webkit-appearance: none;}
textarea::placeholder{font-size:13px; color:#666;}
input[type="text"], input[type="password"]{font-size:14px; padding:0 10px; height:40px; line-height:40px; border:1px solid #ccc; color:#333; -webkit-text-size-adjust:auto;
-webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
input[type="radio"], input[type="checkbox"]{width:15px; height:15px;}
input[type="text"]::placeholder{color:#666;}
select{display:inline-block; vertical-align:middle; width:auto; height:40px; padding:0 15px; line-height:40px; border:1px solid #ccc; box-sizing:border-box; -webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;
	background-image:url(/resources/images/cn/common/select_arrow_ico.png); background-repeat:no-repeat; background-position:right 15px center; background-size:9.5px auto; background-color:#fff; font-size:15px; color:#333;}
select.short{width:115px;}
iframe{border:0 none;}
b{font-weight:bold;}

/* select_type1 */
.select_type1{margin-bottom:40px; padding:0 20px; width:100%; height:50px; line-height:50px; font-size:15px; color:#fff; background-color:#043285; background-image:url(/resources/images/cn/common/select_arrow_ico_w.png); background-position:right 20px center;}

.blind{display:block; overflow:hidden; position:absolute; left:-9999px; width:1px; height:1px; font-size:0; line-height:0; text-indent:-9999px;}
.behind{overflow:hidden; font-size:0; text-indent:-99999px;}

.point_txt{color:#2C7CD8;}

/* button */
.btn_wrap{display:flex; gap:10px; margin-top:40px;}
.btn_wrap.center{justify-content:center;}
.btn_wrap.right{justify-content:end;}
.btn{text-align:left; display: inline-flex; gap:10px; justify-content:center; align-items: center; min-width: 130px; height: 45px; white-space:nowrap; box-sizing: border-box; padding: 0 20px; position: relative; z-index:1; font-size: 14px; color: #333; font-weight: 600; transition: color 0.3s;}
.btn.sm{min-width:110px; height:40px; padding:0 15px; font-size:12px;}
.btn:before{content: ""; z-index: -1; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border: 1px solid #ccc; border-radius: 60px; background: #fff; clip-path: polygon(0 0, 110% 0, 110% 100%, 0 110%); will-change: clip-path, -webkit-clip-path; box-sizing: border-box;}
.btn i{width: 14px; height: 14px; position:relative; display:block; background-repeat:no-repeat; background-size:100%; background-position:center;}

.btn.white{color:#fff;}
.btn.white:before{border-color:#fff; background:rgba(255,255,255,0.1);}
.btn.blue{color:#fff;}
.btn.blue:before{border-color:#fff; background:#2C7CD8;}
.btn.gray{color:#fff;}
.btn.gray:before{border-color:#666; background:#666;}

/* arrow type1 */
.btn.right i{background-image:url("/resources/images/common/btn_ico_arrow1.svg");}
.btn.right.white i{background-image:url("/resources/images/common/btn_ico_arrow1_white.svg");}
.btn.right.blue i{background-image:url("/resources/images/common/btn_ico_arrow1_white.svg");}
.btn.right.gray i{background-image:url("/resources/images/common/btn_ico_arrow1_white.svg");}
/* arrow type2 */
.btn.arrow i{background-image:url("/resources/images/common/btn_ico_arrow2.svg");}
.btn.arrow.white i{background-image:url("/resources/images/common/btn_ico_arrow2_white.svg");}
.btn.arrow.blue i{background-image:url("/resources/images/common/btn_ico_arrow2_white.svg");}
.btn.arrow.gray i{background-image:url("/resources/images/common/btn_ico_arrow2_white.svg");}
/* outlink */
.btn.outlink i{background-image:url("/resources/images/common/btn_ico_outlink.svg");}
.btn.outlink.white i{background-image:url("/resources/images/common/btn_ico_outlink_white.svg");}
.btn.outlink.blue i{background-image:url("/resources/images/common/btn_ico_outlink_white.svg");}
.btn.outlink.gray i{background-image:url("/resources/images/common/btn_ico_outlink_white.svg");}
/* download */
.btn.download i{background-image:url("/resources/images/common/btn_ico_download.svg");}
.btn.download.white i{background-image:url("/resources/images/common/btn_ico_download_white.svg");}
.btn.download.blue i{background-image:url("/resources/images/common/btn_ico_download_white.svg");}
.btn.download.gray i{background-image:url("/resources/images/common/btn_ico_download_white.svg");}
/* more */
.btn.more i{background-image:url("/resources/images/common/btn_ico_more.svg");}
.btn.more.white i{background-image:url("/resources/images/common/btn_ico_more_white.svg");}
.btn.more.blue i{background-image:url("/resources/images/common/btn_ico_more_white.svg");}
.btn.more.gray i{background-image:url("/resources/images/common/btn_ico_more_white.svg");}
/* copy */
.btn.copy i{background-image:url("/resources/images/common/btn_ico_copy.svg");}
.btn.copy.white i{background-image:url("/resources/images/common/btn_ico_copy_white.svg");}
.btn.copy.blue i{background-image:url("/resources/images/common/btn_ico_copy_white.svg");}
.btn.copy.gray i{background-image:url("/resources/images/common/btn_ico_copy_white.svg");}

/* tab_wrap */
.tab_wrap ul{display:flex; flex-wrap:nowrap;}
.tab_wrap ul li{flex:1; margin-left:-1px; position:relative;}
.tab_wrap ul li a{width:100%; height:45px; display:flex; align-items:center; justify-content:center; font-size:14px; font-weight:400; color:#333; border:1px solid #ccc; box-sizing:border-box; transition:0.2s;}
.tab_wrap ul li:active{z-index:1;}
.tab_wrap ul li.active a{border-color:#2C7CD8; background:#2C7CD8; color:#fff; z-index:2;}


/* table */
.table_wrap{overflow-x:auto; width:100%;}

/* basic_table */
.basic_table{width:100%; border-top:1px solid #000; border-bottom:1px solid #000;}
.basic_table th{font-size:14px; font-weight:400;}
.basic_table thead th{padding:17.5px 9px; color:#333; text-align:center; border-left:1px solid #ccc; background-color:#f9f9f9;}
.basic_table tbody th, .basic_table tbody td{padding:15px 9px; border-top:1px solid #ccc; border-left:1px solid #ccc; font-size:14px; color:#666; text-align:center; word-break:break-word; word-wrap:break-word;}
.basic_table th:first-child, .basic_table tbody td:first-child{border-left:0;}
.basic_table .txt_red{color:#f50000;}
.basic_table .txt_blue{color:#043285;}
.basic_table tbody tr.bg_blue th,
.basic_table tbody tr.bg_blue td{background-color:#edf6fd;}
.basic_table tbody tr.bg_gray th,
.basic_table tbody tr.bg_gray td{background-color:#f9f9f9;}
.basic_table tbody tr td.tl{text-align:left;}

/* basic_table - 제품정보 td bg */
.basic_table tbody td.bg_blue{background-color:#005d9d;color:#fff;}
.basic_table tbody td.bg_gray{background-color:#636a72; color:#fff;}
.basic_table tbody td.bg_sky{background-color:#edf6fd;}
.basic_table tbody th.bg_gray{background-color:#f9f9f9;}

/* basic_table - thead 없음 */
.basic_table.type1{border-top:none;}
.basic_table.type1 tbody tr th{color:#333;background-color:#f9f9f9;}
.basic_table.type1 tbody tr:first-child th,
.basic_table.type1 tbody tr:first-child td{border-top:1px solid #000;}
.basic_table.type1 .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_table.type1 .agree.point{background:#666;}

/* basic_table rowspan or colspan 있을 경우 */
.basic_table.merge th:first-child,
.basic_table.merge tbody td:first-child
{border-left:1px solid #ccc;}
.basic_table.merge th.first,
.basic_table.merge tbody td.first{border-left:0;}

/* basic_table2 */
.basic_table2{width:99.9%;border-bottom:1px solid #000;padding-right:1px;background-color:#fff;}
.basic_table2 thead th{padding:15px 9px;border-top:1px solid #000;border-bottom:1px solid #ccc;border-left:1px solid #ccc;background-color:#f9f9f9;color:#333;}
.basic_table2 tbody th{background-color:#f9f9f9;color:#333;}
.basic_table2 tbody th,
.basic_table2 tbody td{padding:15px 9px;border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;font-size:14px;color:#666;text-align:center;word-break:break-word;word-wrap:break-word;}
.basic_table2 tbody tr:first-child th,
.basic_table2 tbody tr:first-child td{border-top:1px solid #000;}
.basic_table2 tbody td.tl{text-align:left;}
.basic_table2 th.bl_none,
.basic_table2 tbody td.bl_none{border-left:0;}

/* basic_table3 */
.basic_table3{width:100%; border-bottom:1px solid #000;}
.basic_table3 th{border-left:1px solid #ccc; background-color:#f9f9f9; font-size:14px; font-weight:400; text-align:left; color:#333;}
.basic_table3 tbody th, .basic_table3 tbody td{padding:15px 13px; border-top:1px solid #ccc; border-left:1px solid #ccc; font-size:14px; word-break:break-word; word-wrap:break-word;}
.basic_table3 tbody td{color:#666;}
.basic_table3 th:first-child, .basic_table3 tbody td:first-child{border-left:0;}
.basic_table3 tbody tr:first-child th, .basic_table3 tbody tr:first-child td{border-top:1px solid #000;}

/* basic_table3 - thead 있음 */
.basic_table3.type1 thead tr:first-child th{border-top:1px solid #000;}
.basic_table3.type1 thead th{padding:15px 13px;border-top:1px solid #ccc;border-left:1px solid #ccc;background-color:#f9f9f9;font-size:14px;color:#333;text-align:center;}
.basic_table3.type1 thead th:first-child{border-left:0;}
.basic_table3.type1 tbody td{background-color:#fff;text-align:center;}
.basic_table3.type1 tbody tr:first-child th,
.basic_table3.type1 tbody tr:first-child td{border-top:1px solid #ccc;}
.basic_table3.type1 tbody td.tl{text-align:left;}

/* layout */
body.on, html.on{overflow:hidden; width:100%; height:100%;}
#wrap{position:relative; width:100%;}
.gnb{display:none; overflow-y:auto; width:100%; height:100%; padding-top:110px; background:#fff; box-sizing:border-box;}
.footer{width:100%; padding:20px 17.5px 40px 17.5px; background-color:#868C92;}

/* header */
.header{position:fixed; left:0; top:0; width:100%; z-index:1000;}
.header[data-fixed='none']{top:-100%; transition:0.5s;}
.sticky_menu{position:absolute; left:0; top:0; z-index:10; width:100%; height:60px; background:#fff; border-bottom:1px solid #ccc; transition:background-color 0.1s; -webkit-transition:background-color 0.1s;  -moz-transition:background-color 0.1s;}
.sticky_menu .header_top{position:relative; padding-left:58px; padding-right:60px; height:60px;}
.sticky_menu h1{width:180px; height:21px; margin:0 auto;}
.sticky_menu h1 a{overflow:hidden; display:block; width:100%; height:100%; padding:18px 0; background-image:url(/resources/images/cn/common/logo_oval.svg); background-position:center; background-repeat:no-repeat; background-size:100%; text-indent:-9999px; font-size:0;}
.sticky_menu .menu_btn{overflow:hidden; position:absolute; left:0; top:0; width:58px; height:60px; background-image:url(/resources/images/cn/common/menu_btn.svg); background-position:50% 50%; background-size:22.5px 17px; background-repeat:no-repeat; text-indent:-9999px; font-size:0;}
.sticky_menu .srch_pop_btn{overflow:hidden; position:absolute; right:0; top:0; width:60px; height:60px; background:transparent url(/resources/images/cn/common/menu_srch_btn.svg) 50% 50% no-repeat; background-size:20px; text-indent:-9999px; font-size:0;}
.sticky_menu .srch_pop_btn.on{background-image:url(/resources/images/cn/common/srch_pop_close.png); background-size:19px auto;}
.sticky_menu .utill_lang{display:none; padding-top:16px; height:50px; background:#021942; text-align:center;}
.sticky_menu .utill_lang li{display:inline-block; vertical-align:middle; line-height:1em;}
.sticky_menu .utill_lang li a{position:relative; display:inline-block; vertical-align:middle; padding:0 20px; font-size:15px; line-height:1em; letter-spacing:0; color:#c5c5c5; text-align:center;}
.sticky_menu .utill_lang li a:before{position:absolute; left:0; top:50%; width:1px; height:12px; margin-top:-6px; background:#999; content:"";}
.sticky_menu .utill_lang li:first-child a:before{display:none; content:"";}
.sticky_menu .utill_lang li.on a{font-weight:600; color:#fff;}

.gnb_list > li{border-top:1px solid #ccc;}
.gnb_list > li:first-child{border-top:0;}
.gnb_list li{line-height:1em;}
.gnb_list li .tit{display:block; padding:0 17.5px; height:60px; background-image:url(/resources/images/cn/common/gnb_tit.png); background-position:right 17.5px center; background-repeat:no-repeat; background-size:12.5px 7.5px; font-size:20px; color:#000; line-height:60px; }

.gnb_depth1{display:none; border-top:1px solid #333; background:#f3f3f3;}
.gnb_depth1 > li{border-top:1px solid #ccc;}
.gnb_depth1 > li:first-child{border-top:0;}
.gnb_depth1 > li > a{position:relative; display:block; height:55px; padding:20px 17.5px; font-size:18px; color:#666; box-sizing:border-box;}
.gnb_depth1 li .sub_tit:after{position:absolute; right:17.5px; top:50%; width:12px; height:12px; margin-top:-6px; background-image:url(/resources/images/cn/common/gnb_depth1_ico.png); background-position:0 50%; background-size:cover; background-repeat:no-repeat; content:"";}

.gnb_depth2{display:none;}
.gnb_depth2 li{float:left; width:47%; margin-left:3%; min-height:37.5px;}
.gnb_depth2 li:nth-child(2n-1){margin-left:0;}
.gnb_depth2 li a{position:relative; display:block; padding-left:7px; font-size:15px; color:#666;}
.gnb_depth2 li a:before{position:absolute; left:0; top:6px; width:3px; height:3px; background:#666; content:"";}
.gnb_depth2 li a:hover,.gnb_depth2 li a:active{color:#426ca9;}
.gnb_depth2 li a:hover:before,.gnb_depth2 li a:active:before{background:#426ca9; content:"";}
.gnb_depth2 li.line2{line-height:1.3em; height:60.5px;}

.gnb_list li.on .tit,
.gnb_list li.active .tit{background-image:url(/resources/images/cn/common/gnb_tit_on.png);}
.gnb_list li.active .gnb_depth1{display:block;}
.gnb_depth1 li.on .sub_tit:after,
.gnb_depth1 li.active .sub_tit:after{background-position:-12px 50%; content:"";}
.gnb_depth1 li.on .gnb_depth2,
.gnb_depth1 li.active .gnb_depth2{overflow:hidden; display:block; padding:0 29.5px 0 17.5px;}
.gnb_depth1 li.active > a{color:#426ca9;}
.gnb_depth2 li.active a{color:#426ca9;}
.gnb_depth2 li.active a:before{background:#426ca9; content:"";}

/* online museum banner */
.gnb_depth1 li.gnb_btn_area{padding:20px 17px;}
.gnb_depth1 li.gnb_btn_area a{display:block; background:#fff; border-top:2px solid #043285; padding:20px; height:auto; position:relative;}
.gnb_depth1 li.gnb_btn_area a:after{content:''; display:block; width:17px; height:17px; border-right:1px solid #333; border-bottom:1px solid #333; position:absolute; top:50%; right:20px; transform:rotate(-45deg); }
.gnb_depth1 li.gnb_btn_area a strong{display:block; font-size:16px; font-weight:600; color:#043285; line-height:1; margin-bottom:13px;}
.gnb_depth1 li.gnb_btn_area a p{font-size:14px; color:#666; line-height:1.4; max-width:90%; word-break:keep-all; }

.header.sticky .sticky_menu{position:fixed; left:0; top:0;}
.header.sticky .sticky_menu,
.header.active .sticky_menu{background-color:#fff; border-bottom:1px solid #ccc;}
.header.sticky h1 a,
.header.active h1 a{background-position:100% 50%;}
.header.sticky .srch_pop_btn,
.header.active .srch_pop_btn{background-color:#043285;}
.header.sticky .menu_btn,
.header.active .menu_btn{background-image:url(/resources/images/cn/common/menu_btn_on.png);}

.header.on{height:100%; background-color:#fff;}
.header.on .sticky_menu{position:fixed; left:0; top:0; height:110px; background-color:#fff; border-bottom:1px solid #ccc; }
.header.on h1 a{background-position:100% 50%;}
/* .header.on .srch_pop_btn{background-color:#043285; background-image:url(/resources/images/cn/common/menu_srch_btn_white.svg);} */
.header.on .menu_btn{background-image:url(/resources/images/cn/common/menu_btn_close.png); background-size:17.5px 17.5px;}
.header.on .utill_lang{display:block;}
.header.on .gnb{display:block;}


/* 통합검색 리뉴얼 */
.header .srch_area_n{display:none; position:absolute; left:0; top:60px; z-index:100; width:100%; background:url(/resources/images/cn/common/srch_pop_bg_new.jpg) 0 0 no-repeat; background-size:cover;}
.header .srch_area_n.on{display:block;}
.header .srch_area_n .srch_inner{padding:60px 18px 80px;}
.header .srch_area_n .srch_box{width:100%; margin-bottom:36px;}
.header .srch_area_n .srch_box fieldset{position:relative; width:100%; height:50px; padding:2px 50px 1px 22px; background:#fff; border-radius:25px;}
.header .srch_area_n .srch_box input[type="text"]{width:100%; height:46px; padding:5px; border:0 none; font-size:17px; line-height:46px;}
.header .srch_area_n .srch_box button{overflow:hidden; position:absolute; right:6px; top:50%; width:50px; height:50px; margin-top:-25px; background:url(/resources/images/cn/common/btn_srch_ico_l_new.png) 50% 50% no-repeat; background-size:25px auto; text-indent:-9999px; font-size:0;}
.header .srch_area_n .srch_btn_area{text-align:left; font-size:0;}
.header .srch_area_n .srch_btn_area .btn_round{display:inline-block; vertical-align:top; width:49%; height:45px; margin-left:2%; margin-bottom:10px; background:#2c7cd8; border-radius:5px; box-sizing:border-box; font-size:14px; line-height:45px;  text-align:center; color:#fff;}
.header .srch_area_n .srch_btn_area .btn_round.arrow:after{display:inline-block; vertical-align:middle; width:14px; height:14px; margin-left:6px; margin-top:-2px; background:url(/resources/images/common/srch_btn_ico_arrow.png)no-repeat center / 100%; content:"";}
.header .srch_area_n .srch_btn_area .btn_round.outlink:after{display:inline-block; vertical-align:middle; width:14px; height:14px; margin-left:6px; margin-top:-2px;  background:url(/resources/images/common/srch_btn_ico_outlink.png)no-repeat center / 100%; content:"";}
.header .srch_area_n .srch_btn_area .btn_round:nth-child(odd){margin-left:0;}
/* //통합검색 리뉴얼 */

.srch_dim{display:none; position:fixed; left:0; top:0; z-index:100; width:100%; height:100%; background:rgba(0,0,0,0.6);}
.srch_dim.on{display:block;}

/* footer */
.quick_menu a{display:block; width:100%; height:50px; line-height:50px; font-size:15px; text-align:center; color:#fff; background-color:#666;}
.footer a.footer_logo{display:block; margin-top:24px; width:142px; height:28px; font-size:0; text-indent:-9999px; overflow:hidden; background:url(/resources/images/cn/common/footer_logo.svg) no-repeat center / 100% 100%;}
.footer_top{padding-bottom:16px;}
.footer_top:after{display:block; clear:both; content:"";}
.footer_top .sns_list{overflow:hidden; float:left; width:121px; padding-top:9px;}
.footer_top .sns_list li{float:left; margin-left:20px;}
.footer_top .sns_list li:first-child{margin-left:0;}
.footer_top .sns_list li.blog{width:12.5px; height:17.5px;}
.footer_top .sns_list li.youtube{width:22px; height:20px;}
.footer_top .sns_list li.facebook{width:9px; height:18.5px;}
.footer_top .sns_list li.linkedin{width:17px; height:18.5px;}
.footer_top .sns_list li a{display:block; width:100%;}
.footer_top .mark{overflow:hidden; float:left; width:30px; margin-left:20px;}
.footer_top .mark a{float:left; margin-left:20px;}
.footer_top .mark a:first-child{margin-left:0;}
.footer_top .mark .web_mark{width:43px; height:28px;}
.footer_top .mark .family_mark{width:30px; height:30px;}
.footer_top .pc_btn{float:right; width:90px; height:35px; border:1px solid #888; box-sizing:border-box; line-height:33px; font-size:14px; color:#fff; text-align:center; }
.footer_bottom .menu_list_area{margin-bottom:18px;}
.footer_bottom .menu_list_area ul{margin-bottom:13px;}
.footer_bottom .menu_list_area ul:last-child{margin-bottom:0;}
.footer_bottom .menu_list li{position:relative; display:inline-block; vertical-align:middle; padding-right:10px; margin-right:10px; line-height:1.4em;}
.footer_bottom .menu_list li:after{position:absolute; right:0; top:50%; width:1px; height:12px; margin-top:-6px; background-color:#CACACA; content:"";}
.footer_bottom .menu_list li:last-child{padding-right:0; margin-right:0;}
.footer_bottom .menu_list li:last-child:after{display:none; content:"";}
.footer_bottom .menu_list a,
.footer_bottom .copyright{width:100%; font-size:14px; color:#fff; letter-spacing:0.3px; }
.footer_bottom .menu_list1 a{color:#fff;}
.footer_bottom .menu_list .point{color:#222; font-weight:600;}
.footer_bottom .address_area{margin-bottom:18px;}
.footer_bottom .address_area p{font-size:14px; color:#fff; letter-spacing:0.3px; line-height:1.6em;}
.footer_bottom .address_area .txt1 span{position:relative; display:inline-block; vertical-align:middle; padding-right:10px; margin-right:10px;}
.footer_bottom .address_area .txt1 span:after{position:absolute; right:0; top:50%; width:1px; height:12px; margin-top:-6px; background-color:#CACACA; content:"";}
.footer_bottom .address_area .txt1 span:last-child{padding-right:0; margin-right:0;}
.footer_bottom .address_area .txt1 span:last-child:after{display:none; content:"";}
.footer_bottom .copyright{line-height:1.4em;}

/* dim (common / popup) */
.dim{display:none; position:fixed; left:0; top:0; z-index:1000; width:100%; height:100%; background:rgba(0,0,0,0.6);}
.dim.on{display:block;}

/* popup  - common */
.popup_wrap{overflow-y:auto; display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index:2000;}
.popup_wrap.on{display:block;}
.popup_wrap .pop_inner_wrap{position:absolute; left:0; top:100px; width:100%; height:100%; padding:0 17.5px;}
.popup_wrap .pop_inner{position:relative; width:100%; padding:40px 20px; margin-bottom:60px; text-align:center; background-color:#fff; box-sizing:border-box;}
.popup_wrap .pop_tit{position:relative; display:inline-block; padding-bottom:9px; margin-bottom:18px; font-size:24px; line-height:1em; font-weight:400; color:#000;}
.popup_wrap .pop_tit:after{content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#000;}
.popup_wrap .pop_tit2{display: block; padding-bottom:22px; font-size:18px; font-weight:400; color:#000; text-align:left;}
.popup_wrap .pop_close_btn{position:absolute; right:20px; top:20px; width:24px; height:24px; background:url(/resources/images/cn/common/icon/ic_popup_close.svg) 50% 50% no-repeat; background-size: cover; }
.popup_wrap .pop_form_list li{text-align:left; margin-bottom:20px;}
.popup_wrap .pop_form_list li label{display:block; margin-bottom:10px; font-size:16px; font-weight:400; color:#333;}
.popup_wrap .pop_form_list li label .point_txt{display:inline-block; vertical-align:middle;}
.popup_wrap .pop_form_list li input[type="text"]{width:100%;}
.popup_wrap .pop_form_list li:last-child{margin-bottom:0;}
.popup_wrap .pop_form_list li.line{padding-bottom:25px; margin-bottom:23px; border-bottom:1px solid #ccc;}

.popup_wrap.box_popup .pop_inner{padding:28px 25px; text-align:left;}
.popup_wrap.box_popup p{font-size:15px; line-height:1.5em; color:#333; word-break:break-word; word-wrap:break-word;}
.popup_wrap.box_popup .txt1{margin-bottom:26px;}

.popup_wrap.certification_popup .pop_inner_wrap{padding:0 54px;}
.popup_wrap.certification_popup .pop_inner{padding:0;}

.popup_wrap .btn_wrap { margin-top:30px; }

/* gitple icon */
#gitple-launcher-custom-icon{border-radius:50% !important;}

/* sec_sticky_wrap - common */
#wrap .sec_sticky_wrap{padding:60px 0 0; margin-bottom:80px; background:#fff;}
.sec_sticky_wrap .inner{width:100%; margin:0 auto; padding:0 17.5px; position:relative; box-sizing:border-box;}
.sec_sticky_wrap .sub_tit h3{font-weight:300;}
.sec_sticky_wrap .sticky_lnb{height:268px;}
.sec_sticky_wrap .sticky_lnb .state{bottom:-53px; transition:opacity 0.7s, transform 0.7s;}
.sec_sticky_wrap .sticky_lnb .state.fixed{position:fixed; left:0; bottom:0; z-index:10; width: 100%; transition: bottom 0.3s;}
.sec_sticky_wrap .sticky_lnb .state.fixed .dim {display:block; position: fixed; inset:auto; bottom: 0; left: 0; width: 100vw; height: 100vh; z-index:1; background: rgba(0, 0, 0, 0.40); opacity: 0; visibility:hidden; transition: opacity 0.3s;}
.sec_sticky_wrap .sticky_lnb .state.fixed button{display:flex; align-items:center; position:relative; width: 100%; height:50px;  padding: 0 17.5px; font-size:14px; color:#fff; font-weight:300; white-space:nowrap; transition:color 0.3s;}
.sec_sticky_wrap .sticky_lnb .state.fixed .current_anchor{position:relative; z-index:2; background: rgba(51, 51, 51, 0.70); backdrop-filter: blur(20px); -webkit-backdrop-filter:blur(20px);}
.sec_sticky_wrap .sticky_lnb .state.fixed .current_anchor button {font-weight: 700;}
.sec_sticky_wrap .sticky_lnb .state.fixed .current_anchor button::before {content: ''; position: absolute; right: 17.5px; top: 50%; transform: translateY(-50%); width:10px; height:2px; border-radius:2px; background-color:#fff;}
.sec_sticky_wrap .sticky_lnb .state.fixed .current_anchor button::after {content: ''; position: absolute; right: 21.5px; top: 50%; transform: translateY(-50%); width:2px; height:10px; border-radius:2px; background-color:#fff; transition:0.3s;}
.sec_sticky_wrap .sticky_lnb .state.fixed > ul {position: absolute; bottom: -350px; left: 0; z-index: 1; width: 100%; background: rgba(51, 51, 51, 0.70); backdrop-filter: blur(20px); -webkit-backdrop-filter:blur(20px); transition: bottom 0.3s;}
.sec_sticky_wrap .sticky_lnb .state.fixed .progress{position:absolute; left:0; bottom:50px; width:100%; height:3px; z-index:2; background-color:#ccc;}
.sec_sticky_wrap .sticky_lnb .state.fixed .progress .percent{width:auto; height:100%; background-color:#2C7CD8; transition:width 0.1s}
.sec_sticky_wrap .sticky_lnb.on .state.fixed .dim{visibility:visible; opacity: 1;}
.sec_sticky_wrap .sticky_lnb.on .state.fixed .current_anchor button::after{transform:translateY(-50%) rotate(90deg);}
.sec_sticky_wrap .sticky_lnb.on .state.fixed > ul{bottom: 53px;}
.sec_sticky_wrap .sticky_lnb .state.init{position:inherit;}
.sec_sticky_wrap .sticky_lnb .state.init .dim{display:none;}
.sec_sticky_wrap .sticky_lnb .state.init .current_anchor{display:none;}
.sec_sticky_wrap .sticky_lnb .state.init .progress{display:none;}
.sec_sticky_wrap .sticky_lnb .state.init ul li{width:100%; padding:5px 0;}
.sec_sticky_wrap .sticky_lnb .state.init ul li + li{border-top:1px dashed #ccc}
.sec_sticky_wrap .sticky_lnb .state.init ul li button{width:100%; height:56px; padding:0 20px 0 76px; box-sizing:border-box;font-size:17px; color:#333; font-weight:600; text-align:left; position:relative; text-align:left;}
.sec_sticky_wrap .sticky_lnb .state.init ul li button:before{content:""; display:block; width:36px; height:36px; background-size:100%; background-position:center; background-repeat:no-repeat; position:absolute; left:20px; top:50%; transform:translateY(-50%);}
.sec_sticky_wrap .sticky_lnb[data-motion] .state{opacity:0; transform:translateY(100px);}
.sec_sticky_wrap .sticky_lnb[data-motion].active .state{opacity:1; transform:translateY(0);}

/* visual_section */
.visual_section{width:100%; height:calc(100vh - 60px); height:calc(100svh - 60px); margin-top:60px; position:relative; z-index:1; overflow:hidden; background:#000;}
.visual_section .visual_inner{display:flex; align-items:center; justify-content:center; flex-direction:column; height:100%; text-align:center; position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%;}
.visual_section:before{content:""; position:absolute; left:0; top:0; z-index:-1; width:100%; height:100%; background-size:cover; background-repeat:no-repeat; background-position:center;}
.visual_section h2{font-size:47px; font-weight:bold; color:#fff; letter-spacing:-0.03em; line-height:1.15;}
.visual_section p.desc{display:block; font-size:13px; font-weight:600; color:#fff; letter-spacing:-0.03em; margin-top:6px;}
.visual_section p.circle{display:inline-block; vertical-align:top; background:rgba(44,124,216,0.7); border-radius:20px; font-size:12px; font-weight:600; color:#fff; letter-spacing:-0.05em; margin-bottom:15px; padding:5px 20px;}
.visual_section .visual_scroll_down { position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); z-index: 3; }
.visual_section .visual_scroll_down span { display: block; font-size: 12px; font-weight: bold; line-height: 1.5; color: #ccc; }
.visual_section .visual_scroll_down i { display: block; width: 20px; height: 22px; margin: 0 auto; background-image: url(/resources/images/kr/common/icon/ic_angle_down.svg); background-repeat: no-repeat; background-size: contain; animation: visualScrollDown 2.5s infinite; }
@keyframes visualScrollDown { 0% { opacity: 0; transform: translateY(0); } 50% { opacity: 1; transform: translateY(8px); } 100% { opacity: 0; transform: translateY(0); } }
.visual_section.no_bg{height:175px; background:#fff;}
.visual_section.no_bg:before{background:#fff;}
.visual_section.no_bg h2{font-size:40px; color:#000;}
.visual_section.no_bg + #content{padding-top:0;}

/* motion set */
.visual_section:before{transform:scale(1.3); transition:3s;}
.visual_section h2{opacity:0; transform:translateY(50px); transition:transform 0.7s 0.1s, opacity 0.7s 0.1s;}
.visual_section p.desc{opacity:0; transform:translateY(50px); transition:transform 0.7s 0.2s, opacity 0.7s 0.2s;}
.visual_section p.circle{opacity:0; transform:translateY(50px); transition:transform 0.7s, opacity 0.7s;}
.visual_section.active:before{transform:scale(1)}
.visual_section.active h2{opacity:1; transform:translate(0)}
.visual_section.active p.desc{opacity:1; transform:translate(0)}
.visual_section.active p.circle{opacity:1; transform:translate(0)}

/* 기업정보 */
.new_overview .visual_section:before{background-image:url("/resources/images/common/visual/overview_visual_img.jpg");}
.new_ceo_message .visual_section:before{background-image:url("/resources/images/common/visual/ceo_visual_img.jpg");}
.new_mission-vision .visual_section:before{background-image:url("/resources/images/common/visual/mission_visual_img.jpg");}
.new_location .visual_section:before{background-image:url("/resources/images/common/visual/location_visual_img.jpg");}
.new_history_award .visual_section:before{background-image:url("/resources/images/common/visual/history_visual_img.jpg");}
/* IR */
.investor_relations .visual_section:before{background-image:url("/resources/images/common/visual/investor-relations_visual_img.jpg");}

/* 지속가능경영 */
.new_sustainability.sustainability .visual_section:before{background-image:url("/resources/images/common/visual/sustainability_visual_img.jpg")}
.new_sustainability.environmental-strategy .visual_section:before{background-image:url("/resources/images/common/visual/environmental-strategy_visual_img.jpg")}
.new_sustainability.climate-change .visual_section:before{background-image:url("/resources/images/common/visual/climate-change_visual_img.jpg")}
.new_sustainability.environmental-impact .visual_section:before{background-image:url("/resources/images/common/visual/environmental-impact_visual_img.jpg")} 
.new_sustainability.product-environment .visual_section:before{background-image:url("/resources/images/common/visual/product-environment_visual_img.jpg")}
.new_sustainability.employees .visual_section:before{background-image:url("/resources/images/common/visual/employees_visual_img.jpg")}
.new_sustainability.social-contribution .visual_section:before{background-image:url("/resources/images/common/visual/social-contribution_img.jpg")}
.new_sustainability.supply-chain .visual_section:before{background-image:url("/resources/images/common/visual/supply-chain_visual_img.jpg")}
.new_sustainability.ethics .visual_section:before{background-image:url("/resources/images/common/visual/ethics_visual_img.jpg")}
.new_sustainability.compliance .visual_section:before{background-image:url("/resources/images/common/visual/compliance_visual_img.jpg")}
.new_sustainability.inquiry .visual_section:before{background-image:url("/resources/images/common/visual/compliance_visual_img.jpg")}
.new_sustainability.library .visual_section:before{background-image:url("/resources/images/common/visual/library_visual_img.jpg?ver=250204")}

/* 인재채용 */
.new_careers.job-description .visual_section::before{background-image:url("/resources/images/common/visual/job-description_visual_img.jpg")}
.new_careers.recruitment-process .visual_section::before{background-image:url("/resources/images/common/visual/recruitment-process_visual_img.jpg")}
.new_careers.careers-tips .visual_section::before{background-image:url("/resources/images/common/visual/careers-tips_visual_img.jpg")}
.new_careers.company-life .visual_section::before{background-image:url("/resources/images/common/visual/company-life_visual_img.jpg")}

/* 제품정보 */
.new_product.new_mlcc .visual_section:before{background-image:url("/resources/images/common/visual/mlcc_visual_img.jpg")}
.new_product.new_normal .visual_section:before{background-image:url("/resources/images/common/visual/normal_visual_img.jpg")}
.new_product.new_lsc .visual_section:before{background-image:url("/resources/images/common/visual/lsc_visual_img.jpg")}
.new_product.new_high .visual_section:before{background-image:url("/resources/images/common/visual/high_visual_img.jpg")}
.new_product.new_esd .visual_section:before{background-image:url("/resources/images/common/visual/esd_visual_img.jpg")}
.new_product.new_fail .visual_section:before {background-image:url("/resources/images/common/visual/fail_visual_img.jpg")}
.new_product.new_noise .visual_section:before {background-image:url("/resources/images/common/visual/noise_visual_img.jpg")}
.new_product.new_array .visual_section:before {background-image:url("/resources/images/common/visual/array_visual_img.jpg")}
.new_product.new_esl .visual_section:before {background-image:url("/resources/images/common/visual/esl_visual_img.jpg")}
.new_product.new_mfc .visual_section:before {background-image:url("/resources/images/common/visual/mfc_visual_img.jpg")}
.new_product.new_inductor .visual_section:before{background-image:url("/resources/images/common/visual/inductor_visual_img.jpg")}
.new_product.new_resistor .visual_section:before{background-image:url("/resources/images/common/visual/resistor_visual_img.jpg")}
.new_product.new_general .visual_section:before{background-image:url("/resources/images/common/visual/general_visual_img.jpg")}
.new_product.new_array_resistor .visual_section:before{background-image:url("/resources/images/common/visual/array_resistor_visual_img.jpg")}
.new_product.new_current .visual_section:before{background-image:url("/resources/images/common/visual/current_visual_img.jpg")}
.new_product.new_anti .visual_section:before{background-image:url("/resources/images/common/visual/anti_visual_img.jpg")}
.new_product.new_high_resistor .visual_section:before{background-image:url("/resources/images/common/visual/high_resistor_visual_img.jpg")}
.new_product.new_pb .visual_section:before{background-image:url("/resources/images/common/visual/total_visual_img.jpg")}
.new_product.new_thin .visual_section:before{background-image:url("/resources/images/common/visual/thin_visual_img.jpg")}
.new_product.new_automotive .visual_section:before{background-image:url("/resources/images/common/visual/automotive_visual_img.jpg")}
.new_product.new_tantalum .visual_section:before{background-image:url("/resources/images/common/visual/tantalum_visual_img.jpg")}
.new_product.new_module .visual_section:before{background-image:url("/resources/images/common/visual/module_visual_img.jpg")}
.new_product.new_mct .visual_section:before{background-image:url("/resources/images/common/visual/mct_visual_img.jpg")}
.new_product.new_package .visual_section:before{background-image:url("/resources/images/common/visual/package_visual_img.jpg")}
.new_product.new_fccsp .visual_section:before{background-image:url("/resources/images/common/visual/fccsp_visual_img.jpg")}
.new_product.new_wbcsp .visual_section:before{background-image:url("/resources/images/common/visual/wbcsp_visual_img.jpg")}
.new_product.new_sip .visual_section:before{background-image:url("/resources/images/common/visual/sip_visual_img.jpg")}
.new_product.new_fcbga .visual_section:before{background-image:url("/resources/images/common/visual/fcbga_visual_img.jpg")}
.new_product.new_acm .visual_section:before{background-image:url("/resources/images/common/visual/acm_visual_img.jpg")}
.new_product.new_mcm .visual_section:before{background-image:url("/resources/images/common/visual/mcm_visual_img.jpg")}
.new_product.new_silicon .visual_section:before{background-image:url("/resources/images/common/visual/silicon_visual_img.jpg")}
/* 적용분야 */
.application.automotive .visual_section:before{background-image:url("/resources/images/common/visual/application-automotive_visual_img.jpg")}
.application.computer .visual_section:before{background-image:url("/resources/images/common/visual/computer_visual_img.jpg")}
.application.display .visual_section:before{background-image:url("/resources/images/common/visual/display_visual_img.jpg")}
.application.mobile .visual_section:before{background-image:url("/resources/images/common/visual/mobile_visual_img.jpg")}
.application.ai-server .visual_section:before{background-image:url("/resources/images/common/visual/aiserver_visual_img.jpg")}
.application.server .visual_section:before{background-image:url("/resources/images/common/visual/serverlegacy_visual_img.jpg")}
.application.network .visual_section:before{background-image:url("/resources/images/common/visual/network_visual_img.jpg")}

/* 고객지원 */
.support.faq .visual_section:before,
.support.inquiry .visual_section:before{background-image:url("/resources/images/common/visual/contact_visual_img.jpg")}
.support.sales_partners .visual_section:before,
.support.sales_repre .visual_section:before,
.support.buy_now .visual_section:before{background-image:url("/resources/images/common/visual/sales_partners_visual_img.jpg")}
.support.cert .visual_section:before{background-image:url("/resources/images/common/visual/cert_visual_img.jpg")}
.support.library .visual_section:before{background-image:url("/resources/images/common/visual/product_catalog_visual_img.jpg")}

/* 푸터페이지 */
.security_report .visual_section:before{background-image:url("/resources/images/common/visual/security_visual_img.jpg")}