﻿/* reset 시작 CSS */
/* layout */
@charset 'utf-8'; 
@import url('http://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,600,700,900|Rajdhani:300,400,500,600,700|Roboto:100,300,400,500,700,900&subset=korean');



/* CSS 시작*/
html {height:100%; width:100%;overflow-y:scroll;}
body {
	/*font-family:"Nanum Gothic" !important;*/
	font-family: 'Noto Sans KR', sans-serif, dotum, '돋움', gulim, '굴림', Arial, AppleGothic, verdana, helvetica;
	/*font-size: 15px; */
	letter-spacing: -1px;
	color:#666; 
	-webkit-text-size-adjust:none;
}
* {box-sizing:border-box;}
div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; font-family:'Noto Sans KR','noto_sans', 'Noto Sans', 'Noto Sans Korean Regular','Nanum Gothic', sans-serif , Tahoma; outline:none; letter-spacing: -0.5px;}
h1, h2, h3, h4, h5, h6, h7, h8, h9,th {font-weight:500;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
nav ul, li { list-style: none; }
a { margin: 0; padding: 0; font-size: 100%; text-decoration: none; vertical-align: baseline; background: transparent; outline: 0; box-sizing:border-box; color:#444;}
img { vertical-align: middle; border:none;}
img.bull { vertical-align: middle; border:none;padding-right:7px;}
table { border-collapse: collapse; border-spacing: 0; border-collapse: collapse; table-layout: fixed; word-break: break-all;}

/*
input { margin: 0; padding: 0; box-sizing: content-box; vertical-align: top; appearance: none; color: #666; border-radius: 0; font-family:'Noto Sans KR !important '; border:1px solid #8b8b8b;}
input::-webkit-input-placeholder {color: #666;}
input:-moz-placeholder {color: #666;}
input:-ms-input-placeholder {color: #666;}
*/

/*label, legend {display:none;}*/
button{cursor:pointer;_cursor /**/:hand;vertical-align: middle; border:none;font-family:'Noto Sans KR' !important; outline:none;}
select{padding:0 0px 0 10px;font-size:12px;font-family:'Noto Sans KR' !important;-webkit-appearance: menulist;}


.hid { position: absolute; left: -9999px; font-size: 0; width: 0; height: 0; text-indent: -9999px; overflow: hidden; }
.txt_bold {
	font-weight:400;
}
.txt_center {
	text-align:center;
}
.txt_center .confirm {
	width:400px;
}
/* reset 끝 CSS */



.wrapper { 
	width:100%;
	position:relative;
	height:100%;
}

/******************************menu***********************************/
@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,500);

/* reset */
*{margin:0;padding:0;}
a{text-decoration:none; color:#444;}
li{list-style:none;}
.hide{display:none;}

/* layout */
div {
	box-sizing:border-box;
}
.clear {
	display:block;
	content:'';
	clear:both;
}
section {
	width:100%;
}
.container {
	width:1200px;
	margin:0 auto;
}
.main_container {
	width:100%;
	background:url("/images/main/main_bg.png") center bottom repeat-x;
	padding-bottom: 40px;
}



@media screen and (max-width:1279px) {
  /* gnb */
  .gnb{display:none;}
  .btn-menu {display:block;float:right;margin:18px 0 0 0;width:44px;height:34px;background:url(http://kiwi.jiniworks.com/guide/img/btn-m-menu.gif) no-repeat 0 0;background-size:60%;}
  .header-right-menu{display:none;;}
  
  /* m-mn.css */
  .slideMenu{display:none;z-index:999999;position:fixed;top:0px;right:-100%;width:78.125%;height:100%;padding:0 0 0 0;border-top:6px solid #164c8a;border-bottom:2px solid #164c8a;background-color:#fff;overflow-y:scroll;}
  .m-gnb{float:right;width:100%;border-bottom:1px solid #cdcdcd;background-color:#fff;}
  .dep1 > li > a {display:block;position:relative;padding:15px;border-top:1px solid #cdcdcd;background:#fff url(http://kiwi.jiniworks.com/guide/img/bg-m-menu-list-open.png) no-repeat right 20px center;background-size:17px;font-size:16px;color:#000;}
  .dep1 > li > a.selected, .dep1 > li > a.active{background:#10498b url(http://kiwi.jiniworks.com/guide/img/bg-m-menu-list-close.gif) no-repeat right 20px center;background-size:17px;color:#fff;}
  .dep2 {display:none;background:#20252d none repeat scroll 0 0;}
  .dep2 > li > a {display:block;position:relative;padding:12px 15px 12px 37px;border:1px solid #dbdbdb;border-right:none;border-bottom:none;background-color:#f4f4f6;font-weight:300;font-size:14px;color:#666;}
  .dep2 > li > a.has-dep03-open{background:#f4f4f6 url(http://kiwi.jiniworks.com/guide/img/bg-m-menu-list-open.png) no-repeat right 20px center;background-size:17px;}
  .dep2 > li > a.has-dep03-close{background:#f4f4f6 url(http://kiwi.jiniworks.com/guide/img/bg-m-menu-list-close.gif) no-repeat right 20px center;background-size:17px;}
  .dep2 > li > a:before{content:"";display:block;position:absolute;top:21px;left:20px;width:4px;height:4px;background-color:#666;border-radius:4px;}
  .dep2 > li > a span{position:absolute;top:0;right:15px;width:13px;height:40px;background:rgba(0, 0, 0, 0) url(http://kiwi.jiniworks.com/guide/img/ico-open2.png) no-repeat scroll center center / 12px auto;text-indent:-10000px;}
  .dep2 > li > a.active{font-weight:500;}
  .dep3{display:none;padding:0 0 5px 0;background-color:#f4f4f6;}
  .dep3 > li > a{display:block;position:relative;margin:0 0 10px 0;padding:0 0 0 50px;font-weight:300;font-size:13px;color:#666;}
  .dep3 > li > a:before{content:"";display:block;position:absolute;top:10px;left:40px;width:4px;height:1px;background-color:#666;}
  .dep3 > li > a.active{color:#2f6cb0;}

  .set-group{float:right;width:100%;background-color:#fff;color:#000;font-size:17px;}
  .slide-close{display:none;position:fixed;top:15px;right:82%;z-index:40;width:20px;height:20px;background:url(http://kiwi.jiniworks.com/guide/img/btn-m-menu-close.png) no-repeat 0 0;background-size:100%;}
  .m-gnb-bg{display:none;position:fixed;top:0;left:0;z-index:30;width:100%;height:100%;background-color:rgba(0,0,0,0.8);}

  .m-search-wrap input[name="search-value"]:-ms-input-placeholder{color:#fff;}
  .m-search-wrap input[name="search-value"]::-webkit-input-placeholder{color:#fff;}
  .m-search-wrap input[name="search-value"]::-moz-placeholder{color:#fff;}
  .m-search-wrap input[name="search-value"]::-moz-placeholder{color:#fff;}

  .m-gnb .selected{background:#f4f4f6 url(http://kiwi.jiniworks.com/guide/img/bul-m-menu-list-active.gif) no-repeat 20px 21px;background-size:4px;color:#2f6cb0;}
}

/******************************menu 끝***********************************/

/**********************************버튼**************************************/
.btn_confirm {
	background:#fd5911;
	color:#fff !important;
	font-size:17px;
	padding:10px;
	transition: all .3s;
}
.btn_confirm:hover {
	transition: all .5s;
	webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
	box-shadow:0 3px 13px rgba(0, 0, 0, 0.3);
	transition: all .5s;
	transition-duration: 200ms;
}
.btn {
	border:1px solid #333;
	font-size:17px;
	padding:10px;
	transition: all .3s;
}
.btn:hover {
	color:#333;
	transition: all .5s;
	webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
	box-shadow:0 3px 13px rgba(0, 0, 0, 0.3);
	transition: all .5s;
	transition-duration: 200ms;
}
.btn_down {
	background:#fd5911;
	color:#fff !important;
	font-size:12px;
	padding:3px 10px;
	border-radius:3px;
}
.btn_down01 {
	background:#333;
	color:#fff !important;
	font-size:12px;
	padding:3px 10px;
	border-radius:3px;
}

/************************************footer**********************************/
footer {
	border-top:1px solid #ddd;
	background:#eeeeee;
}
footer .container {
	padding:10px 0;
}
.footer_address address {
	float:left;
}
.footer_address p {
	font-style: normal;
	font-size: 14px;
	line-height: 20px;
	color: #848484;
}
.footer_address .copy{
	font-style: normal;
	font-size: 12px;
	line-height: 20px;
	color: #848484;
}
.footer_address span {
	float:right;
}

/***********************************퀵메뉴*********************************/
.sub_wrapper .quick {
	top:200px;
}
.quick {
	width: auto;
	z-index: 200;
	position: absolute;
	left: 55%;
	margin-left: 520px;
	top: 113px;
}
.quick .link li {
	background:url(/images/main/quick_dot.png) left 60% no-repeat;
	padding-left:20px;
}
.quick .link li.m_logo {
	display:none;
}
.quick .call p {
	color:#019edf;
	padding-top:5px;
	font-size:18px;
}