@charset "utf-8";

/* font */
@font-face {
	font-family: 'NotoSans';
	font-style: normal;
	font-weight: 400;
	src: url(/resources/fonts/NotoSansKR-Light.woff2) format('woff2'),
	url(/resources/fonts/NotoSansKR-Light.woff) format('woff');
}

@font-face {
	font-family: 'NotoSans';
	font-style: normal;
	font-weight: 600;
	src: url(/resources/fonts/NotoSansKR-Medium.woff2) format('woff2'),
	url(/resources/fonts/NotoSansKR-Medium.woff) format('woff');
}

/* reset */
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:'NotoSans', sans-serif, Helvetica; 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-size:100%; line-height:100%; color:#000; letter-spacing:-0.5px;}
header, footer, section, article, div{box-sizing:border-box;}
fieldset, img, button{border:0;}
textarea, input{font-family:'NotoSans', sans-serif, Helvetica;}
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{text-decoration:none; color:#333;}
a:hover, a:active{text-decoration:none;}
table{border-collapse:collapse;}
table th, table td{word-break:break-word; word-wrap:break-word;}
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/kr/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/kr/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;}
.btn_center{text-align:center;}

/* button */
/*
	btn : 기본 버튼
	btn.white : 기본 흰색 버튼
	btn_download : 다운로드 버튼
	btn_more : 더보기 버튼
	btn_broadcast : 방송 버튼
	btn_on_air : 방송 버튼
	btn.list : 목록 버튼
*/
.btn{display:inline-block; vertical-align:top; min-width:160px; height:40px; line-height:40px; padding:0 10px; text-align:center; background:#043285; font-size:15px; color:#fff; box-sizing:border-box;}
.btn:after{display:inline-block; vertical-align:top; width:4px; height:100%; margin-left:9px; background-image:url(/resources/images/kr/common/btn_arrow_ico_w.png); background-position:0 50%; background-repeat:no-repeat; background-size:100% auto; content:"";}
.btn.plain:after{display:none; content:"";}

.btn.white{background:#fff; line-height:38px; border:1px solid #ccc; color:#333;}
.btn.white:after{height:100%; background-image:url(/resources/images/kr/common/btn_arrow_ico_g.png); content:"";}

.btn_download{display:inline-block; width:auto; height:40px; vertical-align:top; line-height:40px; padding:0 10px; text-align:center; background:#333; font-size:15px; color:#fff; box-sizing:border-box;}
.btn_download:after{display:inline-block; vertical-align:top; width:13px; height:100%; margin-left:9px; background-image:url(/resources/images/kr/common/btn_download_ico_w.png); background-position:0 50%; background-repeat:no-repeat; background-size:100% auto; content:"";}
.btn_download.large{width:auto; height:100%; min-height:40px; padding:11px 10px; line-height:1.3em;}
.btn_download.large:after{vertical-align:baseline; height:11.5px; content:"";}

.btn_more{display:inline-block; vertical-align:top; width:100%; height:50px; line-height:48px; border:1px solid #ccc; background:#fff; box-sizing:border-box; text-align:center;  color:#333;}
.btn_more:after{display:inline-block; vertical-align:top; width:13px; height:100%; margin-left:8px; background-image:url(/resources/images/kr/common/btn_more_ico_g.png); background-position:0 50%; background-size:100% auto; background-repeat:no-repeat; content:"";}

.btn_broadcast{display:inline-block; vertical-align:top; width:150px; height:40px; line-height:38px; border:1px solid #ccc; text-align:center; background:#fff; font-size:15px; color:#333; box-sizing:border-box;}
.btn_broadcast:after{display:inline-block; vertical-align:top; width:12px; height:100%; margin-left:9px; background-image:url(/resources/images/kr/common/btn_broadcast_ico_g.png); background-position:0 50%; background-repeat:no-repeat; background-size:100% auto; content:"";}

.btn_on_air{display:inline-block; vertical-align:top; width:160px;height:40px; line-height:38px; border:1px solid #ccc; background:#fff; text-align:center; color:#333; box-sizing:border-box;}
.btn_on_air:after{display:inline-block; vertical-align:top; width:12px; height:100%; margin-left:8px; background-image:url(/resources/images/kr/common/ico_on_air.png); background-position:0 50%; background-repeat:no-repeat; background-size:100% auto; content:"";}

.btn.list:after { display:none; }

/* new common_btn */
.common_btn_wrap { display: flex; align-items: center; justify-content: center; gap: 20px; }
.common_btn { box-sizing: border-box; display: flex; align-items: center; justify-content: center; gap: 10px; min-width: 110px; height: 45px; padding: 0 22px; border: 1px solid #ccc; border-radius: 99px; font-size: 14px; color: #333; font-weight: 600; line-height: 16px; }
.common_btn.blue,
.common_btn.white { color: #fff; }
.common_btn.blue { border: 1px solid #2C7CD8; background-color: #2C7CD8; }
.common_btn.white { border: 1px solid #fff; background-color: transparent; }
.common_btn.icon i { width: 10px; height: 10px; background-repeat: no-repeat; background-size: contain; background-position: center; }
.common_btn.icon i.ic_plus { background-image: url("/resources/images/kr/common/icon/ic_plus.svg"); }
.common_btn.icon.white i.ic_plus,
.common_btn.icon.blue i.ic_plus { background-image: url("/resources/images/kr/common/icon/ic_plus_white.svg"); }
.common_btn.icon i.ic_angle_right { background-image: url("/resources/images/kr/common/icon/ic_angle_right.svg"); }
.common_btn.icon.white i.ic_angle_right,
.common_btn.icon.blue i.ic_angle_right { background-image: url("/resources/images/kr/common/icon/ic_angle_right_white.svg"); }

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

/* basic_table */
.basic_table{width:100%; border-top:1px solid #000; border-bottom:1px solid #000; border-spacing:0;}
.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;}
.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{line-height:1.6em; 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%;}
.header{position:fixed; left:0; top:0; width:100%; z-index:1000;}
.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 */
.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/kr/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/kr/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/kr/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/kr/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 a{letter-spacing:0;}
.gnb_list li .tit{display:block; padding:0 17.5px; height:60px; background-image:url(/resources/images/kr/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/kr/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%;}
.gnb_depth2 li:nth-child(2n-1){margin-left:0;}
.gnb_depth2 li a{position:relative; display:block; padding-left:7px; margin-bottom:22.5px; 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_list li.on .tit,
.gnb_list li.active .tit{background-image:url(/resources/images/kr/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:95%; 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/kr/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/kr/common/menu_srch_btn_white.svg);} */
.header.on .menu_btn{background-image:url(/resources/images/kr/common/menu_btn_close.png); background-size:17.5px 17.5px;}
.header.on .utill_lang{display:block;}
.header.on .gnb{display:block;}

.header.white .sticky_menu{background-color:#fff; border-bottom-color:#ccc}
/* .header.white .srch_pop_btn{background-color:#043285; background-image:url(/resources/images/kr/common/menu_srch_btn_white.svg);} */
.header.white .srch_pop_btn.on{background-image:url(/resources/images/kr/common/srch_pop_close.png); background-size:19px auto;}

/* 통합검색 리뉴얼 - 삭제 영역 */
.header .srch_area{display:none; position:absolute; left:0; top:60px; z-index:100; width:100%; max-width:1920px; height:260px; background:url(/resources/images/kr/common/srch_pop_bg.jpg) 0 0 no-repeat; background-size:cover;}
.header .srch_area.on{display:block;}
.header .srch_area .srch_inner{padding:40px 17.5px;}
.header .srch_box{width:100%; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #7fa6d3; }
.header .srch_box fieldset{position:relative; width:100%; height:100%;}
.header .srch_box input[type="text"]{width:100%; height:50px; padding:0 54px 0 12px; line-height:50px; border-radius:5px; box-sizing:border-box; font-size:15px; color:#888;}
.header .srch_box button{overflow:hidden; position:absolute; right:5px; top:50%; width:42px; height:42px; margin-top:-21px; border-radius:5px; background:url(/resources/images/kr/common/btn_srch_ico_l.png) 50% 50% no-repeat #333; background-size:20.5px auto;
text-indent:-9999px; font-size:0;}
.header .srch_btn_area{text-align:center;}
.header .srch_btn_area .btn_round{display:inline-block; vertical-align:top; width:48%; height:45px; line-height:45px; margin-bottom:15px; border-radius:5px; background:#eee; color:#000; box-sizing:border-box; text-align:center; font-size:13px;}
.header .srch_btn_area .btn_round:after{display:inline-block; vertical-align:top; width:4px; height:100%; margin-left:10px; background:url(/resources/images/kr/common/btn_arrow_ico_m.png) 0 50% no-repeat; background-size:100% auto; content:"";}
.header .srch_btn_area .btn_round:nth-child(2n){margin-left:4%;}
.header .srch_btn_area .btn_round:nth-last-of-type(1),.header .srch_btn_area .btn_round:nth-last-of-type(2){margin-bottom:0;}
/* //통합검색 리뉴얼 - 삭제 영역 */


/* 통합검색 리뉴얼 */
.header .srch_area_n{display:none; position:absolute; left:0; top:60px; z-index:100; width:100%; background:url(/resources/images/kr/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/kr/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 .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:after{display:inline-block; vertical-align:top; width:4px; height:100%; margin-left:10px; background:url(/resources/images/kr/common/btn_arrow_ico_w.png) 0 50% no-repeat; background-size:100% auto; content:"";}
.header .srch_area_n .srch_btn_area .btn_round:nth-child(1),
.header .srch_area_n .srch_btn_area .btn_round:nth-child(3),
.header .srch_area_n .srch_btn_area .btn_round:nth-child(5){margin-left:0;}
.header .srch_area_n .srch_btn_area .btn_round:nth-child(n+5){width:32%; margin-bottom: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; letter-spacing:0; font-size:15px; text-align:center; color:#fff; background-color:#474B50;}
.footer a.footer_logo{display:block; margin-top:24px; width:159px; height:28px; font-size:0; text-indent:-9999px; overflow:hidden; background:url(/resources/images/kr/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:38px;}
.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:600; color:#000;}
.popup_wrap .pop_tit:after{content:""; position:absolute; left:0; bottom:0; width:100%; height:2px; background-color:#000;}
.popup_wrap .pop_tit2{padding-bottom:22px; font-size:18px; font-weight:600; color:#000; text-align:left;}
.popup_wrap .btn_center{padding-top:30px;}
.popup_wrap .pop_close_btn{position:absolute; right:20px; top:20px; width:24px; height:24px; background:url(/resources/images/kr/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:600; 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 .common_btn_wrap { margin-top:30px; }

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