@charset "utf-8";


#header{position:relative;background:#fff;box-shadow: 0 30px 30px rgba(0, 0, 0, .01);z-index: 5000;}
#header .nav_box{display:flex;flex-wrap: wrap;justify-content: space-between;height:86px;padding:0 50px;box-sizing: border-box;margin:0 auto;max-width:1600px;min-width: 1200px}
#header .scroll_top{display:none;}


#header #site_id{flex-grow: 1;}
#header #site_id a{display:block;width:80px;height:100%;background:url(../images/logo_combi.svg) no-repeat 50%;text-indent: -9999em;overflow:hidden;}

#header #lnb{flex-grow: 2;}
#header #lnb ul{display:flex;justify-content: space-evenly;align-items: center;height:100%;width: auto}

#header #lnb a{position:relative;display:inline-block;}
#header #lnb a .int{display:flex;justify-content: center;}
#header #lnb a .ico{display:block;width:22px;height:40px;background-position:50%;background-repeat: no-repeat;opacity: 0.2;transition:opacity ease 0.3s;}

#header #lnb a:hover .ico,
#header #lnb a:focus .ico,
#header #lnb a.active .ico{opacity: 1 !important;}

#header #lnb a .tooltip{position:absolute;top:45px;display:inline-block;text-align: center;visibility:hidden;opacity: 0;transition:opacity ease 0.3s;}
#header #lnb a .tooltip::after{content:'';position:absolute;left:50%;top:-8px;margin:0 0 0 -8px;width: 0px;height: 0px;border-bottom: 8px solid #222;border-left: 8px solid transparent;border-right: 8px solid transparent;}
#header #lnb a .tooltip i{display:block;line-height:1rem;padding:8px 10px;background:#222;border-radius:5px;font-style: normal;white-space:nowrap;color:#fff;font-size:0.95em;}
#header #lnb a:hover .tooltip{visibility: visible;opacity: 1;}

#header #lnb .lik_home .ico{background-image:url(../images/gnb_home_black.svg);}
#header #lnb .lik_star .ico{background-image:url(../images/gnb_star_black.svg);}
#header #lnb .lik_library .ico{background-image:url(../images/gnb_library_black.svg);}
#header #lnb .lik_interview .ico{background-image:url(../images/gnb_interview_black.svg);}

#header #utils{flex-grow: 1;}
#header #utils .int{display:flex;justify-content: flex-end;align-items: center;height: 100%}
#header #utils button{display:inline-block;border:0;background:transparent;padding:0;margin:0 0 0 30px;width:20px;height:100%;background-position: 50%;background-repeat: no-repeat;text-indent: -9999em;overflow: hidden;}
#header #utils button:first-child{margin-left:0;}
#header #utils .btn_login{background-image: url(../images/btn_login.svg);}
#header #utils .btn_open_srch{background-image: url(../images/btn_tsrch.svg);}

#header.sticky{position:sticky;width:610px;margin-bottom:30px;top:90%;left:calc( 50% - 305px );background: transparent;box-shadow: none;display:flex;justify-content: space-between;}
#header.sticky .scroll_top{display:block;}
#header.sticky .scroll_top a{position:relative;display:block;border-radius: 50%;text-align: center;color:#282828;width:70px;height:70px;background:#282828;box-sizing: border-box;padding-top:35px;transition:color ease 0.3s;}
#header.sticky .scroll_top a::after{content:'';display:block;width: 16px;height:16px;background: url(../images/btn_top.svg) no-repeat 50%;position:absolute;top:26px;left:50%;margin-left:-8px;transition:top ease 0.3s;}
#header.sticky .scroll_top a:hover,
#header.sticky .scroll_top a:focus{color:#fff;}
#header.sticky .scroll_top a:hover::after,
#header.sticky .scroll_top a:focus::after{top:15px;}

#header.sticky .nav_box{justify-content: flex-start;width:530px;min-width:530px;height:70px;padding:0;background:#282828;border-radius: 35px;}

#header.sticky #site_id{flex-grow: 0;width:23%;height:100%;background:#000;border-radius: 35px;}
#header.sticky #site_id a{margin:0 auto;width:38px;background:url(../images/logo_bi.svg) no-repeat 50%;}

#header.sticky #lnb{width:57%;flex-grow: 0;}
#header.sticky #lnb ul{padding:0;box-sizing: border-box;}
#header.sticky #lnb a .ico{width:18px;opacity: .6}
#header.sticky #lnb .lik_home .ico{background-image:url(../images/gnb_home_white.svg);}
#header.sticky #lnb .lik_star .ico{background-image:url(../images/gnb_star_white.svg);}
#header.sticky #lnb .lik_library .ico{background-image:url(../images/gnb_library_white.svg);}
#header.sticky #lnb .lik_interview .ico{background-image:url(../images/gnb_interview_white.svg);}

#header.sticky #utils{flex-grow: 0;width:20%;padding:0 5% 0 3%;position:relative;box-sizing: border-box;}
#header.sticky #utils::after{content:'';display:block;width:1px;height:20px;background:#525252;position:absolute;left:0;top:50%;margin-top:-10px;}

#header.sticky #utils .int{}
#header.sticky #utils button{width:16px}
#header.sticky #utils .btn_login{background-image: url(../images/btn_login_white.svg);}
#header.sticky #utils .btn_open_srch{background-image: url(../images/btn_tsrch_white.svg);}
#header.sticky #lnb a .tooltip{top:-40px;}
#header.sticky #lnb a .tooltip::after{top:auto;bottom:-16px;margin:0 0 0 -8px;border-bottom: 8px solid transparent;border-top: 8px solid #e0e0e0;}
#header.sticky #lnb a .tooltip i{background:#e0e0e0;color:#222}

#footer{background:#fff;padding:70px 0;color:#747474;}
#footer .inner{display:flex;max-width:1600px;min-width:1200px;padding:0 50px;margin:0 auto;box-sizing: border-box;}
#footer .inner .agency{flex-grow: 2}
#footer .inner .agency .f_logo{display:inline-block;text-indent: -9999em;width:200px;height:30px;overflow: hidden;background:url(../images/logo_cedar.svg) no-repeat 50%;margin-bottom: 10px;}
#footer .inner .agency p{margin-top:5px;}
#footer .inner .agency .flink{margin-top:20px;}
#footer .inner .agency .flink a{position:relative;display:inline-block;margin-left:20px;padding-left:38px;line-height: 30px;color:#747474;}
#footer .inner .agency .flink a:first-child{margin-left:0;}
#footer .inner .agency .flink a i{position:absolute;left:0;top:0;display:inline-block;width:30px;height:30px;border-radius:50%;background:#ededed}
#footer .inner .agency .flink a i::after{content:'';display:block;width:16px;height:16px;position:absolute;left:50%;top:50%;margin:-8px 0 0 -8px;}
#footer .inner .agency .flink a.instargram i::after{background:url(../images/ico_instargram_gray.svg) no-repeat 50%;}
#footer .inner .agency .flink a.contact i::after{background:url(../images/ico_contact_gray.svg) no-repeat 50%;}

#footer .inner .notice{flex-grow: 3;padding-top:20px;}
#footer .inner .notice h2{margin-bottom:10px;color:#fca816;font-family: 'KoPubWorldBatang', serif;font-size: .9em;}
#footer .inner .notice .lst_notice{}
#footer .inner .notice .lst_notice li{margin-top:8px;}
#footer .inner .notice .lst_notice li::before{content:'*';display:inline-block;color:#8b8b8b}
#footer .inner .notice .lst_notice li:first-child{margin-top:0;}
#footer .inner .notice .lst_notice li a{display:inline-block;max-width:500px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#747474}
#footer .inner .notice .lst_notice li a:hover,
#footer .inner .notice .lst_notice li a:focus{text-decoration:underline;color:#000}
#footer .inner .notice .lst_notice li time{margin-left:10px;font-size:0.7rem}

#footer .inner .appStore{flex-grow: 1;text-align: right;padding-top:20px;}
#footer .inner .appStore .btn_appStore{display:inline-block;width:120px;height:40px;background:url(../images/appStore_Badge_US.svg) no-repeat 50%;text-align:left;text-indent: -9999em;overflow: hidden;}

#tsrch_wrap{display:flex;visibility: hidden; align-items: center;justify-content: center; position: fixed;left:0;top:0;width:100%;height:100%;background:#f7f7f7;z-index: 9000;opacity: 0;transition: opacity ease .3s, visibility ease .3s}

#tsrch_wrap.active{visibility: visible;opacity: 1;}

#tsrch_wrap .inner{min-width:580px;}
#tsrch_wrap .tit_tsrch{font-size:2.6em;font-weight: 400;text-align: center;}
#tsrch_wrap .tit_tsrch strong{display:inline;}
#tsrch_wrap .tsrch_form{width:100%;padding-top:40px;}
#tsrch_wrap .tsrch_form .tsrch_inner{position:relative;width:100%;height:50px;padding-right:40px;border-bottom:2px solid #000;box-sizing: border-box;}
#tsrch_wrap .tsrch_form .inp_tsrch{width:100%;height:100%;outline: none;border:0;background:transparent;font-size:1.3em;}
#tsrch_wrap .tsrch_form .inp_tsrch::placeholder{color:#d1d1d1;font-style: italic;}
#tsrch_wrap .tsrch_form .btn_tsrch{width:40px;height:100%;text-indent: -9999em;overflow:hidden;overflow: hidden;text-align: left;background: transparent url(../images/btn_tsrch.svg) no-repeat 50% 30%;background-size:80%;position:absolute;right:0;top:0;}

#tsrch_wrap .kwd{margin-top:50px;}
#tsrch_wrap .kwd .tit_kwd{display:block;font-size: 1.4em;font-weight: 400;}
#tsrch_wrap .kwd .lst_kwd{width:100%;margin-top:10px;}
#tsrch_wrap .kwd .lst_kwd::after{content:'';display:block;clear: both;}
#tsrch_wrap .kwd .lst_kwd li{float:left;position:relative;display:inline-block;border:1px solid #e0e0e0;height:32px;line-height: 30px;padding:0 40px 0 15px;margin-right:8px;border-radius:16px;box-sizing: border-box;}
#tsrch_wrap .kwd .lst_kwd li .btn_kwd{font-style: italic;color:#747474;font-size:0.9em;border:0;background: transparent;}
#tsrch_wrap .kwd .lst_kwd li .btn_del{position:absolute;right:10px;top:0;text-align: left;text-indent: -9999em;overflow:hidden;width:20px;height:100%;background:transparent;background-repeat: no-repeat;background-position:50%;background-size:40%;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 20 20' viewBox='0 0 20 20'%3E%3Cpath d='M18.3 20 10 11.7 1.7 20 0 18.3 8.3 10 0 1.7 1.7 0 10 8.3 18.3 0 20 1.7 11.7 10l8.3 8.3-1.7 1.7z' style='fill:%23747474'/%3E%3C/svg%3E");}

#tsrch_wrap .kwd .lst_kwd li .btn_kwd:hover{color:#000;}
#tsrch_wrap .kwd .lst_kwd li .btn_del:hover{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 20 20' viewBox='0 0 20 20'%3E%3Cpath d='M18.3 20 10 11.7 1.7 20 0 18.3 8.3 10 0 1.7 1.7 0 10 8.3 18.3 0 20 1.7 11.7 10l8.3 8.3-1.7 1.7z' style='fill:%23ff2e2e'/%3E%3C/svg%3E");}

#tsrch_wrap .tsrch_close{position:absolute;right:30px;top:30px;width:50px;height:50px;text-align: left;
	text-indent:-9999em;overflow:hidden;transition:background-image ease .3s, transform ease .3s;
	background:transparent;background-repeat: no-repeat;background-position:50%;background-size:60%;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 20 20' viewBox='0 0 20 20'%3E%3Cpath d='M18.3 20 10 11.7 1.7 20 0 18.3 8.3 10 0 1.7 1.7 0 10 8.3 18.3 0 20 1.7 11.7 10l8.3 8.3-1.7 1.7z' style='fill:%23747474'/%3E%3C/svg%3E");}
	#tsrch_wrap .tsrch_close:hover{transform: rotate(180deg);
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 20 20' viewBox='0 0 20 20'%3E%3Cpath d='M18.3 20 10 11.7 1.7 20 0 18.3 8.3 10 0 1.7 1.7 0 10 8.3 18.3 0 20 1.7 11.7 10l8.3 8.3-1.7 1.7z' style='fill:%23000'/%3E%3C/svg%3E");
	}