@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:#666; 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%; 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;}
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:#999;}
select{display:inline-block; vertical-align:middle; width:auto; height:40px; text-align:center; border:1px solid #ccc; padding-left:3%; 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(../images/select_arrow_ico.png); background-repeat:no-repeat; background-position:right 15px center; background-size:9.5px auto; background-color:#fff; font-size:12px; color:#333;}
select.short{width:115px;}
iframe{border:0 none;}

/* 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(../images/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:#0079cc;}
.btn_center{text-align:center;}

/* button */
/*
	btn : 기본 버튼
	btn.white : 기본 흰색 버튼
	btn_download : 다운로드 버튼
	btn_more : 더보기 버튼
	btn_broadcast : 방송 버튼
	btn_on_air : 방송 버튼
	btn.list : 목록 버튼
*/
.btn{position:relative; display:inline-block; vertical-align:top; min-width:160px; height:40px; line-height:40px; padding:0 10px; text-align:center; background:#043285; font-size:14px; color:#fff; box-sizing:border-box;}
.btn:after{display:inline-block; vertical-align:top; width:4px; height:100%; margin-left:9px; background-image:url(../images/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.long{padding:4px 0; line-height:1.2em; font-size:14px;}
.btn.long:after{margin-left:15px; content:"";}

.btn.white{background:#fff; line-height:38px; border:1px solid #ccc; color:#333;}
.btn.white:after{height:100%; background-image:url(../images/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(../images/btn_download_ico_w.png); background-position:0 50%; background-repeat:no-repeat; background-size:100% auto; content:"";}
.btn_download.large{width:auto; height:auto; min-height:40px; padding:11px 10px;  line-height:1.3em;}

.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(../images/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(../images/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(../images/ico_on_air.png); background-position:0 50%; background-repeat:no-repeat; background-size:100% auto; content:"";}

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

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

/* 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 30px 17.5px; background-color:#474b50;}

/* header */
.sticky_menu{position:absolute; left:0; top:0; z-index:10; width:100%; height:60px; background:rgba(0,0,0,0.4); 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;}
.sticky_menu h1{width:127px; height:60px; margin:0 auto;}
.sticky_menu h1 a{overflow:hidden; display:block; width:100%; height:60px; margin:0 auto; background-image:url(../images/logo1.jpg); background-position:0 50%; background-repeat:no-repeat; background-size:62% auto; 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(../images/menu_btn.png); 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:url(../images/menu_srch_btn.png) 50% 50% no-repeat; background-size:20.5px 22px; text-indent:-9999px; font-size:0;}
.sticky_menu .srch_pop_btn.on{background-image:url(../images/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; 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(../images/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(../images/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(../images/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:28% 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(../images/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:28% 50%;}
.header.on .srch_pop_btn{background-color:#043285;}
.header.on .menu_btn{background-image:url(../images/menu_btn_close.png); background-size:17.5px 17.5px;}
.header.on .utill_lang{display:block;}
.header.on .gnb{display:block;}

.header .srch_area{display:none; position:absolute; left:0; top:60px; z-index:100; width:100%; max-width:1920px; height:260px; background:url(../images/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(../images/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:45%; 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(../images/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;}

.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;}


/* 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{padding-bottom:22px; font-size:18px; font-weight:400; color:#000; text-align:left;}
.popup_wrap .btn_center{padding-top:30px;}
.popup_wrap .pop_close_btn{position:absolute; right:0; top:0; width:40px; height:40px; background:url(../images/pop_close_btn.png) 50% 50% no-repeat #043285; background-size:14.5px auto;}
.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;}


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