﻿/*
@import url(http://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);
@font-face { font-family: 'Noto Sans Korean'; font-style: normal; font-weight: 300; src: local('Noto Sans Light'), local('NotoSans-Light'), url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Light-Hestia.eot), url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Light-Hestia.eot?#iefix) format('embedded-opentype'), url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/woff/NotoSansKR-Light-Hestia.woff) format('woff'), url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/otf/NotoSansKR-Light-Hestia.otf) format('opentype'); } 
@font-face { font-family: 'Noto Sans Korean'; font-style: normal; font-weight: 500; src: local('Noto Sans Medium'), local('NotoSans-Medium'), url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Medium-Hestia.eot), url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Medium-Hestia.eot?#iefix) format('embedded-opentype'), url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/woff/NotoSansKR-Medium-Hestia.woff) format('woff'), url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/otf/NotoSansKR-Medium-Hestia.otf) format('opentype'); }
*/
*{
	margin: 0;
	padding: 0;
}

body{
	/*font-family: "Nanum Barun Gothic";*/
	/*font-family:"GothamRND";*/
	font-family: AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif;
	font-size: 13px;
	color:#000000;
	min-width:1100px;
	min-height:690px;
	background-color:#ffffff;
	font-weight:300;
}

input{ font-size:13px; font-family: AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif; font-weight:300; outline:none;}
select,textarea{ font-size:13px; font-family: AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif; font-weight:300; outline:none;}
img{ border:0px;}

body,ul,dl,ol,hi,li,div{margin:0px; padding:0px; list-style-type:none; outline:none;}

a{ text-decoration:none; color:#5b616e;}



/*공통*/

.fend{clear:both;}
html{}
html::-webkit-scrollbar {width:5px;}
html::-webkit-scrollbar-track {background:transparent}
html::-webkit-scrollbar-thumb {background:#ff7e00;}
html::-webkit-scrollbar-thumb:hover{background:#ff7e00;}
img{ vertical-align:top; border:0px;}

html,body{ margin:0; padding:0;}



.d_wrap{ position:relative; width:1100px; margin:0 auto;}

.search_wrap{ float:left; position:relative; width:720px; height:42px; margin-top:45px;}
.search_wrap .inpbox{ position:absolute; top:-5px; left:210px; width:calc(100% - 230px); border-bottom:solid 1px #ff7e00;}
.search_wrap .inpbox input{ height:40px; line-height:40px; border:0px; width:calc(100% - 50px); background-color:transparent; text-indent:10px; font-size:16px; color:#000; font-weight:bold;}
.search_wrap .inpbox input:-ms-input-placeholder { color:#999; font-weight:normal;}
.search_wrap .inpbox input::-webkit-input-placeholder { color:#999; font-weight:normal;}
.search_wrap .inpbox img{ position:absolute; top:0px; right:0px; cursor:pointer;}

.keyword_wrap{ float:left; position:relative; margin-left:30px; margin-top:45px; width:350px; height:42px;}
.keyword_wrap .list{ position:relative; height:40px; border:solid 1px #ff7e00; border-radius:40px;}
.keyword_wrap .list .tit{ line-height:40px; font-family: 'Noto Sans Korean'; font-weight:500; letter-spacing:-1px; color:#ff7e00; margin-left:30px;}
.keyword_wrap .list .word{ position:absolute; top:0px; left:120px; width:calc(100% - 120px); height:40px; overflow:hidden; cursor:pointer;}
.keyword_wrap .list .word ul{ line-height:40px;}
.keyword_wrap .list .word ul span{ font-family:'Montserrat'; font-weight:bold; margin-right:7px;}

.keyword_wrap .list_all{ position:absolute; top:0px; right:0px; width:350px; background-color:#fff; z-index:500; border-top:solid 1px #f1f1f1; border-left:solid 1px #f1f1f1; box-shadow:1px 1px 1px rgba(0, 0, 0, .2); display:none; z-index:500;}
.keyword_wrap .list_all .tit{ font-weight:bold; padding:15px; border-bottom:dashed 1px #e9e9e9;}
.keyword_wrap .list_all .btn{ position:absolute; top:12px; right:12px; cursor:pointer;}
.keyword_wrap .list_all .word{ padding:15px; font-size:14px;}
.keyword_wrap .list_all .word ul{ line-height:28px; cursor:pointer;}
.keyword_wrap .list_all .word ul span{ font-family:'Montserrat'; font-weight:bold; margin-right:7px; font-size:16px; color:#ff7e00;}
.keyword_wrap .list_all .word ul:hover{ background-color:#fafafa; color:#ff7e00;}

.site_wrap{ float:left; position:relative; width:1100px; height:164px;}
.site_wrap .tab{ display:inline-table; width:100%; text-align:center;}
.site_wrap .tab ul{ position:relative; display:table-cell; font-size:14px; height:48px; line-height:48px; font-family: 'Noto Sans Korean'; font-weight:500; letter-spacing:-1px; color:#a7988f; cursor:pointer; width: 16%}
.site_wrap .tab ul.on{ color:#ff7e00;}
.site_wrap .tab ul.on div{ position:absolute; bottom:-2px; width:100%; height:4px; background-color:#ff7e00;}
.site_wrap .tab ul:hover{ color:#ff7e00;}
.site_wrap .list{ border:solid 1px #e9e9e9; height:114px;}
.site_wrap .list ul{ display:inline-table; width:113px; margin-left:35px; margin-top:24px; text-align:center; cursor:pointer;}
.site_wrap .list ul li:nth-child(2){ margin-top:10px; font-size:12px; color:#888;}

.bn_wrap{ float:left; position:relative; width:1100px; height:230px;}
.bn_wrap .list{ border:solid 1px #e9e9e9; height:190px; margin-top: 20px;}
.bn_wrap .list ul{ display:inline-table; width:113px; margin-left:30px; margin-top:24px; text-align:center; cursor:pointer;}
.bn_wrap .list ul li:nth-child(2){ margin-top:10px; font-size:12px; color:#888;}


.weather_wrap{float:left; position:relative; width:350px; height:164px; margin-left:30px; margin-top:28px;}
.weather_wrap .tit{ height:48px; line-height:48px; font-family: 'Noto Sans Korean'; font-weight:500; letter-spacing:-1px; font-size:16px;}
.weather_wrap .date{ position:absolute; top:20px; right:0px; color:#999; font-size:12px;}
.weather_wrap .box{ position:relative; background-color:#f8f8f8; height:116px;}
.weather_wrap .box .weather{ padding:10px 0 0 15px; font-size:15px;}
.weather_wrap .box .weather li{ display:inline-table; line-height:46px;}
.weather_wrap .box .weather .dgree{ font-family:'Montserrat'; font-weight:bold; padding:0 10px 0 7px;}
.weather_wrap .box .weather .txt{ font-family: 'Noto Sans Korean'; font-weight:500;}
.weather_wrap .box .weather img{ vertical-align:middle;}
.weather_wrap .box .area{ position:absolute; top:10px; right:15px; cursor:pointer;}
.weather_wrap .box .area .txt_area{ line-height:46px; margin-right:30px; font-size:13px; text-align:right; color:#999;}
.weather_wrap .box .area img{ position:absolute; top:10px; right:-3px;}
.weather_wrap .box .news{ padding:5px 15px 5px 15px;}
.weather_wrap .box .news li{ line-height:20px; cursor:pointer;}
.weather_wrap .box .news li:hover{ color:#ff7e00;}

.weather_wrap .weather_area{ position:absolute; top:0px; left:0px; width:348px; background-color:#fff; z-index:500; border-top:solid 1px #f1f1f1; border-left:solid 1px #f1f1f1; box-shadow:1px 1px 1px rgba(0, 0, 0, .2); display:none;}
.weather_wrap .weather_area .wtit{ font-weight:bold; padding:15px; border-bottom:dashed 1px #e9e9e9;}
.weather_wrap .weather_area .btn{ position:absolute; top:12px; right:12px; cursor:pointer;}
.weather_wrap .weather_area .sel{ text-align:center; padding:15px 0 20px 0;}
.weather_wrap .weather_area .sel select{ border:solid 1px #e1e1e1; height:36px; line-height:36px; width:30%; font-size:12px;}
.weather_wrap .weather_area .btn_sel{ width:170px; height:46px; line-height:46px; margin:0 auto; margin-bottom:20px; background-color:#ff7e00; color:#fff; text-align:center; cursor:pointer; font-family: 'Noto Sans Korean'; font-weight:500; letter-spacing:-1px; font-size:14px;}



.cbox{ position:relative;}
.cbox .tit{ padding:0 0 0 0; line-height:60px; height:60px; font-family: 'Noto Sans Korean'; font-weight:500; letter-spacing:-1px; font-size:17px;}
.cbox .paging{ position:absolute; top:23px; left:70px;}
.cbox .paging ul{ display:inline-table; width:8px; height:8px; border-radius:8px; background-color:#ddd; margin-right:3px;}
.cbox .paging ul.on{ background-color:#ff7e00;}
.cbox .btn{ position:relative;}
.cbox .btn .prev{ position:absolute; top:-45px; right:35px; border-radius:30px; border:solid 1px #e1e1e1; cursor:pointer;}
.cbox .btn .next{ position:absolute; top:-45px; right:0px; border-radius:30px; border:solid 1px #e1e1e1; cursor:pointer;}

.cbox.news{ float:left; width:490px; margin-top:20px;}
.cbox.news .newsbox{ position:relative; height:440px;}
.cbox.news .newsbox ul:nth-child(1){ position:absolute; top:0px; left:0px; width:155px;}
.cbox.news .newsbox ul:nth-child(1) li{ margin-bottom:15px;}
.cbox.news .newsbox ul:nth-child(1) li dt:nth-child(1){ width:155px; height:95px; overflow:hidden;}
.cbox.news .newsbox ul:nth-child(1) li dt:nth-child(1) img{ width:100%;}
.cbox.news .newsbox ul:nth-child(1) li dt:nth-child(2){ margin-top:8px; line-height:17px; height:34px; overflow: hidden; display: -webkit-box;  -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 2; text-overflow: ellipsis;}
.cbox.news .newsbox ul:nth-child(2){ margin-left:170px; margin-right:5px;}
.cbox.news .newsbox ul:nth-child(2) li{ line-height:26px; font-size:13px; overflow: hidden; display: -webkit-box;  -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 1; text-overflow: ellipsis; cursor:pointer; white-space: nowrap;}
.cbox.news .newsbox ul:nth-child(2) li:nth-child(5n+5){ margin-bottom:22px;}
.cbox.news .newsbox ul:nth-child(2) li:hover{ color:#ff7e00;}

.cbox.yt{ float:left; width:200px; margin-top:20px; margin-left:30px;}
.cbox.yt .ytbox{ height:440px;}
.cbox.yt .ytbox ul{ margin-bottom:15px; cursor:pointer;}
.cbox.yt .ytbox ul li:nth-child(1){ position:relative; width:200px;}
.cbox.yt .ytbox ul li:nth-child(1) dt:nth-child(1){ position:absolute; bottom:10px; right:10px;}
.cbox.yt .ytbox ul li:nth-child(1) dt:nth-child(2) img{ width:100%;}
.cbox.yt .ytbox ul li:nth-child(2) dt{ height:18px; line-height:18px; overflow: hidden; display: -webkit-box;  -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 1; text-overflow: ellipsis; margin:5px 0 0 0;}
.cbox.yt .ytbox ul:hover li:nth-child(2) dt{ color:#ff7e00;}

.cbox.shop{ float:left; width:350px; margin-top:20px; margin-left:30px;}
.cbox.shop .shopbox ul{ float:left; width:106px; margin:0 0 20px 10px; cursor:pointer;}
.cbox.shop .shopbox ul li:nth-child(1){ width:106px; height:106px; overflow:hidden;}
.cbox.shop .shopbox ul li:nth-child(1) img{ width:100%;}
.cbox.shop .shopbox ul li:nth-child(2){ font-size:11px; line-height:13px; height:26px; overflow: hidden; display: -webkit-box;  -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 2; text-overflow: ellipsis; color:#6b5036; margin-top:8px;}
.cbox.shop .shopbox ul li:nth-child(3){ font-size:11px;}
.cbox.shop .shopbox ul li:nth-child(3) span{ font-family:'Montserrat'; font-weight:bold; font-size:13px; letter-spacing:0.5px;}
.cbox.shop .shopbox ul:hover li:nth-child(2){ color:#ff7e00;}
.cbox.shop .shopbox .bn{ position:relative; height:91px; cursor:pointer;}
.cbox.shop .shopbox .bn img{ position:absolute; top:-5px; left:0px;}

.footer{ text-align:center; color:#999; padding:20px 0 40px 0; border-top:solid 1px #e9e9e9; margin-top:40px;}
.footer_links{
	margin-bottom: 15px;
}
.footer_links a+a::before{
	display: inline-block;
	height: 11px;
	vertical-align: middle;
	width: 1px;
	content: '';
	background-color: #ddd;
	margin: 0 10px;
}

.dw_service_wrap{
	margin: 25px 0 11px;
	border: 1px solid #e4e4e4;
}
.dw_service_list{
	
}
.dw_service_list li{
	float: left;
	margin: 15px 23px 15px 0;
	font-size: 15px;
	font-weight: 600;
}
.dw_service_list li a,.dw_service_list li a:hover,.dw_service_list li a:link,.dw_service_list li a:active{
	color: #000;
	text-decoration: none;
}
.dw_service_list::after{
	display: block;
	content: '';
	clear: both;
}
.main-banner-wrap{
	width: 728px;
	margin: 0 auto;
}