@charset "utf-8";

/* @import url(//fonts.googleapis.com/earlyaccess/notosanskr.css); */
/*@import url(//fonts.googleapis.com/earlyaccess/jejumyeongjo.css);*/


/* reset  */
* {box-sizing:border-box;}
html,body { /*width: 100%; height: 100%;overflow: auto;*/}
body,div,dl,dt,dd,ul,ol,li,menu,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
.sr_only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
fieldset,img {border:0 none}
dl,ul,ol,menu,li {list-style:none; margin: 0; padding: 0;}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle;font-size:12px}
select {} 
button {border:0 none;background-color:transparent;cursor:pointer}
body,th,td,input,select,textarea,button {line-height:1.5;font-family:'Noto Sans KR','Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif !important;color:#000;font-size:14px;}
body {-webkit-text-size-adjust : none; background-color: #f3f3f3;}
a {color:#000;text-decoration:none;cursor:pointer}
a:active, a:hover {text-decoration:none}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
legend {display: block;position: absolute;top: -9999px;left: -9999px;width: 0px;height: 0px;line-height: 0;overflow: hidden;font-size: 0;text-indent: -9999px;}
caption {display: block;position: absolute;top: -9999px;left: -9999px;width: 0px;height: 0px;line-height: 0;overflow: hidden;font-size: 0;text-indent: -9999px;}
table {/*border: none;*/border-collapse: collapse;border-spacing: 0;/*table-layout: fixed;*/}
select{/*border:1px solid #d9d9d9;*/}
caption {visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0}
input,button,select {-webkit-appearance:none;outline:0}
select {padding:0 5px; padding-right: 30px;background:url('/static/img/select_box_arrow.png') no-repeat center right; -webkit-background-size:30px; background-size:30px; text-align: center;}
body.block {overflow: hidden;position: absolute;left: 0;right: 0;}

.blind {display: none !important;}
.tmp_blind {display: none !important;}

/* Ico Sprite */
.ico_spr {background:url('/static/img/ico_spr.png'); -webkit-background-size:450px auto; background-size:450px auto;}
.ico_spr.share_facebook { display: block;width: 50px; height: 50px;margin:0 auto; line-height: 0; text-indent: -9999px; overflow: hidden;background-position: -50px 0;}
.ico_spr.share_kakaotalk { display: block;width: 50px; height: 50px;margin:0 auto; line-height: 0; text-indent: -9999px; overflow: hidden;background-position: 0 0;}
.ico_spr.share_kakaostory { display: block;width: 50px; height: 50px;margin:0 auto; line-height: 0; text-indent: -9999px; overflow: hidden;background-position: -150px 0;}
.ico_spr.share_twitter { display: block;width: 50px; height: 50px;margin:0 auto; line-height: 0; text-indent: -9999px; overflow: hidden;background-position: -100px 0;}
.ico_spr.share_url { display: block;width: 50px; height: 50px;margin:0 auto; line-height: 0; text-indent: -9999px; overflow: hidden;background-position: -200px 0;}
.ico_spr.share_more { display: block;width: 50px; height: 50px;margin:0 auto; line-height: 0; text-indent: -9999px; overflow: hidden;background-position: -250px 0;}
.ico_spr.share_line { display: block;width: 50px; height: 50px;margin:0 auto; line-height: 0; text-indent: -9999px; overflow: hidden;background-position: -300px 0;}
.ico_spr.ico_close { display: block;width: 15px; height: 15px;margin:0 auto; line-height: 0; text-indent: -9999px; overflow: hidden;background-position: 0 -50px;}
.ico_spr.ico_close_g { display: block;width: 15px; height: 15px;margin:0 auto; line-height: 0; text-indent: -9999px; overflow: hidden;background-position: -15px -50px;}
.ico_spr.ico_close_w { display: block;width: 15px; height: 15px;margin:0 auto; line-height: 0; text-indent: -9999px; overflow: hidden;background-position: -30px -50px;}
.ico_spr.sns_login_naver { display: inline-block;width: 57px; height: 25px;line-height: 0; text-indent: -9999px; overflow: hidden;background-position: 0 -225px; vertical-align: middle;}
.ico_spr.sns_login_kakao { display: inline-block;width: 54px; height: 25px;line-height: 0; text-indent: -9999px; overflow: hidden;background-position: 0 -250px; vertical-align: middle;}
.ico_spr.sns_login_facebook { display: inline-block;width: 75px; height: 25px;line-height: 0; text-indent: -9999px; overflow: hidden;background-position: 0 -275px; vertical-align: middle;}
.ico_spr.sns_login_google { display: inline-block;width: 50px; height: 25px;line-height: 0; text-indent: -9999px; overflow: hidden;background-position: 0 -300px; vertical-align: middle;}

/* Header */
.header {background-color: #6f64a9;position: fixed;top: 0;left: 0;right: 0;z-index: 9999;}
.header .header_inner {width: 100%;max-width:800px;margin:0 auto;height: 50px;position: relative;padding:7px 0;}

.header .logo_wrap {display: block;}
.header .logo { display: block;float: left;margin-left: 10px;margin-top: 7px;font-size: 0;/*text-indent: -9999px;*/width: 78px;height: 20px;/*background-image:url('/static/img/logo.png?1')*/;background-repeat: no-repeat;background-position: 0 0;-webkit-background-size: auto 20px;background-size: auto 20px;}
.header .logo a { display: block; height: 100%;}
.header .logo a img {display: block;height: 100%;width:auto;}

.header .gnb_wrap {display: block;float: left;margin-left: 50px;}
.header .gnb_wrap .gnb {}
.header .gnb_wrap .gnb .gnb_item {float: left;height: 100%;line-height: 35px;margin:0 20px;}
.header .gnb_wrap .gnb .gnb_item .gnb_anchor {display: block;font-size: 18px;color: rgba(255,255,255,0.65);letter-spacing: -1px;}
.header .gnb_wrap .gnb .gnb_item.on .gnb_anchor {color: rgba(255,255,255,1);position: relative;}
.header .gnb_wrap .gnb .gnb_item.on .gnb_anchor:before {content:'';position: absolute;left: 0;right: 0;bottom: 3px;height: 2px;background-color: #ffffff;}
.header .gnb_wrap .gnb .gnb_sub {display: none;position:absolute;background-color: #fff; border: 2px solid #6f64a9; border-radius: 10px;}
.header .gnb_wrap .gnb .gnb_item:hover .gnb_sub {display: block; }
.header .gnb_wrap .gnb .gnb_item .gnb_sub .gnb_sub_item {border-bottom:1px solid #c7c7c7; padding:3px 5px;}
.header .gnb_wrap .gnb .gnb_item .gnb_sub .gnb_sub_item:last-child {border-bottom:0;}

.header .btn_open_search {position: relative;float: right;margin-right: 10px;display: block;width: 36px;height: 36px;text-align: center;line-height: 44px;}
.header .btn_open_search i {font-size: 26px;color: #fff;}
.header .search_wrap {padding:7px 40px 7px 10px;height: 100%;overflow: visible;position: absolute;background-color: #6f64a9;top: -100px;right: 0;width: 400px;display: block;}
.header .search_wrap.on {display: block;top: 0;}
.header .search_wrap .btn_close_search {position: absolute;top: 7px;right: 0;display: block;width: 36px;height: 36px;text-align: center;line-height: 44px;}
.header .search_wrap .btn_close_search i {font-size: 26px;color: #fff;}
.header .search_wrap .btn_close_search_bottom {display: block;position: relative;background-color: #fff;color: #777777;border-top: 1px solid #efefef;border-bottom: 1px solid #ccc;text-align: center;letter-spacing: -1px;font-size: 14px;padding:10px 0;text-decoration: none;margin-top: 15px;}
.header .search_wrap .btn_search {position: absolute;top: 0;right: 0;display: block;width: 36px;height: 36px;text-align: center;line-height: 44px;z-index: 2;}
.header .search_wrap .btn_search i {font-size: 26px;color: #6f64a9;}
.header .search_wrap form {height: 100%;}
.header .search_wrap .search_input_box {position: relative;float: right;padding:0 40px 0 15px;min-width:36px;border-radius:100px;background-color: #fff;width: 100%;height: 100%;}
.header .search_wrap .search_keyword {width: 100%;background-color: transparent; border:0;height: 100%;display: block;outline:0;font-size: 14px;}
.header .search_wrap .search_tip_wrap {position: absolute;top:50px;left: 0;right: 0;display: none;}
.header .search_wrap.on .search_tip_wrap {display: block;}
.header .search_wrap .search_tip_wrap .search_tip_inner {background-color: #ffffff;border-right:1px solid #ccc;border-left: 1px solid #ccc;}
.header .search_wrap .search_tip_wrap .search_tip {font-size: 12px;color: #555555;padding:10px;letter-spacing: -1px;line-height: 160%;}
.header .search_wrap .search_tip_wrap .s_sec {margin:5px 0;font-size: 11px;letter-spacing: -1px;padding:0px 10px;}
.header .search_wrap .search_tip_wrap .s_sec_tit {text-align: center;}
.header .search_wrap .search_tip_wrap .s_sec_tit span {font-size: 13px;font-weight: bold;color: #333;text-align: center;background-color: #a6a4db;padding:2px 10px;border-radius:100px;display: inline-block;color: #ffffff;}
.header .search_wrap .search_tip_wrap .s_mean {display: inline-block;color: #555;font-size: 12px;vertical-align: middle;}
.header .search_wrap .search_tip_wrap .s_word {color: #999;border-radius:3px;margin-right: 5px;font-size: 10px;text-align: left;display: inline-block;border:1px solid #aaa;padding:0 6px;vertical-align: middle;height: 21px;line-height: 20px;}
.header .search_wrap .search_tip_wrap .s_word span {vertical-align: middle;}
.header .search_wrap .search_tip_wrap .s_word strong{color: #333333;font-weight: bold;font-size: 13px;margin-left: 5px;vertical-align: middle;}
/*
.header .header_inner {width: 100%;max-width:800px;margin:0 auto;height: 56px;position: relative;}

.header .logo_wrap {display: block;}
.header .logo { display: block;float: left;margin-left: 10px;margin-top: 14px;font-size: 0;text-indent: -9999px;width: 250px;height: 26px;background-image:url('/static/img/logo.png');background-repeat: no-repeat;background-position: 0 0;-webkit-background-size: 250px auto;background-size: 250px auto;}
.header .logo a { display: block; height: 100%;}

.header .gnb_wrap {display: block;float: left;margin-left: 20px;}
.header .gnb_wrap ul {}
.header .gnb_wrap ul li {float: left;height: 36px;line-height: 35px;margin:10px;}
.header .gnb_wrap ul li a {display: block;font-size: 18px;color: #ffffff;letter-spacing: -1px;}

.header .btn_open_search {position: absolute;top: 10px;right: 10px;display: block;width: 36px;height: 36px;text-align: center;line-height: 44px;}
.header .btn_open_search i {font-size: 26px;color: #fff;}
.header .search_wrap {padding:10px 40px 10px 10px;overflow: visible;position: absolute;background-color: #6f64a9;top: -100px;right: 0;width: 400px;display: block;}
.header .search_wrap.on {display: block;top: 0;}
.header .search_wrap .btn_close_search {position: absolute;top: 10px;right: 0;display: block;width: 36px;height: 36px;text-align: center;line-height: 44px;}
.header .search_wrap .btn_close_search i {font-size: 26px;color: #fff;}
.header .search_wrap .btn_close_search_bottom {display: block;position: relative;background-color: #fff;color: #777777;border-top: 1px solid #efefef;border-bottom: 1px solid #ccc;text-align: center;letter-spacing: -1px;font-size: 14px;padding:10px 0;text-decoration: none;margin-top: 15px;}
.header .search_wrap .btn_search {position: absolute;top: 0;right: 0;display: block;width: 36px;height: 36px;text-align: center;line-height: 44px;z-index: 2;}
.header .search_wrap .btn_search i {font-size: 26px;color: #6f64a9;}
.header .search_wrap .search_input_box {position: relative;float: right;padding:0 40px 0 15px;min-width:36px;border-radius:100px;background-color: #fff;width: 100%;height: 36px;}
.header .search_wrap .search_keyword {width: 100%;background-color: transparent; border:0;height: 100%;display: block;outline:0;font-size: 14px;}
.header .search_wrap .search_tip_wrap {position: absolute;top:56px;left: 0;right: 0;display: none;}
.header .search_wrap.on .search_tip_wrap {display: block;}
.header .search_wrap .search_tip_wrap .search_tip_inner {background-color: #ffffff;border-right:1px solid #ccc;border-left: 1px solid #ccc;}
.header .search_wrap .search_tip_wrap .search_tip {font-size: 12px;color: #555555;padding:10px;letter-spacing: -1px;line-height: 160%;}
.header .search_wrap .search_tip_wrap .s_sec {margin:5px 0;font-size: 11px;letter-spacing: -1px;padding:0px 10px;}
.header .search_wrap .search_tip_wrap .s_sec_tit {text-align: center;}
.header .search_wrap .search_tip_wrap .s_sec_tit span {font-size: 13px;font-weight: bold;color: #333;text-align: center;background-color: #a6a4db;padding:2px 10px;border-radius:100px;display: inline-block;color: #ffffff;}
.header .search_wrap .search_tip_wrap .s_mean {display: inline-block;color: #555;font-size: 12px;vertical-align: middle;}
.header .search_wrap .search_tip_wrap .s_word {color: #999;border-radius:3px;margin-right: 5px;font-size: 10px;text-align: left;display: inline-block;border:1px solid #aaa;padding:0 6px;vertical-align: middle;height: 21px;line-height: 20px;}
.header .search_wrap .search_tip_wrap .s_word span {vertical-align: middle;}
.header .search_wrap .search_tip_wrap .s_word strong{color: #333333;font-weight: bold;font-size: 13px;margin-left: 5px;vertical-align: middle;}
*/

/* Content */
.container {padding-top: 56px;}
.container_inner {margin:0 auto;max-width:800px;overflow: hidden;}
.container_inner.with_sidebar {max-width:1050px;}

.sidebar {float:left;margin-top:10px;font-size:14px;overflow:hidden;width:240px;margin-right:10px;    background-color: #ffffff; border-radius: 5px;}
.sidebar_item {border-bottom: 1px solid #ddd;}
.sidebar_item:last-child {border-bottom: 0;}
.sidebar_item a {display: block;padding: 10px;color: #333;text-decoration: none;}
.sidebar_item.on a {/*border-left:3px solid #6f64a9;*/background-color:#6f64a9;color:#fff;}

 
.content_wrap {margin-top: 10px;font-size: 14px;overflow: hidden;}
.content_inner.with_sidebar .content_wrap {float:left;}
/*
.content_header {border-bottom: 1px solid #ddd;padding:20px;}
.content_header h2 {font-size: 22px;color: #333;letter-spacing: -1px;}
.content_header .desc {font-size: 14px;color: #777;letter-spacing: -1px;text-align:justify;line-height: 130%;margin-top: 5px;}

.content_header_bottom {overflow: hidden;padding:10px;display: none;}
.content_header_bottom .btn_share {border:0px solid #dcdcdc;float: right;text-align: center;padding:3px 10px;color: #7f7f7f;border-radius:8px;font-size: 14px;}
.content_header_bottom .btn_share i {vertical-align: middle;}
.content_header_bottom .btn_share span {letter-spacing: -1px;vertical-align: middle;}
*/



/* Footer */
/*
.footer {padding:20px 0 10px 0;height:100px;}
.footer .footer_inner {max-width:800px;margin:0 auto;overflow: hidden;padding:15px 10px;height:60px;text-align:center;}
.footer .copyright {font-size: 14px;letter-spacing: -1px;text-align: center;;color: #777;}
.footer .copyright strong {color: #555555;}
.footer .contact {font-size: 14px;letter-spacing: -1px;text-align: center;;color: #777;}
*/
.footer {
	min-height: 100px;
	padding: 20px 0 10px 0;
	box-sizing: border-box;
  }
  
.footer .footer_inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 60px;
	padding: 15px 10px;
	max-width: 800px;
	margin: 0 auto;
	overflow: hidden;
  }
  .footer .copyright,
  .footer .contact {
	font-size: 14px;
	letter-spacing: -1px;
	color: #777;
	text-align: center;
  }

/* Footer Share */
.footer_share_wrap {position: relative;color: #555555;padding:20px 0;}
.footer_share_wrap .btn_wrap {text-align: center;}
.footer_share_wrap .btn_share {border:1px solid #dcdcdc; padding:5px 20px;display: inline-block;border-radius:10px;}
.footer_share_wrap .btn_share .share_kakaotalk {display: inline-block;  width: 30px;height: 30px;-webkit-background-size: 270px auto;background-size: 270px auto;vertical-align: middle;}
.footer_share_wrap .btn_share .txt {vertical-align: middle;}

/* Share layer */
.share_layer_popup {display: none; position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,0.9);z-index: 30000;color: #555555;}
.share_layer_popup .inner {background-color: #ffffff;width:90%;max-width:300px;margin:0 auto;position: relative;top:50%;margin-top: -150px;}
.share_layer_popup .share_header {height: 40px;line-height: 40px;position: relative;}
.share_layer_popup .share_header .btn_close_share_popup {position: absolute;right: 10px;color: #333333;font-size: 24px;}
.share_layer_popup .share_header .tit {font-size: 16px;text-align: center;display: block;}
.share_layer_popup .share_header .tit {font-size: 16px;text-align: center;display: block;}
.share_layer_popup .share_body {}
.share_layer_popup .share_body .sns_share_list {overflow: hidden;}
.share_layer_popup .share_body .sns_share_list li {float: left;width: 33.3%;margin:15px 0;}
.share_layer_popup .share_body .sns_share_list li a {}
.share_layer_popup .share_body .sns_share_list li a .share_tit {display: block;font-size: 12px;letter-spacing: -1px;text-align: center;}
.share_layer_popup .share_body .url_share_wrap {overflow: hidden;}
.share_layer_popup .share_body .url_share_wrap p {text-align: center;font-size: 14px;}
.share_layer_popup .share_body .url_share_wrap .link_wrap {margin:10px;position: relative;padding-right: 80px;overflow: hidden;}
.share_layer_popup .share_body .url_share_wrap .share_url_urlcopy {display: block;color: #2656c3;height: 30px;line-height: 30px;border:1px solid #dedede;background-color: #efefef;width: 100%;overflow: hidden;white-space:nowrap;}
.share_layer_popup .share_body .url_share_wrap .share_url_btn {display: block;height: 30px;line-height: 30px;width: 80px;position: absolute;top: 0;right: 0;border:1px solid #dedede;border-left: 0;text-align: center;}




/* ion slider */
.irs--flat {
	height: 40px;
}
.irs--flat.irs-with-grid {
	height: 60px;
}
.irs--flat .irs-line {
	top: 25px;
	height: 12px;
	background-color: #e1e4e9;
	border-radius: 4px;
}
.irs--flat .irs-bar {
	top: 25px;
	height: 12px;
	background-color: #6f64a9;
}
.irs--flat .irs-bar--single {
	border-radius: 4px 0 0 4px;
}
.irs--flat .irs-shadow {
	height: 1px;
	bottom: 16px;
	background-color: #e1e4e9;
}
.irs--flat .irs-handle {
	top: 22px;
	width: 16px;
	height: 18px;
	background-color: transparent;
}
.irs--flat .irs-handle > i:first-child {
	position: absolute;
	display: block;
	top: 0;
	left: 50%;
	width: 2px;
	height: 100%;
	margin-left: -1px;
	background-color: #5e5492;
}
.irs--flat .irs-handle.state_hover > i:first-child,
.irs--flat .irs-handle:hover > i:first-child {
	background-color: #4d4579;
}
.irs--flat .irs-min,
.irs--flat .irs-max {
	top: 0;
	padding: 1px 3px;
	color: #999;
	font-size: 14px;
	line-height: 1.333;
	text-shadow: none;
	background-color: #e1e4e9;
	border-radius: 4px;
}
.irs--flat .irs-from,
.irs--flat .irs-to,
.irs--flat .irs-single {
	color: white;
	font-size: 14px;
	line-height: 1.333;
	text-shadow: none;
	padding: 1px 5px;
	background-color: #6f64a9;
	border-radius: 4px;
}
.irs--flat .irs-from:before,
.irs--flat .irs-to:before,
.irs--flat .irs-single:before {
	position: absolute;
	display: block;
	content: "";
	bottom: -6px;
	left: 50%;
	width: 0;
	height: 0;
	margin-left: -3px;
	overflow: hidden;
	border: 3px solid transparent;
	border-top-color: #6f64a9;
}
.irs--flat .irs-grid-pol {
	background-color: #e1e4e9;
}
.irs--flat .irs-grid-text {
	font-size: 14px;
	color: #999;
}


.irs--round {
	height: 50px;
}
.irs--round.irs-with-grid {
	height: 65px;
}
.irs--round .irs-line {
	top: 36px;
	height: 4px;
	background-color: #dee4ec;
	border-radius: 4px;
}
.irs--round .irs-bar {
	top: 36px;
	height: 4px;
	background-color: #6f64a9;
}
.irs--round .irs-bar--single {
	border-radius: 4px 0 0 4px;
}
.irs--round .irs-shadow {
	height: 4px;
	bottom: 21px;
	background-color: rgba(222, 228, 236, 0.5);
}
.irs--round .irs-handle {
	top: 26px;
	width: 24px;
	height: 24px;
	border: 4px solid #6f64a9;
	background-color: white;
	border-radius: 24px;
	box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3);
}
.irs--round .irs-handle.state_hover,
.irs--round .irs-handle:hover {
	background-color: #f0f6ff;
}
.irs--round .irs-min,
.irs--round .irs-max {
	color: #333;
	font-size: 14px;
	line-height: 1;
	top: 0;
	padding: 3px 5px;
	background-color: rgba(0, 0, 0, 0.1);
	border-radius: 4px;
}
.irs--round .irs-from,
.irs--round .irs-to,
.irs--round .irs-single {
	font-size: 14px;
	line-height: 1;
	text-shadow: none;
	padding: 3px 5px;
	background-color: #6f64a9;
	color: white;
	border-radius: 4px;
}
.irs--round .irs-from:before,
.irs--round .irs-to:before,
.irs--round .irs-single:before {
	position: absolute;
	display: block;
	content: "";
	bottom: -6px;
	left: 50%;
	width: 0;
	height: 0;
	margin-left: -3px;
	overflow: hidden;
	border: 3px solid transparent;
	border-top-color: #6f64a9;
}
.irs--round .irs-grid {
	height: 25px;
}
.irs--round .irs-grid-pol {
	background-color: #dedede;
}
.irs--round .irs-grid-text {
	color: silver;
	font-size: 13px;
}





@media screen and (max-width: 1000px) {

}

@media screen and (min-width: 768px) and (max-width: 1048px) { /* Low resolution desktop */

}


@media screen and (max-width: 768px) { /* Mobile + Tablet */
	/*
	.header .gnb_wrap {margin-left: 20px;}
	.header .gnb_wrap ul li {margin:0 8px;}
	.header .gnb_wrap ul li a {font-size: 14px;}
	
	.header .search_wrap {width: 100%;left: 0;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
	*/

	.container_inner.with_sidebar {max-width:800px;}
	.content_inner.with_sidebar .content_wrap {float:none;}

	.sidebar {/*display:none;*/ float:none; width:100%;background-color:transparent;border:0;}
	.sidebar .sidebar_list {padding:10px;display:flex;grid-gap:10px;flex-wrap:wrap;}
	.sidebar .sidebar_item {display:inline-block;border-radius:5px;overflow:hidden;background-color:#fff;}
	.sidebar .sidebar_item a {padding:5px 10px;}
@media screen and (max-width: 500px) {

}

@media screen and (max-width: 375px) { /* Mobile */

}

@media screen and (max-width: 320px) { /* Mobile */

}