@charset "UTF-8"; 
/* 筌뤴뫀而�占쎌뵬占쎈립野껓옙 �⑤벏�꽰 UI - PC */

/* RESET */
html,body {-webkit-text-size-adjust:none}
body,div,span,em,strong,select,section,article,nav,footer,header,address,caption,figure,figcaption,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,textarea,input,button,tr,th,td,table {margin:0; padding:0}

h1,h2,h3,h4,h5,h6 {font-size:inherit}
ol,ul,li {list-style:none}
blockquote,q {quotes:none}
blockquote:before,blockquote:after,q:after,q:before {content:''; content:none}
img,fieldset,iframe {border:0 none; vertical-align:top}
img {max-width:100%}
i,em,address,optgroup {font-style:normal}
hr {display:none}
input,button,select,textarea,label {vertical-align:middle}
input::-ms-clear {display:none}
textarea {resize:none}
button {border:0 none; border-radius:0; background:transparent; cursor:pointer}
table {border-collapse:collapse; border-spacing:0}
caption {width:0; height:0; overflow:hidden; color:transparent; text-indent:-9999px}
legend, .blind {position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:none; overflow:hidden; clip:rect(0 0 0 0); color:transparent}
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption {display:block}
a {color:#000; text-decoration:none}
a:hover {text-decoration:underline}

/* header */
#header {width:100%; height:95px; border-bottom:1px solid #e6e7e8; letter-spacing:0 !important}
#header .util_wrap {height:35px; width:100%}
#header .util_wrap > * {float:right}
#header .util_wrap .util li {float:left; height:21px; line-height:35px}
#header .util_wrap .util li a {color:#000; font-size:13px; padding:0 14px; position:relative; font-weight:300; letter-spacing:0 !important}
#header .util_wrap .util li :hover {font-weight:500}
#header .util_wrap .util li a:before {content:''; width:1px; height:14px; background:#000; position:absolute; left:0; top:3px; margin-right:10px}
#header .util_wrap .util li:first-child a:before {display:none}
#header .util_wrap .btn_search:before {content:''; width:1px; height:24px; background:#fff; position:absolute; left:0; top:0}
#header .util_wrap .btn_search:after {content:''; width:1px; height:24px; background:#fff; position:absolute; right:0; top:0}
#header h1 {float:left; margin-top:20px; margin-left:86px; left:0; top:0}
#header .gnb {position:absolute; left:226px; top:57px; margin-left:23px; width:500px}
#header .gnb li {float:left; padding-right:20px}
#header .gnb li a {display:block; font-size:16px; font-weight:500; font-family:"noto sans KR"; height:21px; line-height:21px; color:#000; letter-spacing:-.025em!important}
#header .gnb li a:hover {font-weight:700; color:#4872e8; border-bottom:1px solid #4872e8}
#header .gnb li:last-child a {padding-right:0}
#header .gnb>li>.depth2 {z-index:200; position:absolute; left:20%; top:40px; background:none; margin-left:-150px; padding:12px 0 15px}
#header .gnb li .depth2 a {font-size:15px; color:#000; font-weight:400; font-family:"noto sans KR"; text-decoration:none}
#header .gnb>li:hover .depth2 {display:block}
#header .gnb>li>.depth2 li a:hover {color:#4872e8}
#header .gnb>li>.depth2 li {line-height:25px}
#header .gnb>li>.depth2 li .on {font-size:15px; color:#4872e8; font-weight:500; font-family:"noto sans KR"; text-decoration:none}
#header .search {position:absolute; top:50px; right:20px}
#header .search .blind {display:none}
#header .search #searchform {border-bottom:2px solid #4872e8}
#header .search #searchform .text_blank {border:none; height:25px}
#header .search #searchform input {outline:none}
#header .search #searchform button {overflow:visible; margin:0; padding:0; border:0 none; background:none; font-size:0; vertical-align:top; cursor:pointer}
#header .search .btn_search img {width:23px}
#header .search #searchform .btn_search {margin-right:10px; margin-bottom:5px}

/* footer */
/*#footer {width:100%; height:247px; border-top:1px solid #ccc; background:#000; font-family:"Noto Sans KR"; letter-spacing:0 !important}*/

#footer .footer_inner1 {width:1100px; height:91px; margin:0 auto}
#footer .footer_inner1 .left {left:0; top:10px; width:300px; float:left}
#footer .footer_inner1 .left p {font-family:"Noto Sans KR"}
#footer .footer_inner1 .left .service_inquiry {margin-top:20px; margin-bottom:12px; font-size:22px; font-family:"Noto Sans KR"; letter-spacing:0 !important; font-weight:200; color:#fff}
#footer .footer_inner1 .left .service_inquiry span {color:#fff; font-weight:400; font-family:"Noto Sans KR"; letter-spacing:0 !important}
#footer .footer_inner1 .left .operating_time {color:#777674; font-size:15px; font-family:"Noto Sans KR"; letter-spacing:0 !important; font-weight:300}
#footer .footer_inner1 .right {float:right; margin-top:20px}
#footer .footer_inner1 .right a {color:#777674}
#footer .footer_inner1 .right img {width:22px; margin-right:8px; vertical-align:middle}
/*#footer .footer_inner1 .right .Readers_board {display:inline-block; border:1px solid #777674; width:179px; height:47px; text-align:center; line-height:47px; color:#fff; font-size:15px; font-family:"noto sans KR"}*/
/*#footer .footer_inner1 .right .Question {display:inline-block; border:1px solid #777674; width:179px; height:47px; text-align:center; line-height:47px; color:#fff; margin-left:22px; font-size:15px; font-family:"noto sans KR"}*/
/*#footer .footer_inner1 .right .Kakao_Question {display:inline-block; border:1px solid #777674; width:179px; height:47px; text-align:center; line-height:47px; color:#fff; margin-left:22px; font-size:15px; font-family:"noto sans KR"}*/
#footer .line {width:100%; border-bottom:1px solid #777674}
#footer .footer_inner2 {width:1100px; height:130px; margin:0 auto; margin-top:25px}
#footer .footer_inner2 .left {float:left}
#footer .footer_inner2 address {font-family:"noto sans KR"; letter-spacing:0 !important; padding-top:12px; padding-bottom:5px; color:#777674; font-size:13px; font-family:"Noto Sans KR"; line-height:23px; font-weight:300; letter-spacing:0 !important}
#footer .footer_inner2 p {color:#777674; font-size:13px; font-family:"Noto Sans KR"; font-weight:300; letter-spacing:0 !important}
#footer .footer_inner2 .right {float:right; margin-top:25px}
#footer .footer_inner2 .right .ad {display:inline-block; border:1px solid #777674; width:179px; height:47px; text-align:center; line-height:47px; color:#777674; margin-left:22px; font-size:15px; font-family:"noto sans KR"}
#footer .footer_inner2 .right .family {position:relative; margin:0 auto; text-align:center; float:right; border:1px solid #777674; width:179px; height:47px; line-height:47px; color:#fff; margin-left:25px; font-size:15px; font-family:"noto sans KR"}
#footer .footer_inner2 .right .family>li {display:inline-block}
#footer .footer_inner2 .right .family>li>a {color:#777674; font-family:"noto sans kr"; text-align:center}
#footer .footer_inner2 .right .family>li>.depth2 {padding:7px 0; position:absolute; left:-1px; bottom:48px; width:179px; border:1px solid #777674; background:#000; text-align:left; display:none}
#footer .footer_inner2 .right .family>li>.depth2 li a {font-size:13px; color:#fff; font-family:"noto sans KR"; padding:15px}
#footer .footer_inner2 .right .family>li:hover .depth2 {display:block}
#footer .footer_inner2 .right .family>li>.depth2 li a:hover {color:#699df4; font-weight:700}
#footer .footer_inner2 .right .family>li>.depth2 li {line-height:35px}
#footer .footer_inner2 .right .family>li>.depth2 li a {margin-right:30px}