@charset "utf-8";

@media all and (max-width:1480px){
/* common */
.al_box {max-width:96%; padding:0 2%;}	
.floating_top {right:2% !important;}

/* header */
.live_keyword {right:2%;}
.tab_link ul li a {padding:10px 20px;}	

/* container */
#container {max-width:96%; padding:0 2%;}
.search_sec .relation_list ul {padding:25px 3%;}
.search_sec .relation_list ul li a {padding:100px 0 0 0; min-height:10px; margin:0 auto; text-align:center; width:auto; max-width:90%;}
.search_sec .relation_list ul li a span.sumnail {left:50%; margin-left:-45px;}
.search_sec .type04 li a figcaption p.title {padding:20px 10% 0 10%;}
.search_sec .type04 li a figcaption p.date {left:10%; width:80%;}

/* aside */
#aside {right:2%;}
}


@media all and (max-width:1280px){
.search_range {position:relative; right:auto; top:auto; margin-bottom:20px;}
.search_sec .type04 li {width:24.25%; margin-left:1%;}
.search_sec .type04 li + li + li + li + li {margin-left:0; margin-top:10px;}
.search_sec .type04 li + li + li + li + li + li {margin-left:1%;}
.search_sec .type04 li + li + li + li + li + li + li {margin-left:1%;}
.search_sec .type04 li + li + li + li + li + li + li + li + li {margin-left:0;}
.search_sec .type04 li + li + li + li + li + li + li + li + li + li {margin-left:1%;}
.search_sec .type04 li + li + li + li + li + li + li + li + li + li + li + li + li {margin-left:0;}
.search_sec .type04 li + li + li + li + li + li + li + li + li + li + li + li + li + li {margin-left:1%;}
.search_sec .type04 li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li {margin-left:0 ;}
.search_sec .type04 li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li {margin-left:1%;}
}


@media all and (min-width:1271px){	
/* aside */
#aside .tab_box {display:block !important;}	
}


@media all and (max-width:1270px){
/* common */
.al_box {max-width:92%; padding:0 4%;}
.floating_top {right:4% !important;}	
	
/* header */
.search_box .input_box {width:230px;}	
.search_box .detail_btn {margin:12px 10px 0 10px;}
.nav_box {height:auto;}
.live_keyword {display:none;}
			
/* container */
#container {margin-top:25px; max-width:92%; padding:0 4%;}
#contents {padding:55px 0 0 0; min-height:10px;}
.data_no {padding:165px 0 80px 0; background-position:center 50px;}
.error {padding:165px 0 80px 0; background-position:center 50px;}
.search_range {margin-top:10px;}
.result_counter {margin:0 0 15px 0;} 

/* aside */
#aside {width:92%; top:0 !important; padding:0; border:0; z-index:10; right:4%;}
#aside .mob_tab {display:block; width:33.33%; position:absolute; top:0; text-align:center; background:#fff; padding:8px 0; height:38px; border-left:1px solid #dcdcdc; box-sizing:border-box;
-webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
#aside .mob_tab.active {background:#aaa; color:#fff;}
#aside .mob_tab.btn1 {left:0; border-left:0;}
#aside .mob_tab.btn2 {left:33.33%;}
#aside .mob_tab.btn3 {left:66.66%; width:33.34%;}
#aside .tab_box {background:#e6e6e6; margin:38px 0 0 0; padding:15px 4% 20px 4%; display:none; position:relative;}
#aside .tab_box .del_btn {position:absolute; right:3%; top:12px; width:30px; height:30px; display:block; text-indent:-9999px; background:url(../images/common/live_keyword_upbtn.gif) no-repeat center 50%;}
#keyword_popular, #my_keyword {margin:0;}
}


@media all and (max-width:1053px){
.tab_link ul {margin-bottom:-1px;}
.tab_link ul li {margin-right:10px;}
.tab_link ul li a {font-size:1.071em; padding:8px 10px 8px 10px;
-webkit-transition: all 0s ease; -moz-transition: all 0s ease; -ms-transition: all 0s ease; -o-transition: all 0s ease; transition: all 0s ease;}
.tab_link ul li a.active, .tab_link ul li a:hover, .tab_link ul li a:active {border-bottom:2px solid #ff5152; padding:8px 10px 6px 10px;}
.bt_line {display:none !important;}
}

@media all and (max-width:900px){
    #cal_layer .wrap .cal_box{ width: 100%; float: none; padding: 0 4%; box-sizing: border-box;}
    #cal_layer .wrap .cal_box:first-child{padding: 0 4%; margin-bottom: 30px; }
}


@media all and (max-width:840px){
/* common */	
#wrap {padding-bottom:0 !important;}	
	
/* header */
.logo {display:block; width:165px; margin:10px auto 15px;}
.search_box {padding:5px 0 0 0;}
.search_box .global {padding:0;}
#header.fixed {position:relative; top:auto !important;}
#header.fixed .nav_box {background:#fff;}
#header.fixed .tab_link ul li a {color:#444;}
#header.fixed .tab_link ul li a.active, #header.fixed .tab_link ul li a:hover, #header.fixed .tab_link ul li a:active {color:#fe504f;}
#header.fixed .bt_line {background:#ff5152;}
/*.search_box .detail_btn {display:none;}	
.search_box .result_check {display:none;}
#detail_search {display:none !important;}*/
.search_box .input_box {padding:5px 50px 5px 180px;}
.search_box .input_box span.select {left:15px;}
.search_box .input_box input[type="submit"] {right:5px;}


.search_box .global{ margin-bottom: 20px;}
#detail_search{ padding:0 25px 30px ;}
#detail_search ul li {width:100%; margin-right:0; margin-top:10px;}
#detail_search ul li div {position:relative; padding:0 0 0 140px;}
#detail_search ul li.ft_r{ position: static; margin-left: 0;}
#detail_search ul li.ft_r div{ padding: 0 0 0 140px;}
#detail_search ul li.ft_r div span.title{ width: 140px;}
#detail_search ul li.ft_r.type1 div span.input label{ }
#detail_search ul li div span.input span.cal_sc input[type="text"]{ }



.search_range {text-align:left; margin-top:0;}
.search_range dt {margin-left:0; display:block;}
.search_range dd {display:block; margin-bottom:10px;}
.search_range dd a {min-width:20%; padding:2px 0; font-size:0.929em;} 

/* container */
#container {top:auto !important;}
.search_sec .relation_summery {padding:0 0 0 300px; min-height:214px; margin:0 0 30px 0;}
.search_sec .relation_summery .photo {width:270px; height:214px;}

/* footer */
#footer {top:0 !important;}
}


@media all and (max-width:640px){
/* container */
.data_no {font-size:1.571em;}
.data_no span {margin-top:5px;}
.error {font-size:1.571em;}
.error span {margin-top:20px;}
.error span a {font-size:0.619em;}
.result_counter {font-size:1.286em;}
h2.category {font-size:1.643em; margin:0 0 15px 0;}
h2.category span {font-size:0.609em; padding:2px 8px 0 8px; margin:7px 0 0 10px;}
.search_sec .relation_summery {padding:0; min-height:10px;}
.search_sec .relation_summery h2 {font-size:1.643em; margin:0 0 10px 0;}
.search_sec .relation_summery .photo {position:relative; left:auto; top:auto; width:100%; height:auto; max-width:360px; margin:0 auto 20px auto;}
.search_sec .relation_list ul {padding:20px 5% 0 5%;}
.search_sec .relation_list ul li {width:50%; margin-bottom:20px;}
.search_sec .relation_list ul li a {font-size:1em;}
.search_sec .type01 {padding:15px 0 0 0;}
.search_sec .type03 li {width:49%; margin-left:2%;} 
.search_sec .type03 li + li + li {margin-left:0; margin-top:10px;}
.search_sec .type03 li + li + li + li {margin-left:2%;}
.search_sec .type03 li + li + li + li + li {margin-left:0;}
.search_sec .type03 li + li + li + li + li + li {margin-left:2%;}
.search_sec .type03 li + li + li + li + li + li + li {margin-left:0;}
.search_sec .type03 li + li + li + li + li + li + li + li {margin-left:2%;}
.search_sec .type03 li a {height:auto; padding:15px 0 45px 0;}
.search_sec .type03 li a p {padding:0 8%;}
.search_sec .type03 li a p span.text {max-height:112px;}
.search_sec .type03 li a p span.loc {bottom:15px; left:8%; max-width:84%;}
.search_sec .type04 li {width:32%; margin-left:2%;}
.search_sec .type04 li + li + li + li {margin-left:0; margin-top:10px;}
.search_sec .type04 li + li + li + li + li {margin-left:2%;}
.search_sec .type04 li + li + li + li + li + li {margin-left:2%;}
.search_sec .type04 li + li + li + li + li + li + li {margin-left:0;}
.search_sec .type04 li + li + li + li + li + li + li + li {margin-left:2%;}
.search_sec .type04 li + li + li + li + li + li + li + li + li {margin-left:2%;}
.search_sec .type04 li + li + li + li + li + li + li + li + li + li {margin-left:0;}
.search_sec .type04 li + li + li + li + li + li + li + li + li + li + li {margin-left:2%;}
.search_sec .type04 li + li + li + li + li + li + li + li + li + li + li + li + li + li {margin-left:2%;}
.search_sec .type04 li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li {margin-left:0;}
.search_sec .type04 li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li {margin-left:2%;}
.search_sec .type04 li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li {margin-left:2%;}
.search_sec .type05 li {width:49%; margin-left:2%;}
.search_sec .type05 li + li + li + li {margin-left:2%;}
.search_sec .type05 li + li + li + li + li + li {margin-left:2%;}
.search_sec .type05 li + li + li + li + li + li + li + li {margin-left:2%;}
.search_sec .type05 li + li + li + li + li + li + li + li + li + li {margin-left:2%;}
.search_sec .type05 li .box {padding:15px 8%;}
.search_sec .type05 li p.text {margin-bottom:10px;}
.search_sec .type05 li .btn {position:relative; bottom:0; right:auto; margin-top:5px;}
.search_sec .type05 li .btn span {padding:0 8px;}
.search_sec .type06 li {width:32%; margin-left:2%;}
.search_sec .type06 li + li + li + li {display:none;}
.search_sec .type06.sub li + li + li + li {display:block;}
.search_sec .type06 li a p {padding:15px 7%;}

#contents{ padding:74px 0 0 0}
#aside .mob_tab { height: 58px; line-height: 1.3;}
#aside .tab_box{ margin: 58px 0 0 0;}

}





@media all and (max-width:480px){
/* header */	
.search_box .input_box {width:130px;}	
	
/* container */
.data_no {background-size:79px auto; padding:155px 0 80px 0;}
.error {background-size:79px auto; padding:155px 0 80px 0;}
.error span a {padding:6px 20px;}

.search_sec .type03 li {width:100%; margin-left:0 !important;}
.search_sec .type03 li + li {margin-top:10px;}
.search_sec .type03 li a p {padding:0 5%;}
.search_sec .type03 li a p span.text {max-height:66px;}
.search_sec .type03 li a p span.loc {left:5%;}
.search_sec .type04 li {width:49%; margin-left:2%;}
.search_sec .type04 li + li + li {margin-left:0; margin-top:10px;}
.search_sec .type04 li + li + li + li {margin-left:2%;}
.search_sec .type04 li + li + li + li + li {margin-left:0;}
.search_sec .type04 li + li + li + li + li + li + li + li + li {margin-left:0;}
.search_sec .type04 li + li + li + li + li + li + li + li + li + li {margin-left:2%;}
.search_sec .type04 li + li + li + li + li + li + li + li + li + li + li {margin-left:0;}
.search_sec .type04 li + li + li + li + li + li + li + li + li + li + li + li {margin-left:2%;}
.search_sec .type04 li + li + li + li + li + li + li + li + li + li + li + li + li + li {margin-left:2%;}
.search_sec .type04 li + li + li + li + li + li + li + li + li + li + li + li + li + li + li {margin-left:0;}
.search_sec .type04 li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li {margin-left:2%;}
.search_sec .type04 li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li {margin-left:0;}
.search_sec .type05 li {width:100%; margin-left:0 !important;}
.search_sec .type05 li {margin-top:10px !important;}
.search_sec .type05 li:first-child {margin-top:0 !important;}
.search_sec .type05 li .box {padding:15px 5%;}
.search_sec .type06 li {width:49%;}
.search_sec .type06 li + li + li {display:none;}


#detail_search{ padding: 0 10px 30px}
#detail_search ul li div span.title{ font-size: 13px;}
#detail_search ul li div,
#detail_search ul li.ft_r div{ padding: 0 0 0 110px;}
#detail_search ul li div span.title,
#detail_search ul li.ft_r div span.title{ width: 110px;}
#detail_search ul li div span.input span.cal_sc input[type="text"] { width: 83px;}

}


@media all and (max-width:380px){
/* container */	
.search_sec .type04 li {height:140px;}
.paginate {margin-top:40px;}
.paginate a {padding:0 5px; line-height:25px;}
.paginate a.first {margin-right:5px;}
.paginate a.last{margin-left:5px;}
.paginate strong {width:25px; height:25px; line-height:25px;}
.paginate .dir {width:23px; height:23px;}
.paginate .dir img {width:100%;}	
}