@charset "utf-8";

	#header {font-family:'nt-L';border-bottom:1px solid #ddd;min-width:1160px}
	a{color:#4e4e4e}

	/* top banner line */
	#head_banner{position:relative;width:100%; height:94px; overflow:hidden; }
	#head_banner_section {position:relative;width:1160px;}
	#head_banner_hide_btn {position:absolute;top:0px;right:2px;width:36px;height:32px;background-image:url('../img/head_banner_btn.png');background-repeat: no-repeat;}
	
	/* login line */
	#head_top {width:100%;height:45px;border-bottom:1px #f1f1f1 solid;}
	#head_top_menu {height:45px;width:1240px;margin:0 auto;}
	#head_top_menu_left{float:left;height: 45px;line-height: 45px;}
	#head_top_menu_right{float:right;line-height:45px;position: relative;display: inline-block;margin: 0 0 0 14px;height: 45px;line-height: 45px;color: #333;font-size: 13px;cursor: pointer;}
	.head_top_btn{position: relative;display: inline-block;margin: 0 0 0 10px;height: 45px;line-height: 45px;color: #333;font-size: 13px;cursor: pointer;}
	.head_top_btn_line:after{content:''; display:inline-block; width:1px; height:9px; margin:0px 0px 0px 14px; background:gray; vertical-align:middle;}

	/* logo line */
	#head_mid {width:100%; height:106px; border-bottom:1px solid #ddd;}
	#head_mid_area {height:106px;width:1240px;margin:0 auto;}
	#head_mid_area > div {float:left;height:106px;line-height:106px;}
	#head_logo {width:190px;}
	#head_logo img {display:inherit;width:100%;vertical-align:middle;}
	.head_empty {width:19px;}

	/* search */
	#head_search {position:relative;width:490px;}
	.head_search_input {width:460px;vertical-align:middle;height:36px;border:none;background-color:#f3f3f3;border-radius:30px;padding:5px 15px;}
	#head_search_btn {position:absolute; right:10px;top:30px;vertical-align:middle;}

	/* quick word */
	.head_quick_word {width:111px;}
	.head_quick_word a {font-family:'dotum';font-size:11px;color:#808080;}

	/* logo line right small banner */
	#head_s_banner {width:220px;}

	/* gnb ment */
	#head_gnb {position:relative;width:1240px;margin:0 auto;display:flex;height:56px;}
	#head_gnb_menu {width:100%;display:flex; justify-content:space-evenly;line-height:56px;}
	.headM_Depth1 > a {color:#2a2a2a;font-size:15px;}
	
	/* all category */
	#head_category {display:inline-block;width:64px;background-color:#f9f9f9;text-align:center; }
	#head_cate_area { display:inline-block; font-size:16px;width:100%;}
	#head_cate_area > a{display: inline-block;width:100%;height:100%;}
	.head_cate_btn { display:inline-block; width:100%; color:#2a2a2a;width:100%;height:56px;display:flex;align-items:center;justify-content:center;line-height:16px;}
	.head_cate_btn span {display: inline-block;transition: all .2s;box-sizing: border-box; }
	.head_cate_btn {position: relative;}
	.head_cate_btn span {position: absolute;left: 0;width: 100%;height: 2px;background-color: #000;}
	.head_cate_btn span:nth-of-type(1) {top: 0;}
	.head_cate_btn span:nth-of-type(2) {top: 5px;}
	.head_cate_btn span:nth-of-type(3) {bottom: 0;}
	.head_cate_btn.head_cate_btn_active span:nth-of-type(1) {-webkit-transform: translateY (5px) rotate (-45deg);transform: translateY(5px) rotate(-45deg);}
	.head_cate_btn.head_cate_btn_active span:nth-of-type(2) {opacity: 0;}
	.head_cate_btn.head_cate_btn_active span:nth-of-type(3) {-webkit-transform: translateY(-5px) rotate(45deg);transform: translateY(-5px) rotate(45deg);}

	/* realtime rank */
	#head_realtime {width:239px;line-height:56px;text-align:center;border:1px solid #ddd; border-top:none; border-bottom:none;background-color:#fafafa;position:relative}

	/* head right banner */
	.head_right_banner_container{top:10px;margin-left: auto;margin-right: auto;position: relative;overflow: hidden;list-style: none;padding: 0;z-index: 1;}

	/* header mini */
	#header_mini {position:fixed;display:none;top:0px;z-index:20;height:56px;width:100%;background-color:white;box-shadow: 0px 0px 5px 2px #bbb}
	.head_mini_area {position:relative;display:table;table-layout:fixed;height:100%;}
	.head_mini_category {position:relative;width:64px;line-height:56px;vertical-align:middle;text-align:center;background-color: #f9f9f9;cursor:pointer;}
	.head_mini_logo {position:relative;display:table-cell;width:230px;height:56px;vertical-align:middle;text-align:center;padding-left:15px;}
	.head_mini_search {position:relative;display:table-cell;width:470px;height:56px;vertical-align:middle;text-align:center;}
	.head_mini_search_input {width: 430px;vertical-align: middle;height: 28px;border: none;background-color: #f3f3f3;border-radius: 10px;padding: 5px 15px;}
	.head_mini_search_btn {position: absolute;right: 15px;top: 5px;vertical-align: middle;}
	.head_mini_etc {position:relative;display:table-cell;width:360px;height:56px;vertical-align:middle;text-align:center;padding-left:21px;}
	.head_mini_realtime {display:table-cell;width: 239px;line-height: 56px;text-align: center;border: 1px solid #ddd;border-top: none;border-bottom: none;background-color: #fafafa;font-family:'nt-L';position:relative}
	.head_mini_etc_mypage {display:table-cell;width:60px;height: 56px;text-align: center;vertical-align:middle;cursor:pointer;}

	/* head_category */
	#head_ctg {display:none;position:absolute;width:1158px;z-index:30;background-color:white;border:1px solid #363636;}
	#head_ctg_container {position:relative;min-height:500px;}
	.head_ctg_top { padding:32px 21px; }
	.head_ctg_close_btn {background-image:url('../img/head_close_btn.png');background-repeat: no-repeat;position:relative;float:right;width:20px;height:20px;cursor:pointer}
	.head_ctg_title {position:relative;width:150px;height:38px;line-height:38px;background-color:#85858c;color:white;font-family:'nt-R';font-size:14px;}

	.head_ctg_menu_line {display:flex;justify-content: space-around;height:47px;color:#2a2a2a;font-family:'nt-R';font-size:13px;border-bottom : 1px solid #d5d5d5}
	.head_ctg_menu_a {color: black;text-decoration: none;position: relative;padding:1px}
	.head_ctg_menu_a:before, .head_ctg_menu_a:after {content: '';border-bottom: solid 2px black;position: absolute;bottom: 0;width: 0;-webkit-transition: all 0.1s ease;transition: all 0.1s ease;}
	.head_ctg_menu_a:before { left: 0; }
	.head_ctg_menu_a:after { right: 0; }
	.head_ctg_menu_act:before, .head_ctg_menu_act:after {width:50%;border-bottom: solid 2px #f5232a;}
	.head_ctg_menu_act {color:#f5232a !important;}

	.head_ctg_menu2_a {color: black;text-decoration: none;position: relative;padding:1px;font-size:13px;}
	.head_ctg_menu2_a:before, .head_ctg_menu2_a:after {content: '＞';position: absolute;right: 0;width: 0; opacity: 0;}
	.head_ctg_menu2_a:before, .head_ctg_menu2_a:after {-webkit-transition: all 0.1s ease;transition: all 0.1s ease;}
	.head_ctg_menu2_act:before, .head_ctg_menu2_act:after {opacity: 1;}
	.head_ctg_menu2_act {color:#f5232a !important;font-weight:bold;}

	.vertical_line {display:table-cell;width:1px;height:100%;border-right:1px solid #d9d9d9;box-sizing:border-box;}

	.head_ctg_menu_bottom {position:relative;display:table;width:1100px;padding:30px;min-height:350px;height:100%;}
	.head_ctg_menu_line2 {display:none; width:250px !important; padding:0px 0px 32px 50px;text-align:left;}
	.head_ctg_menu_line3 {display:none; width:441px; padding:0px 0px 32px 50px;text-align:left;}
	#head_ctg_menu_line3_empty {display:none; width:441px; padding:0px 0px 32px 50px;text-align:left;}
	.head_ctg_menu3_a { font-size:13px; }

	.head_ctg_menu_banner {display:table-cell;width:300px;height:450px;position:relative}

    .head_ctg_forced_link{color: #000000;text-decoration: none;padding: 1px;font-size: 13px;}
    .head_ctg_forced_link:hover{color:#f5232a !important;font-weight:bold;font-size: 13px;}

	/*head_mini_realtime*/
	.header_realtime_wrap{display:table;font-size:13px;padding:0;position:relative;width:240px;height:55px;overflow:hidden}
	.header_realtime_wrap > div{display:table-cell;vertical-align:middle}
	.rt_rank_div{position:absolute;top:0;left:0;width:240px;text-align:left;box-sizing:border-box}
	.rank_list{font-size:14px;cursor:pointer;height:55px;line-height:55px;padding:0 15px;font-family:'nt-L';position:relative}
	.head_realtime_list{display:table;position:absolute;top:0;left:0;width:100%}
	.ranking_num_style{font-weight:bold;font-size:15px;float:left;width:23px;font-family:'GF-B';clear:both;position:absolute;top:2px;color:#3478e8}
	.ranking_str_style{float:right;width:187px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

	.head_rnk_list_wrap{width:241px;box-sizing:border-box;border:1px solid #dddddd;position:absolute;top:55px;left:-1px;background-color:#fff;z-index:20;padding:15px;display:none}
	.rnk_list_head{display:table;height:auto;line-height:30px;width:100%;margin-bottom:30px} .rnk_list_head > div{display:table-cell;vertical-align:middle}
	.rnk_head_menu{border:1px solid #aeaeae;box-sizing:border-box;width:90px;float:left;padding:5px 0;background-color:#f4f4f4;color:#979797;cursor:pointer}
	.rnk_head_menu_act{border-bottom:1px solid #fff;color:#2a2a2a;background-color:#fff}
	.rnk_head_menu:first-child{border-right:none}
	.rnk_head_menu{line-height:20px}

	.rank_look_float{line-height:20px;padding:0 5px}
	.rank_list_num_style{font-size:14px;font-family:'nt-M';float:left;width:25px;text-align:left;color:#3478e8}
	.head_rank_look_list{font-size:13px;cursor:pointer;box-sizing:border-box;min-height:30px;display:none;color:#2a2a2a;height:auto}
	.head_rank_look_list:hover .ranking_list_str{text-decoration:underline}
	.ranking_list_str{float:left;max-width:165px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
	.head_rank_list_X{cursor:pointer}

	input:-webkit-autofill {transition: background-color 5000s ease-in-out 0s;-webkit-transition: background-color 9999s ease-out;-webkit-box-shadow: 0 0 0px 1000px transparent inset !important;-webkit-text-fill-color: #000 !important}
	input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { /* WebKit browsers */ color:transparent;} 
	input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:transparent; } 
	input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */ color:transparent; } 
	input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { /* Internet Explorer 10+ */ color:transparent; }