@charset "utf-8";

/***********************
	HEADER
***********************/
.header {width:100%;background:#fff;height:47px;border-bottom:1px solid #d3d3d3;}
.top_wrap {width:1000px;margin:0 auto !important;}
.top_left {display:inline-block;float:left;}
.top_left li.menu {display:inline-block;float:left;padding-right:13px;margin-top:15px;height:32px;}
.top_left li.menu:before {content:'';border-left:1px solid #ccc;width:1px;height:13px;padding-left:10px;display:inline-block;vertical-align:-2px;}
.top_left li.menu:first-child:before {border-left:none !important;}
.top_left li.menu a img {vertical-align:0px;}
.top_left li.menu.on {font-weight:bold;}
.top_left li.menu:last-child{background:none;padding-right:0;}
.top_left li.menu:first-child{padding-left:0;}

.top_left .submenu {margin-top:10px;margin-left:-10px;padding:10px 15px;background:#fff;border-radius:5px;border:1px solid #f36f21;
	display:none;position:absolute;z-index:100;}
.top_left .submenu:before {content:'';position:absolute;top:-5px;left:35%;width:9px;height:5px;background:url(../images/new_img/common/arr_gnb.png) no-repeat;}
.top_left .submenu li  {list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);}
.top_left .submenu li a {line-height:25px;padding-right:10px;font-size:13px;font-weight:normal;color:#666;display:block;}
.top_left .submenu li a:hover{color:#f36f21;}

.top_link {display:inline-block;padding-top:14px;}
.top_link li {position:relative;display:inline-block;font-size:14px;color:#666;padding-left:15px;margin-left:13px;padding-top:0;}
.top_link li:before {position:absolute;content:'';top:1px;left:0;border-left:1px solid #ccc;width:1px;height:13px;}
.top_link li:first-child:before {border-left:none !important;}
.top_link li .log {background:url('../images/new_img/main/icon_top_log.png') no-repeat left 1px;padding-left:16px;}
.top_link li .join {background:url('../images/new_img/main/icon_top_join.png') no-repeat left 1px;padding-left:17px;}
.top_link li .logout {background:url('../images/new_img/main/icon_top_logout.png') no-repeat left 1px;padding-left:19px;}
.top_link li .name strong {color:#111;}

/***********************
	BANNER
***********************/

.banner {
	width: 100%;
	background-color: #fff;
	border-bottom: 1px solid #f2f2f2;
}
.banner .banner_all_wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 1000px;
	margin: 0 auto;
	padding: 12px 0;
	position: relative;
}
.banner_title {
	display: flex;
}
.banner_title p {
	font-size: 1.25rem;
	line-height: 1.625rem;
	margin-left:38px;
}
.banner_title .title_mob {
	display: none;
}
.banner_title .line {
	display: inline-block;
	margin-top: 10px;
	margin-left: 8px;
	width: 24px;
	height: 2px;
	background-color: #888;
}
.banner_title .title_img_01 {
	background: url(/images/modern/banner_img/banner_title_img-01.svg) no-repeat;
	background-size: contain;
	width: 13.83px;
	height: 15.83px;
	position: absolute;
	top: 22px;
	left: 255px;
}
.banner_title .title_img_02 {
	background: url(/images/modern/banner_img/banner_title_img-02.svg) no-repeat;
	background-size: contain;
	width: 46px;
	height: 27px;
	position: absolute;
	top: 22px;
	left: 0;
}

.shortcut {
	display: flex;
	height: 50px;
}
.shortcut > div {
	height: 100%;
	padding: 0 24px;
	border-radius: 5px;
	border: 1px solid;
}
.shortcut > div > a {
	display: flex;
	width: 100%;
	height:100%;
	align-items: center;
	justify-content: center;
}

.shortcut .shortcut_01 {
	background-color: #F8F8F0;
	margin-right: 8px;
	border-color: #BFBFAA;
}
.shortcut .shortcut_01 div {
	background:url(/images/2020_img/banner/banner-shortcut-pyojun.svg) no-repeat;
	background-size: contain;
	width: 139px;
	height: 33px;
}

.shortcut .shortcut_02 {
	background-color: #F4F6F8;
	border-color: #A6C3B5;
}
.shortcut .shortcut_02 div {
	background: url(/images/modern/banner_img/banner-shortcut-geunhyeondae.svg) no-repeat;
	background-size: contain;
	width: 104px;
	height: 16px;
}


/***********************
	SEARCH
***********************/
#search_area {position:relative;z-index:99;position:absolute;}
#search_box {position:relative;float:left;width:500px;height:45px;border:3px solid #f36f21;border-radius:50px;box-sizing:border-box;padding-left:15px;}
#search_box .search_form {float:left;width:400px;height:17px;margin-top:7px;background:#fff;text-align:left;}
#search_box .search_form .search_input {width:375px;font-weight:bold;height:23px;background:#fff;border:none;font-size:16px;color:#111; vertical-align:middle;padding:0;}
#search_area .search_btn {position:absolute;right:0px;top:0px;color:#fff; font-size:18px;width:60px;height:45px;background:url('../images/new_img/main/icon_search.png') no-repeat center 12px;}
#search_area .btn_detail {position:absolute;font-size:15px;color:#111;line-height:23px;margin-left:25px;font-weight:bold;right:-125px;top:11px;background:red;background:url('../images/new_img/main/icon_search_arr.png') no-repeat right center;
	padding-right:30px;}
#search_area .btn_oldhan {position:absolute;right:55px;top:7px;font-size:13px;background:#aaa;color:#fff;padding:5px 8px;border-radius:3px;}

#search_box .search_auto_box {float:left;margin-left:10px;margin-top:45px}
#search_box .search_auto_box .auto_list {display:none;position:absolute;width:500px;left:-3px;border-radius:10px;background:#fff;box-sizing:border-box;border:1px solid #f36f21;padding:10px 15px;z-index:1001;}
#search_box .search_auto_box .auto_list ul {margin-bottom:2px;}
#search_box .search_auto_box .auto_list ul li {line-height:25px;cursor:pointer;color:#666;}
#search_box .search_auto_box .auto_list ul li span {font-weight:bold;color:#f36f21;}
#search_box .search_auto_box .auto_list ul li:hover {font-weight:bold;color:#f36f21;}



/***********************
	MAIN
***********************/
/*main titile*/
.search_inner {width:500px; margin:0 auto;height:205px;margin-top:115px;margin-bottom:135px;text-align:center;}
.slogan {font-size:20px;margin-top:20px;font-weight:normal;color:#111;}

/* content */
.content {width:100%;}
.content_bg {background:#f5f5f5;}
.content_inner{width:1000px;margin:0px auto;padding:40px 0;}
.content_two {float:left;width:480px;margin-left:40px;}
.content_two:first-child {margin-left:0;}

.content_inner .tit {font-size:20px;font-weight:bold;color:#111;}
.content_inner .tit.stit {font-size:16px !important;}
.content_inner .tit.stit a.m_more {margin-top:3px;}
.content_inner a.m_more{display:inline-block;float:right;font-size:13px;font-weight:normal;color:#999;background:url('../images/new_img/main/btn_more.png') no-repeat left 3px;margin-top:6px;padding-left:12px;}
a.m_write {float:right;font-size:13px !important;color:#fff !important;background:#f36f21 url('../images/new_img/main/btn_write.png') no-repeat 7px 4px;padding:2px 10px 2px 20px;vertical-align:3px;border-radius:20px;
	text-decoration:none !important;font-weight:normal !important;}

.word_box_wrap {position:relative;width:100%;}
.word_box {width:920px;margin:0 auto;display:table;}
.word_list .none {position:relative;background:url('../images/new_img/main/bg_img.png') 0 0 no-repeat;padding-left:90px;line-height:1.6;color:#999;margin-top:24px;height:80px;}
.word_list .none.bgnone {background:none;} 
.word_list .none span {color:#333;display:block;}
.word_list .slide_left {width:440px !important;height:135px;}
.word_list .slide_right {width:480px !important;height:135px;}
.word_list .slide_left dd.cont,
.word_list .slide_right dd.cont {height:46px;}
.word_list dl {display:table-cell;padding-left:40px;}
.word_list dl:first-child {padding-left:0;}
.word_list dt {display:block;width:100%;vertical-align:top;}
.word_list dt .tit {font-size:19px;color:#f36f21;font-weight:bold;}
.word_list dt a {font-size:19px;color:#f36f21;text-decoration:underline;font-weight:bold;}
.word_list dd {font-size:15px;color:#666;line-height:23px;margin-top:10px;}
.word_list dd.notxt {display:block;width:480px;height:23px;}
.word_list .name {margin-top:5px !important;}
.word_list .name a {text-align:right;font-size:14px;color:#999;display:block;}
.word_list.type1 {height:88px;text-align:center;}
.word_list.type1 .write_noimg {display:inline-block;background:url('../images/main/icon_noimg.png') no-repeat center top;padding-top:54px;margin-top:10px;color:#999;font-size:14px;}
.word_list.type2 {height:88px;text-align:left;padding:0 10px;}
.word_list.type2 .write_noimg {height:88px;display:inline-block;background:url('../images/main/icon_img.png') no-repeat left 5px;padding:5px 0 0 85px;color:#999;font-size:14px;box-sizing:border-box;
	line-height:23px;font-size:14px;color:#999;}

.word_box_wrap .prev {position:absolute;left:0;top:44px;width:16px;height:19px;background:url('../images/new_img/main/btn_prev.png') no-repeat center;}
.word_box_wrap .prev.none,
.word_box_wrap .next.none {opacity: 0.5;}
.word_box_wrap .next {position:absolute;right:0;top:44px;width:16px;height:19px;background:url('../images/new_img/main/btn_next.png') no-repeat center;}

.ranking_wrap {border-top:1px solid #ccc;}
.ranking_wrap .section {float:left;width:313px;margin-left:30px;}
.ranking_wrap .section:first-child {margin-left:0;}
.ranking_wrap .medal_box {position:relative;width:100%;display:block;border:1px solid #ccc;padding:12px 20px;box-sizing:border-box;cursor:pointer;}
.ranking_wrap .medal_box:after {position:absolute;content:'';right:18px;top:20px;width:11px;height:6px;background:url('../images/new_img/main/btn_down_arr.png') no-repeat right top;}
.ranking_wrap .medal_box .medal_tit {font-size:15px;font-weight:bold;color:#111;}
.ranking_wrap .md {display:inline-block;width:17px;height:21px;text-align:center;line-height:27px;font-size:10px;font-weight:bold;color:#111;margin-right:8px;}
.ranking_wrap .md.gold {background:url('../images/new_img/main/medal_gold.png') no-repeat left center;}
.ranking_wrap .md.silver {background:url('../images/new_img/main/medal_silver.png') no-repeat left center;}
.ranking_wrap .md.bronze {background:url('../images/new_img/main/medal_bronze.png') no-repeat left center;}
.ranking_wrap .md.medal {background:url('../images/new_img/main/medal.png') no-repeat left center;}
.medal_tooltip {display:none;position:absolute;left:-1px;top:-1px;width:313px;border:1px solid #ccc;background:#fff;padding:0px 20px 15px;z-index:10;box-sizing:border-box;}
.medal_tooltip ul li {float:left;width:50%;margin-top:15px;font-size:14px;color:#111;font-weight:bold;}

/* btn_top */
.btn_top {display:none;position:fixed;right:30px;bottom:50px;width:50px;height:50px;background:#f36f21 url('../images/new_img/common/btn_up_arr.png') center 11px no-repeat;z-index:100;border:1px solid #f36f21;border-radius:50px;}
.btn_top span {position:absolute;top:23px;left:0;width:100%;font-family:'Nanum Barun Gothic';text-align:center;color:#fff;}



/***********************
	FOOTER
***********************/
#footer{clear:both;border-top:1px solid #ccc;}
.footer_wrap {width:1000px !important;margin:0 auto;height:67px;}
.footer_wrap.sub {height:90px;}
.foot_menu{display:block;float:left;width:810px;margin-top:21px;}
.foot_menu .logo {float:left;margin-right:30px;}
/*2022_07_18 lks 수정*/
.foot_menu a{text-decoration:none;color:#666666;}
.foot_menu .ft_em_policy{color:#000000;font-size: 15px;}
.em_policy{font-size:14px;font-weight:bold;text-decoration:underline;}
/*2022_07_18 lks 수정*/
.foot_menu ul {display:inline-block;margin-top:13px;}
.foot_menu li {position:relative;display:inline-block;float:left;vertical-align:bottom;margin-left:15px;padding-left:15px;font-size:14px;}
.foot_menu li:before {position:absolute;content:'';top:1px;left:0;width:1px;height:13px;background:#ccc;}
.foot_menu li:first-child {background:none;margin-left:0 !important;padding-left:0 !important;}
.foot_menu li:first-child:before {background:none;}
.family {margin-top:25px;}
.family select {height:30px;}
.copyright{clear:both; font-size:11px; font-family:dotum; color:#5e5e5e; padding-top:10px; line-height:20px;}
.copyright img{float:left; display:inline-block; width:95px; height:21px; margin-right:8px; margin-top:5px;}
.copyright p{float:left; display:inline-block; }
.goBtn {display:inline-block;padding:4px 7px;color:#fff;background:#666;font-size:13px;border-radius:3px;}