@charset "utf-8";


/**************reset.css**************/
body, html{ margin:0; padding:0; width:100%; height:100%; position:relative; right:0; transition:right 0.4s; }
/*body, html{
	-ms-user-select:none; 
	-moz-user-select:-moz-none;
	-khtml-user-select:none;
	-webkit-user-select:none;
	user-select:none;
}*/
body, input, textarea, select, button, table {
	font-family:'noto', '나눔바른고딕', NanumBarunGothic, ng, '맑은 고딕', 'Malgun Gothic', '돋움', Dotum, '애플 SD 산돌고딕 Neo', 'Apple SD Gothic Neo', AppleGothic, Helvetica, sans-serif !important;
	-webkit-font-smoothing:antialiased
}
body.slided{ right:300px; transition:right 0.4s; }
img, fieldset, button { border:0 }
ul, ol, li { margin:0; padding:0; list-style:none }
em, address { font-style:normal }
form, fieldset, h1, h2, h3, h4, h5, h6, p{ margin:0; padding:0; }
img{ max-width:100%; }
a, a:hover, a:active, a:focus{ text-decoration:none; }
input:focus, button:focus, a:focus{ outline:0 !important; }




/***********scrollbar***********/
body::-webkit-scrollbar { width:5px; background-color:transparent; position:fixed; z-index:999999; }
body::-moz-scrollbar { width:5px; background-color:transparent; position:fixed; z-index:999999; }
body::-webkit-scrollbar-track{ background-color:#666; }
body::-moz-scrollbar-track{ background-color:#666; }
body::-webkit-scrollbar-thumb { background-color:rgba(255, 255, 255, 0.4);  border-radius:20px; }
body::-moz-scrollbar-thumb { background-color:rgba(255, 255, 255, 0.4);  border-radius:20px; }





/**************header.css**************/
#header{ position:fixed; z-index:999999; top:0; right:0; width:100%; padding:30px 40px 0; background-color:transparent; /*box-shadow:0 0 0 0 rgba(0,0,0,0);*/ transition:0.3s background-color, 0.3s box-shadow, 0.3s padding, 0.4s right; }
#header, #header *{ box-sizing:border-box; }
#header.fixed{ padding:0 40px; box-shadow:0 0 6px 0 rgba(0,0,0,0.3); background-color:rgba(20,20,20,.4); backdrop-filter:blur(5px); }
#header.slided{ right:300px; }
#header:hover{ background-color:#141414; }
#header > .hd_con{ max-width:1800px; width:100%; margin:0 auto; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -ms-flex-direction:row; flex-direction:row; -webkit-box-lines:multiple; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; }
#header > .hd_con > .hd_logo{  }
#header > .hd_con > .hd_logo > a{ display:block; }
#header > .hd_con > .hd_logo > a > img{ display:block; max-width:200px; max-height:35px; width:auto; height:auto; }
#header > .hd_con > .hd_logo > a > h1{ font-size:25px; font-weight:900; line-height:40px; }
#header > .hd_con > .hd_logo > a > svg{ max-height:65px; width:100%; transition:0.3s max-height; display:block; }
#header.fixed > .hd_con > .hd_logo > a > svg{ max-height:60px; }
#header > .hd_con > .hd_logo > a > svg > *{ fill:#fff; }
#header:not(.fixed) > .hd_con > .hd_logo > a > svg .st0{ fill:#fff; }
#header:not(.fixed) > .hd_con > .hd_logo > a > svg .st1{ fill:#eee; }
#header:not(.fixed) > .hd_con > .hd_logo > a > svg .st2{ fill:#ddd; }
#header:not(.fixed) > .hd_con > .hd_logo > a > svg .st3{ fill:#ccc; }
#header:not(.fixed) > .hd_con > .hd_logo > a > svg .st4{ fill:#bbb; }
#header:not(.fixed) > .hd_con > .hd_logo > a > svg .st5{ fill:#aaa; }
#header:not(.fixed) > .hd_con > .hd_logo > a > svg .st6{ fill:#999; }
#header:not(.fixed) > .hd_con > .hd_logo > a > svg .st7{ fill:#888; }
#header:not(.fixed) > .hd_con > .hd_logo > a > svg .st8{ fill:#777; }
#header:not(.fixed) > .hd_con > .hd_logo > a > svg .st9{ fill:#666; }

#gnb{ float:left; word-break:keep-all; }
#gnb > ul > li{ position:relative; z-index:1; display:inline-block; }
#gnb > ul > li > a{ display:block; padding:31px 20px; font-family:'pt'; font-size:18px; font-weight:300; transition:0.3s padding; line-height:1em; }
#gnb > ul > li > ul{ position:absolute; z-index:1; top:100%; left:0; min-width:160px; padding:10px 0; background-color:#444; transform:translate(0, 10px); opacity:0; visibility:hidden; transition:0.3s visibility, 0.3s opacity, 0.3s transform; }
#gnb > ul > li:last-child > ul{ left:auto; right:0; }
#gnb > ul > li:hover > ul{ transform:translate(0, 0); opacity:1; visibility:visible; }
#gnb > ul > li > ul > li{ position:relative; z-index:1; }
#gnb > ul > li > ul > li > a{ display:block; padding:10px 15px; font-size:14px; font-weight:300; color:#fff; }
#gnb > ul > li:last-child > ul > li > a{ text-align:right; }
#gnb > ul > li > ul > li > ul{ display:none; position:absolute; z-index:1; top:0; left:100%; min-width:160px; background-color:#333; }
#gnb > ul > li > ul > li:hover > ul{ display:block; }
#gnb > ul > li > ul > li > ul > li > a{ display:block; padding:10px 15px; font-size:14px; font-weight:300; color:#eee; }

.mn_add{ float:left; margin-left:20px; }
.mn_add > li{ display:inline-block; line-height:90px; font-size:25px; font-weight:900; transition:0.3s line-height; cursor:pointer; }
.mn_add > li > .btn_ic{ position:relative; z-index:1; width:23px; height:23px; /*display:flex; flex-flow:row wrap; justify-content:space-between; align-content:space-between;*/ }
.mn_add > li > .btn_ic > div{ position:absolute; z-index:1; width:11px; height:11px; border:2px solid #fff; border-radius:3px; }
.mn_add > li > .btn_ic > div.ic_01{ top:0; left:0; }
.mn_add > li > .btn_ic > div.ic_02{ top:0; right:0; }
.mn_add > li > .btn_ic > div.ic_03{ bottom:0; left:0; }
.mn_add > li > .btn_ic > div.ic_04{ bottom:0; right:0; }

#header > .hd_con > .hd_mn{ display:flex; align-items:center; }
#header > .hd_con > .hd_mn > .mn_add{ font-size:0; }
/*#header.fixed > .hd_con > .hd_mn > #gnb > ul > li > a{ padding:23px 20px; }
#header.fixed > .hd_con > .hd_mn > .mn_add > li{ line-height:70px; }*/

@media(max-width:991px){
  #gnb > ul > li > a{ padding:33px 15px; }
  #header.fixed > .hd_con > .hd_mn > #gnb > ul > li > a{ padding:23px 15px }
  #header > .hd_con > .hd_logo > a > svg{ max-height:45px; }
}
@media(max-width:850px){
  #header{ padding:0 20px; }
  #header.fixed{ padding:0 20px; }
  #header > .hd_con > .hd_logo > a > img{ max-height:25px; }
  #header > .hd_con > .hd_logo > a > svg, #header.fixed > .hd_con > .hd_logo > a > svg{ max-height:40px; }
  #header > .hd_con > .hd_mn{ display:none; }
}




/**************mo_mn.css**************/
.mo_mn{ display:none; position:relative; z-index:1; width:23px; height:23px; }
.mo_mn > div{ position:absolute; z-index:1; width:11px; height:11px; border:2px solid #fff; border-radius:3px; transition:0.3s border, 0.3s width 0.3s, 0.3s height 0.3s, 0.3s border-radius 0s; }
.mo_mn.act > div{ width:23px; height:23px; border-radius:15px; transition:0.3s border, 0.3s width, 0.3s height, 0.3s border-radius 0.3s; }
.mo_mn > div.btn_01{ top:0; left:0; }
.mo_mn > div.btn_02{ top:0; right:0; }
.mo_mn > div.btn_03{ bottom:0; left:0; }
.mo_mn > div.btn_04{ bottom:0; right:0; }

.mo_use{ position:relative; z-index:1; padding:25px 11px; display:none; cursor:pointer; }
.mo_use > .use_btn{ position:absolute; top:50%; left:50%; margin:-12px 0 0 -12px; font-size:24px; }

/**************mnb.css**************/
#mnb{ position:fixed; z-index:9999999999; top:0; bottom:0; right:-350px; width:300px; transition:right 0.4s; background-color:#efefef; box-shadow:-10px 0 15px -10px rgba(0,0,0,.3); }
#mnb, #mnb *{ box-sizing:border-box; }
#mnb.act{ right:0; }
.mnb_cl{ width:40px; padding:10px; font-size:0; }
.mnb_cl > i{ font-size:20px; }
.mnb_lg{ padding:0 40px 40px; }
.mnb_lg > svg{ max-width:120px; margin:0 auto; display:block; }
.mnb_lg > svg .st0{ fill:#282828; }

.mnb_box{ position:relative; overflow:hidden; width:100% !important; height:100% !important; }
.mnb_con_wrap{ position:absolute; display:flex; overflow:hidden; padding:0; margin:0; top:0; bottom:0; left:0; right:0; width:auto !important; height:auto !important; z-index:1; overflow-y:scroll; }
#mnb .mnb_con_wrap::-webkit-scrollbar, #mnb .mnb_con_wrap::-webkit-scrollbar, #mnb .mnb_con_wrap::-webkit-scrollbar-corner, #mnb .mnb_con_wrap::-webkit-scrollbar-corner{ display:none!important; width:0px!important; height:0px!important; visibility:hidden!important; background:transparent!important }
.mnb_con{ position:relative; display:flex; width:100%; min-height:100%; visibility:visible; flex-direction:column; justify-content:space-between; }

.mnb_scb_wrap{ position:absolute; top:0; bottom:0; right:0; }
.mnb_scb{ width:2px; border-radius:5px; position:absolute; right:2px; top:0; transform:translate(0, 0); opacity:0; transition:opacity 0.3s; }
.mnb_scb.scroll{ opacity:1; transition:opacity 0.3s; }

.mnb_member{ padding:25px 10px; background:linear-gradient(90deg, #111, #444); }
.mnb_member_profile{ max-width:60px; max-height:60px; width:auto; height:auto; margin:0 auto; overflow:hidden; border-radius:100%; margin-bottom:20px; }
.mnb_member_profile{ width:100%; height:auto; display:block; }
.mnb_member_login{ max-width:250px; width:100%; margin:0 auto; }
.member_input_wrap{ display:flex; flex-flow:row wrap; margin:0 -5px 10px; }
.member_input_wrap > li{ width:50%; padding:0 5px; }
.member_input_wrap input{ border:none; width:100%; box-sizing:border-box; font-size:14px; padding:5px 10px; }
.log_add_wrap{ display:flex; justify-content:space-between; margin-bottom:15px; }
.log_add_wrap label:hover{ cursor:pointer; }
.keep_login{ display:flex; align-items:center; }
.keep_login input{ display:none; }
.chk_label{ background-color:transparent; width:14px; height:14px; margin-right:5px; }
.keep_login input[id="keepid_opt"]:checked + label{ position:relative; }
.keep_login input[id="keepid_opt"]:checked + label:before{ content:''; width:10px; height:5px; position:absolute; top:30%; left:50%; transform:translate(-50%, -50%) rotate(-45deg); }
.mnb_log_submit{ display:block; width:100%; margin:0 0 10px; text-align:center; padding:5px 10px; font-size:13px; font-weight:300; color:#fff; background-color:#9dc51a; }
.mem_add_btn{ display:none; margin:0 -5px; justify-content:space-between; }
.mem_add_btn > li{ padding:0 5px; }
.mem_add_btn > li > a{ display:block; padding:5px; text-align:center; font-size:12px; font-weight:300; color:#fff; }

.mnb_logged{ text-align:center; }
.mnb_logged_title{ font-size:18px; font-weight:600; cursor:pointer; }
.mnb_logged ul.mnb_logged_list{ display:flex; /*display:none; padding-top:10px;*/ margin:0 -3px; }
.mnb_logged ul li{ flex:1; padding:0 3px; }
.mnb_logged ul li:not(:last-child){ border-right:1px solid #fff; }
.mnb_logged ul li a{ font-family:'pt','noto'; font-size:14px; color:#fff; display:block; }
.mnb_logged ul li a i{ margin-right:5px; }

.mnb_nav{ text-align:right; }
/*.mnb_menu{ padding:15px 0 100px; }*/
.depth1:not(:first-child) > a{ border-top:1px solid #fff; }
.depth1 > a{ border-bottom:1px solid #ccc; }
.depth1_link{ display:block; padding:10px 20px; font-family:'pt','noto'; font-size:16px; font-weight:300; color:#333; cursor:pointer; }
/*.depth1_link.more{ position:relative; padding-right:45px; }*/
/*.depth1_link.more:after{ content:"\f067"; font-family:'Line Awesome Free'; font-weight:900; font-size:20px; line-height:1em; transform:translate(0, -50%); position:absolute; top:50%; right:14px; }
.depth1_link.more.act:after{ content:"\f068"; }*/
.mnb_nav2{ /*display:none;*/ background-color:#ddd; }
.depth2_link{ display:block; padding:8px 20px 8px 30px; font-size:13px; font-weight:400; color:#333; cursor:pointer; }
.depth2_link.more{ position:relative; padding-right:45px; }
.depth2_link.more:after{ content:''; width:8px; height:8px; transform:translate(-50%, -50%) rotate(-45deg); position:absolute; top:50%; right:21px; transition-duration:0.3s; }
.depth2_link.more.spreaded:after{ transform:translate(-50%, -50%) rotate(45deg); top:46%; }
.mnb_nav3{ display:none; }
.depth3_link{ display:block; padding:7px 20px 7px 40px; font-size:13px; font-weight:300; cursor:pointer; }

@media(max-width:850px){
  .mo_mn{ display:block; }
  .mo_use{ display:block; }
}





/**************mo_mn.css**************/
.use_wrap{ position:fixed; z-index:999999; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.65); display:none; }
.use_wrap, .use_wrap *{ box-sizing:border-box; }
.use_wrap > .use{ position:absolute; max-width:350px; width:calc(100% - 30px); top:50%; left:50%; transform:translate(-50%, -50%); padding:40px 30px; background-color:#383838; border-radius:10px; box-shadow:8px 8px 12px 0 rgba(0,0,0,0.5), inset 2px 2px 4px 0 rgba(255,255,255,0.1), inset -2px -2px 4px 0 rgba(0,0,0,0.2); }

.mem_box > form > .message{ margin-top:0; }
.mem_box > form > fieldset > legend{ display:none; }

.mem_box > form > fieldset > .login_input{ margin-bottom:15px; }
.mem_box > form > fieldset > .login_input > input[type=text],
.mem_box > form > fieldset > .login_input > input[type=email],
.mem_box > form > fieldset > .login_input > input[type=password]{ display:block; width:100%; height:auto; background-color:#383838; border:none; padding:12px 20px; border-radius:50px; box-shadow:3px 3px 10px 0 rgba(0,0,0,0.4), -3px -3px 10px 0 rgba(255,255,255,0.15); margin-bottom:15px; font-size:15px; font-weight:100; color:#fff; }
.mem_box > form > fieldset > .login_input > input[type=text]::placeholder,
.mem_box > form > fieldset > .login_input > input[type=email]::placeholder,
.mem_box > form > fieldset > .login_input > input[type=password]::placeholder{ color:#ddd; }

.mem_box > form > fieldset > .login_add{ margin-bottom:25px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -ms-flex-direction:row; flex-direction:row; -webkit-box-lines:single; -ms-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; }
.mem_box > form > fieldset > .login_add > .login_keep > input[type=checkbox]{ display:none; }
.mem_box > form > fieldset > .login_add > .login_keep > label.lamp{ display:inline-block; position:relative; z-index:1; background-color:#333; border:4px solid #666; padding:4px; border-radius:100%; font-size:0; vertical-align:middle; margin-right:5px; cursor:pointer; }
.mem_box > form > fieldset > .login_add > .login_keep > input[type=checkbox]:checked + label.lamp::after{ content:''; position:absolute; top:25%; left:25%; width:50%; height:50%; background-color:#fff; border-radius:100%; box-shadow:0 0 2px 2px #fff, 0 0 5px 6px #2bb06f; }
.mem_box > form > fieldset > .login_add > .login_keep > label.txt{ font-size:12px; font-weight:100; color:#fff; cursor:pointer; }
.mem_box > form > fieldset > .login_add > a{ font-size:12px; font-weight:100; color:#fff; }

.mem_box > form > fieldset > .login_btn{  }
.mem_box > form > fieldset > .login_btn > button{ display:inline-block; width:47%; margin-right:6%; text-align:center; border:none; padding:8px 15px; border-radius:4px; font-size:13px; font-weight:300; color:#ddd; background-color:#383838; box-shadow:3px 3px 10px 0 rgba(0,0,0,0.4), -3px -3px 10px 0 rgba(255,255,255,0.15); cursor:pointer; }
.mem_box > form > fieldset > .login_btn > a{ display:inline-block; width:47%; text-align:center; background-color:#fff; padding:8px 15px; border-radius:4px; font-size:13px; font-weight:300; color:#ddd; background-color:#383838; box-shadow:3px 3px 10px 0 rgba(0,0,0,0.4), -3px -3px 10px 0 rgba(255,255,255,0.15); cursor:pointer; }

.mem_box > .mem_li > li{ margin-bottom:8px; color:#fff; }
.mem_box > .mem_li > li:last-child{ margin-bottom:0; }
.mem_box > .mem_li > li > a{ position:relative; z-index:1; display:block; font-size:14px; font-weight:300; color:inherit; padding-left:22px; }
.mem_box > .mem_li > li > a:before{ position:absolute; top:2px; left:0; font-family:'Line Awesome Free'; font-size:16px; font-weight:900; }
.mem_box > .mem_li > li.actAdmin > a:before{ content:'\f013'; }
.mem_box > .mem_li > li.dispMemberInfo > a:before{ content:'\f007'; }
.mem_box > .mem_li > li.dispMemberScrappedDocument > a:before{ content:'\f56d'; }
.mem_box > .mem_li > li.dispMemberSavedDocument > a:before{ content:'\f0c7'; }
.mem_box > .mem_li > li.dispMemberOwnDocument > a:before{ content:'\f5ad'; }
.mem_box > .mem_li > li.dispMemberOwnComment > a:before{ content:'\f3e5'; }
.mem_box > .mem_li > li.dispMemberActiveLogins > a:before{ content:'\f084'; }
.mem_box > .mem_li > li.dispCommunicationMessages > a:before{ content:'\f0e0'; }
.mem_box > .mem_li > li.dispCommunicationFriend > a:before{ content:'\f500'; }
.mem_box > .mem_li > li.actLogout > a:before{ content:'\f13e'; }

.use_line{ margin:35px 0 25px; border-top:1px dashed #fff; opacity:0.2; }

.use_wrap > .use > .use_lan > h3{ font-size:20px; font-weight:700; color:#fff; margin-bottom:15px; line-height:1em; }
.use_wrap > .use > .use_lan > div{ position:relative; z-index:1; }
.use_wrap > .use > .use_lan > div > i{ position:absolute; z-index:1; top:8px; left:10px; font-size:20px; font-weight:400; color:#555; }
.use_wrap > .use > .use_lan > div > select{ display:block; border:none; width:100%; height:auto; padding:8px 10px 8px 40px; appearance:none; -webkit-appearance:none; -ms-appearance:none; -moz-appearance:none; -o-appearance:none; font-size:14px; font-weight:300; color:#333; }
.use_wrap > .use > .use_lan > div > select::after{ content:''; position:absolute; display:block; width:10px; height:10px; background-color:#333; }
.use_wrap > .use > .use_lan > div > select::-ms-expand{ display:none; }






/**************qm.css**************/
#qm{ position:fixed; z-index:9999; top:50%; left:100%; transform:translate(0, -50%); }
#qm, #qm *{ box-sizing:border-box; }
#qm > li{ position:relative; z-index:1; background-color:#efefef; border-radius:4px 0 0 4px; box-shadow:-3px 3px 3px 0 rgba(0,0,0,.3); transform:translate(-50px, 0); transition:0.4s transform; }
#qm > li:not(:last-child){ margin-bottom:1px; }
#qm > li:hover{ transform:translate(-100%, 0); }
#qm > li > a{ display:flex; }
#qm > li > a > i{ width:0; height:0; line-height:0; padding:25px; font-size:27px; color:#333; display:flex; align-items:center; justify-content:center; border-right:1px solid #999; }
#qm > li > a > p{ border-left:1px solid #fff; font-family:'pt'; font-size:17px; font-weight:300; color:#333; white-space:nowrap; padding:15px; }







/* footer */
footer{ position:relative; z-index:1; padding:60px 40px; overflow:hidden; }
footer, footer *{ box-sizing:border-box; }
.ft_con{ max-width:1400px; width:100%; margin:0 auto; }

.ft_pw{ display:flex; flex-flow:row wrap; margin:0 -20px; justify-content:space-between; align-items:flex-end; }
.ft_pt{ width:50%; padding:0 20px; }
.ft_pt.tp{ margin-bottom:40px; }

.ft_lg{ width:auto; font-size:0; }
.ft_lg > a{ display:inline-block; }
.ft_lg > a > svg{ display:block; width:100%; max-height:60px; }
.ft_lg > a > svg *{ fill:#fff; }
.ft_lg > a > img{ display:block; width:100%; max-height:60px; }

.ft_if{ font-weight:300; }
.ft_if > p{ font-size:0; margin:0 -7px; }
.ft_if > p > span{ display:inline-block; font-size:14px; line-height:1.5em; padding:0 7px; }
.ft_if > .copy{ margin-top:15px; font-size:14px; line-height:1.5em; padding:0 7px; }

.fnb{ text-align:right; font-size:0; }
.fnb > li{ display:inline-block; }
.fnb > li:not(:last-child){ padding:0 10px 0 0; margin:0 10px 10px 0; }
.fnb > li > a{ display:block; font-size:14px; font-weight:300; line-height:1em; }

.ft_site{ position:relative; z-index:1; max-width:200px; width:100%; display:block; margin:0 0 0 auto; box-shadow:7px 7px 15px 0 rgba(0,0,0,.4); }
.ft_site:after{ content:"\f107"; position:absolute; z-index:1; top:50%; right:10px; font-family:'Line Awesome Free'; font-size:16px; font-weight:900; color:#fff; transform:translate(0, -50%); }
.ft_site > select{ display:block; width:100%; border:none; background-color:#353535; padding:10px 30px 10px 10px; font-family:'pt'; font-size:14px; font-weight:300; color:#fff; -o-appearance:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
.ft_site > select > option{ font-family:'mt','pt','noto' !important; font-size:14px; font-weight:300; color:#fff; }

/* ft_col */
footer.light{ background-color:#efefef; }
footer.light .ft_if{ color:#888; }
footer.light .fnb > li > a{ color:#888; }

footer.dark{ background-color:#111; }
footer.dark .ft_if{ color:#efefef; }
footer.dark .fnb > li > a{ color:#efefef; }

@media(max-width:900px){
  footer{ padding:60px 20px; }
  .ft_pt{ width:100%; }
  .ft_pt.tp{ margin-bottom:20px; }
  .ft_lg > a > svg{ max-height:40px; }
  .fnb{ text-align:left; }
  .fnb > li:not(:last-child){ padding:0 5px 0 0; margin:0 5px 10px 0; }
  .ft_site{ margin:20px 0 0 0; }
}






/**************footer_colorset.css**************/
#footer.light{ background-color:#f5f5f5; }
#footer.light .ft_logo{ color:#333; }
#footer.light .ft_txt{ color:#666; }
#footer.light .ft_cp{ color:#999; }
#footer.light #fnb > ul > li > a{ color:#333; }
#footer.light .ft_sns > li > a{ background-color:#777; color:#fff; }


#footer.dark{ background-color:#252525; }
#footer.dark .ft_logo{ color:#fff; }
#footer.dark .ft_txt{ color:#aaa; }
#footer.dark .ft_cp{ color:#888; }
#footer.dark #fnb > ul > li > a{ color:#aaa; }
#footer.dark .ft_sns > li > a{ background-color:#aaa; color:#444; }
#footer.dark .ft_sns > li > a:hover{ color:#fff; }








.st0{fill:#FFFFFF;}
.st1{fill:#28A7E1;}
.st2{fill:#F8B62B;}
.st3{fill:#90C31F;}
.st4{fill:#ED9731;}
.st5{fill:#EA5413;}
.st6{fill-rule:evenodd;clip-rule:evenodd;fill:#799E2D;}
.st7{fill-rule:evenodd;clip-rule:evenodd;fill:#D03F18;}
.st8{fill:#F2BD89;}
.st9{fill:#298CB5;}















/* noto-sans-kr-100 - latin_korean */
@font-face {
  font-family:'noto';
  font-style:normal;
  font-weight:100;
  src:url('../font/noto/noto-sans-kr-v13-latin_korean-100.eot'); /* IE9 Compat Modes */
  src:local('Noto Sans KR Thin'), local('NotoSansKR-Thin'),
       url('../font/noto/noto-sans-kr-v13-latin_korean-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/noto/noto-sans-kr-v13-latin_korean-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/noto/noto-sans-kr-v13-latin_korean-100.woff') format('woff'), /* Modern Browsers */
       url('../font/noto/noto-sans-kr-v13-latin_korean-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/noto/noto-sans-kr-v13-latin_korean-100.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-300 - latin_korean */
@font-face {
  font-family:'noto';
  font-style:normal;
  font-weight:300;
  src:url('../font/noto/noto-sans-kr-v13-latin_korean-300.eot'); /* IE9 Compat Modes */
  src:local('Noto Sans KR Light'), local('NotoSansKR-Light'),
       url('../font/noto/noto-sans-kr-v13-latin_korean-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/noto/noto-sans-kr-v13-latin_korean-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/noto/noto-sans-kr-v13-latin_korean-300.woff') format('woff'), /* Modern Browsers */
       url('../font/noto/noto-sans-kr-v13-latin_korean-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/noto/noto-sans-kr-v13-latin_korean-300.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-regular - latin_korean */
@font-face {
  font-family:'noto';
  font-style:normal;
  font-weight:400;
  src:url('../font/noto/noto-sans-kr-v13-latin_korean-regular.eot'); /* IE9 Compat Modes */
  src:local('Noto Sans KR Regular'), local('NotoSansKR-Regular'),
       url('../font/noto/noto-sans-kr-v13-latin_korean-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/noto/noto-sans-kr-v13-latin_korean-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/noto/noto-sans-kr-v13-latin_korean-regular.woff') format('woff'), /* Modern Browsers */
       url('../font/noto/noto-sans-kr-v13-latin_korean-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/noto/noto-sans-kr-v13-latin_korean-regular.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-500 - latin_korean */
@font-face {
  font-family:'noto';
  font-style:normal;
  font-weight:500;
  src:url('../font/noto/noto-sans-kr-v13-latin_korean-500.eot'); /* IE9 Compat Modes */
  src:local('Noto Sans KR Medium'), local('NotoSansKR-Medium'),
       url('../font/noto/noto-sans-kr-v13-latin_korean-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/noto/noto-sans-kr-v13-latin_korean-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/noto/noto-sans-kr-v13-latin_korean-500.woff') format('woff'), /* Modern Browsers */
       url('../font/noto/noto-sans-kr-v13-latin_korean-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/noto/noto-sans-kr-v13-latin_korean-500.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-700 - latin_korean */
@font-face {
  font-family:'noto';
  font-style:normal;
  font-weight:700;
  src:url('../font/noto/noto-sans-kr-v13-latin_korean-700.eot'); /* IE9 Compat Modes */
  src:local('Noto Sans KR Bold'), local('NotoSansKR-Bold'),
       url('../font/noto/noto-sans-kr-v13-latin_korean-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/noto/noto-sans-kr-v13-latin_korean-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/noto/noto-sans-kr-v13-latin_korean-700.woff') format('woff'), /* Modern Browsers */
       url('../font/noto/noto-sans-kr-v13-latin_korean-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/noto/noto-sans-kr-v13-latin_korean-700.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-900 - latin_korean */
@font-face {
  font-family:'noto';
  font-style:normal;
  font-weight:900;
  src:url('../font/noto/noto-sans-kr-v13-latin_korean-900.eot'); /* IE9 Compat Modes */
  src:local('Noto Sans KR Black'), local('NotoSansKR-Black'),
       url('../font/noto/noto-sans-kr-v13-latin_korean-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/noto/noto-sans-kr-v13-latin_korean-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/noto/noto-sans-kr-v13-latin_korean-900.woff') format('woff'), /* Modern Browsers */
       url('../font/noto/noto-sans-kr-v13-latin_korean-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/noto/noto-sans-kr-v13-latin_korean-900.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}


@font-face {
  font-family:'pt';
  font-style:normal;
  font-weight:100;
  src:local('Pretendard Thin'), local('Pretendard-Thin'),
       url('../font/pt/Pretendard-Thin.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/pt/Pretendard-Thin.woff') format('woff'), /* Modern Browsers */
       url('../font/pt/Pretendard-Thin.ttf') format('truetype'); /* Safari, Android, iOS */
}
@font-face {
  font-family:'pt';
  font-style:normal;
  font-weight:300;
  src:local('Pretendard Light'), local('Pretendard-Light'),
       url('../font/pt/Pretendard-Light.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/pt/Pretendard-Light.woff') format('woff'), /* Modern Browsers */
       url('../font/pt/Pretendard-Light.ttf') format('truetype'); /* Safari, Android, iOS */
}
@font-face {
  font-family:'pt';
  font-style:normal;
  font-weight:400;
  src:local('Pretendard Regular'), local('Pretendard-Regular'),
       url('../font/pt/Pretendard-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/pt/Pretendard-Regular.woff') format('woff'), /* Modern Browsers */
       url('../font/pt/Pretendard-Regular.ttf') format('truetype'); /* Safari, Android, iOS */
}
@font-face {
  font-family:'pt';
  font-style:normal;
  font-weight:500;
  src:local('Pretendard Medium'), local('Pretendard-Medium'),
       url('../font/pt/Pretendard-Medium.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/pt/Pretendard-Medium.woff') format('woff'), /* Modern Browsers */
       url('../font/pt/Pretendard-Medium.ttf') format('truetype'); /* Safari, Android, iOS */
}
@font-face {
  font-family:'pt';
  font-style:normal;
  font-weight:600;
  src:local('Pretendard Bold'), local('Pretendard-Bold'),
       url('../font/pt/Pretendard-Bold.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/pt/Pretendard-Bold.woff') format('woff'), /* Modern Browsers */
       url('../font/pt/Pretendard-Bold.ttf') format('truetype'); /* Safari, Android, iOS */
}
@font-face {
  font-family:'pt';
  font-style:normal;
  font-weight:800;
  src:local('Pretendard ExtraBold'), local('Pretendard-ExtraBold'),
       url('../font/pt/Pretendard-ExtraBold.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/pt/Pretendard-ExtraBold.woff') format('woff'), /* Modern Browsers */
       url('../font/pt/Pretendard-ExtraBold.ttf') format('truetype'); /* Safari, Android, iOS */
}




/* noto-sans-hk-100 - chinese-hongkong_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'nk';
  font-style: normal;
  font-weight: 100;
  src: url('../font/nk/noto-sans-hk-v31-chinese-hongkong_latin-100.eot'); /* IE9 Compat Modes */
  src: url('../font/nk/noto-sans-hk-v31-chinese-hongkong_latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/nk/noto-sans-hk-v31-chinese-hongkong_latin-100.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../font/nk/noto-sans-hk-v31-chinese-hongkong_latin-100.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../font/nk/noto-sans-hk-v31-chinese-hongkong_latin-100.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../font/nk/noto-sans-hk-v31-chinese-hongkong_latin-100.svg#NotoSansHK') format('svg'); /* Legacy iOS */
}
/* noto-sans-hk-200 - chinese-hongkong_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'nk';
  font-style: normal;
  font-weight: 200;
  src: url('../font/nk/noto-sans-hk-v31-chinese-hongkong_latin-200.eot'); /* IE9 Compat Modes */
  src: url('../font/nk/noto-sans-hk-v31-chinese-hongkong_latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/nk/noto-sans-hk-v31-chinese-hongkong_latin-200.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../font/nk/noto-sans-hk-v31-chinese-hongkong_latin-200.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../font/nk/noto-sans-hk-v31-chinese-hongkong_latin-200.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../font/nk/noto-sans-hk-v31-chinese-hongkong_latin-200.svg#NotoSansHK') format('svg'); /* Legacy iOS */
}
/* noto-sans-hk-300 - chinese-hongkong_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'nk';
  font-style: normal;
  font-weight: 300;
  src: url('../font/nk/noto-sans-hk-v31-chinese-hongkong_latin-300.eot'); /* IE9 Compat Modes */
  src: url('../font/nk/noto-sans-hk-v31-chinese-hongkong_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/nk/noto-sans-hk-v31-chinese-hongkong_latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../font/nk/noto-sans-hk-v31-chinese-hongkong_latin-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../font/nk/noto-sans-hk-v31-chinese-hongkong_latin-300.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../font/nk/noto-sans-hk-v31-chinese-hongkong_latin-300.svg#NotoSansHK') format('svg'); /* Legacy iOS */
}
/* noto-sans-hk-regular - chinese-hongkong_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'nk';
  font-style: normal;
  font-weight: 400;
  src: url('../font/nk/noto-sans-hk-v31-chinese-hongkong_latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../font/nk/noto-sans-hk-v31-chinese-hongkong_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/nk/noto-sans-hk-v31-chinese-hongkong_latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../font/nk/noto-sans-hk-v31-chinese-hongkong_latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../font/nk/noto-sans-hk-v31-chinese-hongkong_latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../font/nk/noto-sans-hk-v31-chinese-hongkong_latin-regular.svg#NotoSansHK') format('svg'); /* Legacy iOS */
}
/* noto-sans-hk-500 - chinese-hongkong_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'nk';
  font-style: normal;
  font-weight: 500;
  src: url('../font/nk/noto-sans-hk-v31-chinese-hongkong_latin-500.eot'); /* IE9 Compat Modes */
  src: url('../font/nk/noto-sans-hk-v31-chinese-hongkong_latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/nk/noto-sans-hk-v31-chinese-hongkong_latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../font/nk/noto-sans-hk-v31-chinese-hongkong_latin-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../font/nk/noto-sans-hk-v31-chinese-hongkong_latin-500.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../font/nk/noto-sans-hk-v31-chinese-hongkong_latin-500.svg#NotoSansHK') format('svg'); /* Legacy iOS */
}
/* noto-sans-hk-600 - chinese-hongkong_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'nk';
  font-style: normal;
  font-weight: 600;
  src: url('../font/nk/noto-sans-hk-v31-chinese-hongkong_latin-600.eot'); /* IE9 Compat Modes */
  src: url('../font/nk/noto-sans-hk-v31-chinese-hongkong_latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/nk/noto-sans-hk-v31-chinese-hongkong_latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../font/nk/noto-sans-hk-v31-chinese-hongkong_latin-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../font/nk/noto-sans-hk-v31-chinese-hongkong_latin-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../font/nk/noto-sans-hk-v31-chinese-hongkong_latin-600.svg#NotoSansHK') format('svg'); /* Legacy iOS */
}
/* noto-sans-hk-700 - chinese-hongkong_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'nk';
  font-style: normal;
  font-weight: 700;
  src: url('../font/nk/noto-sans-hk-v31-chinese-hongkong_latin-700.eot'); /* IE9 Compat Modes */
  src: url('../font/nk/noto-sans-hk-v31-chinese-hongkong_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/nk/noto-sans-hk-v31-chinese-hongkong_latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../font/nk/noto-sans-hk-v31-chinese-hongkong_latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../font/nk/noto-sans-hk-v31-chinese-hongkong_latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../font/nk/noto-sans-hk-v31-chinese-hongkong_latin-700.svg#NotoSansHK') format('svg'); /* Legacy iOS */
}
/* noto-sans-hk-800 - chinese-hongkong_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'nk';
  font-style: normal;
  font-weight: 800;
  src: url('../font/nk/noto-sans-hk-v31-chinese-hongkong_latin-800.eot'); /* IE9 Compat Modes */
  src: url('../font/nk/noto-sans-hk-v31-chinese-hongkong_latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/nk/noto-sans-hk-v31-chinese-hongkong_latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../font/nk/noto-sans-hk-v31-chinese-hongkong_latin-800.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../font/nk/noto-sans-hk-v31-chinese-hongkong_latin-800.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../font/nk/noto-sans-hk-v31-chinese-hongkong_latin-800.svg#NotoSansHK') format('svg'); /* Legacy iOS */
}
/* noto-sans-hk-900 - chinese-hongkong_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'nk';
  font-style: normal;
  font-weight: 900;
  src: url('../font/nk/noto-sans-hk-v31-chinese-hongkong_latin-900.eot'); /* IE9 Compat Modes */
  src: url('../font/nk/noto-sans-hk-v31-chinese-hongkong_latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/nk/noto-sans-hk-v31-chinese-hongkong_latin-900.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../font/nk/noto-sans-hk-v31-chinese-hongkong_latin-900.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../font/nk/noto-sans-hk-v31-chinese-hongkong_latin-900.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../font/nk/noto-sans-hk-v31-chinese-hongkong_latin-900.svg#NotoSansHK') format('svg'); /* Legacy iOS */
}