@charset "utf-8";

.inner {margin: 0 auto; width: 1420px; box-sizing: border-box;}
section.inner {margin-bottom: 10em;}

header {position: relative;height: 110px !important;}
header #h_top .logo {left: 0; transform: translateX(0);}
header #h_top .search_bar {float: right;padding: 33px 0 0;width: calc(100% - 300px);}
header #h_top .search_bar fieldset {display: flex;}
header #h_top .search_bar .btuniv {margin: 0 20px 0 0;padding: 0 10px;width: 180px;height: 46px;}
header #h_top .search_bar .sch {width: calc(100% - 510px);height: 46px;}
header #h_top .search_bar .btn_wrap {margin: 0 20px;display: flex;}
header #h_top .search_bar .btn_wrap input {width: 70px;height: 46px;font-size:15px;color: #fff;border: none;background: #305299;}
header #h_top .search_bar .btn_wrap input:last-child {margin: 0 0 0 5px;background: #5c5c5c;}
header #h_top .search_bar .result_chang {display: flex; align-items: center;}
header #h_top .search_bar .result_chang label {margin: 0 0 0 5px;}

.logo span > span {
    font-size: 10px;
    letter-spacing: -1.5px;
}

#relation {padding: 10px 0; background: #888;}
#relation .inner {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; color: #fff;}
#relation .inner span {display: block; margin: 0 10px 0 0; padding: 5px 10px; border: 2px solid rgba(255,255,255,.5); box-sizing: border-box;}
#relation .inner ul li {float: left; margin: 0 0 0 10px;}
#relation .inner ul li a {color: #fff; text-decoration: none;}

#detailSearch {display:none; padding: 10px 0; border-bottom: 1px solid #ddd;}
#detailSearch .Fdetail > ul {display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
#detailSearch .Fdetail > ul > li:not(:first-child) {margin: 0 0 0 30px;}
#detailSearch .detail_title {position: relative;}
#detailSearch .detail_title a {display: flex; align-items: center; text-decoration: none;}
#detailSearch .detail_title a .arrow {margin: 0 0 0 5px; font-size: 10px;}
#detailSearch .detail_title .option_choice {display: flex; flex-wrap: wrap; align-items: center;}
#detailSearch .detail_title .option_choice .option_wrap {}
#detailSearch .detail_title .option_choice .option_wrap .option {float: left; margin: 0 0 0 5px; width: 40px;height: 24px;font-size: 14px;background: #ddd; border: 1px solid #ddd; box-sizing: border-box;}
#detailSearch .detail_title .option_choice .option.on {background: #fff;}
 
#detailSearch .detail_box {z-index: 2;display: none;position: absolute;top: 27px;left: 50%;transform: translateX(-50%);padding: 10px;width: 135px;background: #fff;border: 1px solid #b1b1b1;box-sizing: border-box;}
#detailSearch .detail_box.on {display: block;}
#detailSearch .detail_box ul li {font-size: 15px;}
#detailSearch .detail_box ul li:not(:last-child) {margin: 0 0 6px;}
#detailSearch .detail_box .detail_calendar {margin: 10px 0 0; font-size: 15px;}
#detailSearch .detail_box .detail_calendar input {margin: 0 0 5px; width: 100%; height: 32px;}
#detailSearch .detail_box .detail_calendar input[type="button"] {margin: 0; border: 1px solid #c8c8ca; font-size: 15px;}

#total {padding: 15px 0;font-size: 18px;text-align: center;bor;word-break: keep-all;border-bottom: 1px solid #ddd;}
#total span {font-weight: 900; color: #ef212f;}

/* 메뉴 */
#menu{z-index:1; position:relative; float:left; width:220px;}
#menu .depth2 {padding: 30px 0 0;}
#menu .depth2 > li{margin:0 0 9px; line-height:0;}
#menu .depth2 > li > a{position:relative; display:block; height:59px; line-height:57px; padding:0 0 0 15px; font-size:17px; font-weight:700; color:#312f2f; border:1px solid #ddd; text-decoration:none; box-sizing:border-box;}
#menu .depth2 > li > a:before{content:''; position:absolute; top:50%; right:24px; width:13px; height:13px; transform:translateY(-50%); background:url(/images/common/ico_submenu.gif) no-repeat 0 -62px;}
#menu .depth2 > li:hover > a,
#menu .depth2 > li > a:hover,
#menu .depth2 > li > a:focus,
#menu .depth2 > li > a:active,
#menu .depth2 > li.current_on > a{position:relative; color:#fff; border:none; background:#184c87;}
#menu .depth2 > li:hover > a:before,
#menu .depth2 > li > a:hover:before,
#menu .depth2 > li > a:focus:before,
#menu .depth2 > li > a:active:before,
#menu .depth2 > li.current_on > a:before{height:3px; background-position:0 0;}
#menu .depth2 li ul {display:none; padding:10px 0 10px 21px; border:1px solid #ddd; border-top:none; background:#f5f5f5;}

#menu .depth2 li ul li a{position:relative; display:block; padding:0.4em 0 0.4em 8px; font-size:100%; line-height:100%; font-weight:200; color:#888;}
#menu .depth2 li ul li a:before{content:''; display:block; position:absolute; top:12px; left:0; width:2px; height:2px; background:#888;}
#menu .depth2 li ul li a:hover,
#menu .depth2 li ul li a:focus,
#menu .depth2 li ul li a:active,
#menu .depth2 li ul li.current_on a{color:#333; font-weight:400;}
#menu .depth2 li ul li a:hover:before,
#menu .depth2 li ul li a:focus:before,
#menu .depth2 li ul li.current_on a:before{background:#000;}

/* 검색컨텐츠 */
#content{position:relative; float: left; width: calc(100% - 525px); padding: 30px 50px; box-sizing: border-box;}
#content a {text-decoration: none;}
#content > .info {margin: 0 0 10px;text-align: center;}
#content .search{width:100%; padding:60px 0; margin:0 0 30px 0; background:#f2f2f2;}
#content .search *{display:inline-block; vertical-align:top;}
#content .search form,
#content .search fieldset{width:100%; text-align:center;}
#content .search label{margin:0 1em 0 0; line-height:39px; font-size:115%;}
#content .search #word{width:30%;height: 39px;line-height: 39px;border:1px solid #c8c8ca;}
#content .search button{width:60px; height:39px; background:#305299; color:#fff;}
#content .result h4{margin: 0 0 40px 0;font-size:120%;font-weight:800;text-align: center;border-bottom:1px solid #ccc;}
#content .result > .dot{margin:0 0 0 10px;}
#content .result > .dot > li {padding:0 0 0 12px; margin:0 0 7px; font-weight:800;}
#content .result > .dot > li ul{font-weight:200;}
#content .result > .dot > li:before{top:8px; width:5px; height:5px; background:#37405b;}
#content .orange{color:#a94a46;}
#content .more {display: block; margin: 15px 0 0 auto; width: 110px; height: 36px; line-height: 34px; color: #fff; text-align: center; background: #305299; border: 1px solid #305299; border-radius: 5px; box-sizing: border-box; transition: .25s ease-in-out;}
#content .more:hover {color: #305299; background: #fff; border-color: #305299;}

#content .tit_wrap {display: flex; align-items: baseline; margin: 0 0 10px;}
#content .tit_wrap h4 {width: auto; font-size: 25px;}
#content .tit_wrap .total {margin: 0 0 0 10px; font-weight: 800; color: #666;}
#content .con_wrap {margin: 0 0 30px;}
#content .integration_box {display: flex;flex-wrap: wrap;align-items: center;height: 114px;border: 1px solid #eee;box-sizing: border-box;}
#content .integration_box .title {width: 260px;height: 100%;line-height: 114px;text-align: center;font-size: 20px;color: #fff;background: #005e5d;}
#content .integration_box ul {display: flex;flex-wrap: wrap;padding: 0 20px 0 50px;width: calc(100% - 260px);box-sizing: border-box;}
#content .integration_box ul li {padding: 0 0 14px;width: 33.33%;box-sizing: border-box;}
#content .integration_box ul li:nth-child(n + 4) {padding-bottom: 0;}
#content .integration_box ul li a::before {content:'';display: inline-block;margin: 0 8px -4px 0;width: 19px;height: 19px;background: url(/images/kr/open/ico_plus.png)no-repeat;}
#content .menu_box ul li a {display: block;padding: 15px 20px;margin: 0 0 10px;border: 1px solid #ddd;border-radius: 5px;box-shadow: 0 3px 9px 0 rgba(0,0,0,.06);box-sizing: border-box;transition: .2s ease-in-out;}
#content .menu_box ul li a:hover {box-shadow: 0 2px 2px 0 rgba(0,0,0,.1)}
#content .con_wrap .list li {margin: 0 0 12px;}
#content .con_wrap .list li a {display: block;padding: 30px;border: 1px solid #ddd;border-radius: 5px;box-shadow: 0 3px 9px 0 rgba(0,0,0,.06);box-sizing: border-box;transition: .2s ease-in-out;}
#content .con_wrap .list li a:hover {box-shadow: 0 2px 2px 0 rgba(0,0,0,.1)}
#content .con_wrap .list .tit {margin: 0 5px 0 0; font-size: 18px; font-weight: 800; color: #0068d4;}
#content .con_wrap .list .date {font-size: 15px; color: #888;}
#content .con_wrap .list .stit {overflow: hidden; margin: 3px 0 0; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#content .normal_list tbody tr:nth-child(even) td {background: #f5f5f5;}

/* 검색어순위 */
#right {padding: 30px 0 0; width: 305px; float: left;}
#right h4 {margin: 0 0 10px; font-size: 20px;}
#right .pop_con {margin: 0 0 20px;height: 420px;border-bottom: 1px solid #ddd;}
#right .pop_con > ul {position: relative;}
#right .pop_con > ul > li > a {position: absolute;top:0;left: 0;width: 33.33%;height: 34px;line-height: 32px;font-size: 15px;text-align: center;text-decoration: none;border: 1px solid #ddd;border-right: none;background: #f4f4f4;box-sizing: border-box;}
#right .pop_con > ul > li.on > a {background: #fff;}
#right .pop_con > ul > li:nth-child(2) > a {left: 33.33%;}
#right .pop_con > ul > li:nth-child(3) > a {left: 66.66%; border-right: 1px solid #ddd;}
#right .pop_con > ul > li .list {display: none; padding: 50px 0 0;}
#right .pop_con > ul > li.on .list {display: block;}
#right .list li {margin: 0 0 10px;}
#right .list li a {display: block; text-decoration: none;}
#right .list li a::after {content: ''; display: block; clear: both;}
#right .list li a span {float: left;}
#right .list li a .popNum,
#right .list li a .popNum span {float: right;}
#right .list li a span.num {margin: 0 5px 0 0;width: 20px;height: 20px;line-height: 18px;font-size: 13px;text-align: center;border: 1px solid #ddd;}
#right .list li a span.up {font-size: 12px; font-weight: 900; color: red;}
#right .list li a span.down {font-size: 12px; font-weight: 900; color: blue;}
#right .list li a .popText {font-size: 14px;}

.charge {display: none;}


@media all and (max-width: 1440px){
    .inner {padding: 0 15px; width: 100%;}

	#menu {width: 100%;}
	#menu .depth2 {padding: 30px 0;display: flex;flex-wrap: wrap;justify-content: space-between;}
	#menu .depth2 > li {width: calc(100% / 7);}
	#menu .depth2 > li > a {padding: 0 10px; text-align: center; border-right: none;}
	#menu .depth2 > li:last-child > a { border-right: 1px solid #ddd;}
	#menu .depth2 > li > a:before {display: none;}

    #content {padding: 0;width: 100%;}

	#right {margin: 0 0 20px; width: 100%;}
}
@media all and (max-width:1024px) {
	header {padding: 15px 0; height: auto;}
	header #h_top .logo {position: static;}
	header #h_top .search_bar {padding: 15px 0 0;width: 100%;}
	header #h_top .search_bar .btuniv {margin: 0 10px 0 0;}
	header #h_top .search_bar .sch {width: calc(100% - 270px);}
	header #h_top .search_bar .btn_wrap {margin: 0 0 0 10px;}
	header #h_top .search_bar .btn_wrap input:last-child,
	header #h_top .search_bar .result_chang {display: none;}
}
@media all and (max-width:880px) {
	#content .integration_box {height: auto;}
	#content .integration_box .title {width: 100%;height: 34px;line-height: 34px;font-size: 18px;}
	#content .integration_box ul {padding: 20px;width: 100%;}
}
@media all and (max-width:768px) {
	#menu .depth2 > li {margin: 0;width: calc(100% / 4);}
	#menu .depth2 > li:nth-child(n + 5) {width: calc(100% / 3)}
	#menu .depth2 > li > a {height: 48px; line-height: 46px; font-size: 16px;}
	#menu .depth2 > li:nth-child(4) > a {border-right: 1px solid #ddd;}
	#menu .depth2 > li:nth-child(n + 5) > a {border-top: none;}
	
	#content:before{left:25px; width:140px; height:80px; background-size:100%;}
	#content .search{padding:70px 0 45px 0; margin:0 0 25px;}
	#content .search fieldset{text-align:center;}
	#content .search #word{width:30%;}
	#content .search button{width:65px; font-size:16px;}
	#content .result > .dot > li:before{top:7px;}
}
@media all and (max-width:568px) {
	header #h_top .search_bar .btuniv {width: 100px; margin: 0;}
	header #h_top .search_bar .sch {width: calc(100% - 170px);}
	header #h_top .search_bar .btn_wrap {margin: 0;}

	#relation .inner {display: block;}
	#relation .inner span {margin: 0 0 10px; text-align: center;}
	#relation .inner ul {display: flex; flex-wrap: wrap; justify-content: center;}

	#total {font-size: 16px;}

	#menu .depth2 > li > a {padding: 0 5px; font-size: 15px;}
	
	#content:before{width:120px;}
	#content .search{padding:55px 0 45px 0;}

	#content .integration_box ul li {width: 50%;}
	#content .con_wrap .list li a {padding: 20px;}
	#content .con_wrap .list .tit {font-size: 16px;}
}
@media all and (max-width:400px) {
	#content:before{width:100px;}
	#content .search{padding:45px 0 40px 0;}
}