@charset "utf-8";
/* CSS Document */

/*
	웹퍼블리싱팀
	use: 공통스타일
*/

@import url(//fonts.googleapis.com/earlyaccess/notosansgothic.css);


html, body{font-family:'Noto Sans Gothic', 'dotum' , "돋움", 'sans-serif'; color:#222; font-size:16px; line-height:120%; margin: 0; padding:0;}
* {margin:0; padding:0; }
img {border:0px;}
table{border-collapse: collapse;}
p , form{margin:0px; padding:0px;}
ul , dl {margin:0px; list-style:none; padding:0px;}
dl dt{margin:0px; padding:0px;} 
ul li{margin:0px; list-style:none; padding:0px;}
ol li{margin:0px; list-style:none; padding:0px;}
h1 , h2 , h3 , h4 , h5 , h6 {margin:0px; padding:0px;font-weight:normal;}
.hidden{display:none;}

strong{font-family:'Noto Sans Gothic', 'dotum' , "돋움", 'sans-serif';}

table th{font-family:'Noto Sans Gothic', 'dotum' , "돋움", 'sans-serif';}
fieldset{border:none;}
fieldset legend {display: none;}
table caption {display: none;}
hr{display:none;}
a{color:#535353; text-decoration:none;}
a:hover{color:#000;text-decoration:none;outline:none;}
select{display:inline-block; border:1px solid #d6d6d6; color:#767676;  font-size:15px; vertical-align:middle; cursor:pointer;}
option{display:block !important;cursor:pointer;}
textarea{font-size:12px;border:1px solid #d6d6d6; color:#767676; width:96%; padding:5px;font-family:"ng"}
input[type="text"],
input[type="password"]{border:solid 1px #d6d6d6; padding:5px 10px;vertical-align:middle;font-family:"ng";color:#666;}
input[type="radio"]{vertical-align:middle;}
input[type="check"]{vertical-align:middle;}
input[type="file"]{vertical-align:middle; width:300px; border:1px solid #d4d4d4}

.skip_menu , .hide{display:none;}
.clear{clear:both;}
.hide{display:none;}
.border_none{border:none; background-image:none;}
ul li.border_none{border:none; background-image:none;}
/*
::-webkit-scrollbar {width: 5px;}
::-webkit-scrollbar-thumb {background-color: #888;}
*/
/* skip navigation */
.skiplist {position:relative;z-index:9999;margin:0; padding:0;}
.skip {display:none; font-family:"돋움", dotum; text-align:left; margin:0; padding:0; position:absolute;} /*All incl Opera*/
/* * html */ .skip {display:block} /*Seen by IE*/
:root .skip {display:block} /*Seen by Moz, FF and Safari*/
.skip a {padding:0 0.5em; display:inline; z-index:1000; text-decoration:none; position:absolute; width:14em; left:-200em;}
.skip a:focus, .skip a:active {position:absolute; left:0; padding:10px; border:solid #333 1px; color:#fff; background:#000;}
.skip a:hover {cursor:default}
/* //skip navigation */
button { border:0; padding:0; margin:0; cursor:pointer; background:none; }
td.align_left{text-align:left; padding-left:10px !important;}

/**/
.hidden{
	width:1px;
	height:1px;
	overflow:hidden;
	visibility:hidden;
	padding:0;
	font-size:0;
	line-height:0;
	position:absolute;	
	left:-9999px;
	top:-9999px;
}
/* color */
.blue{ color:#0f65a4; }
.red{ color:#d73030; }
.orange{ color:#ff7e00; }
.sky_blue{ color:#3f93d1; }

/* bg */
.bg_gray { background:#f7f7f7; }

.hdtext{display:inline-block;width:0;height:0;overflow:hidden;line-height:0;color:transparent;}
.wid0{width:0 !important;}
.wid10{width:10px !important;}
.lang_2{font-family:"굴림",Gulim,helvetica, sans-serif !important;font-weight: normal;}
.fw500{font-weight:500 !important;}
.fw400{font-weight:400 !important;}
.fw300{font-weight:300 !important;}
.mauto{margin:0 auto !important}
.ft_r{font-weight:400 !important;}
.fz20{font-size: 20px !important;}
.cotype1{color:#06a7e1 !important;}
.alignr{text-align:right !important;}
.dsym{color:#222 !important;}
.dsym *{color:#222 !important;}
.dnsym{color:#999 !important;}
.rudsym{color:#f26938 !important;text-decoration:underline !important;}
.hunder{text-decoration:underline !important;}
.osym{color:#f15921 !important;}
.tal{text-align:left !important;}
.tar{text-align:right !important;}
.tar img{ vertical-align:middle; }
.tac{text-align:center !important;}
.w50per{width:50%;}
.w60per{width:60%;box-sizing:border-box;}
.w70per{width:70%;box-sizing:border-box;}
.w80per{width:80%;box-sizing:border-box;}
.w90per{width:90%;box-sizing:border-box;}
.w95per{width:95%;box-sizing:border-box;}
.w100per{width:100%;box-sizing:border-box;}
.w210pix{}
.mr3{margin-right:3px !important;}
.mr4{margin-right:4px !important;}
.mr5{margin-right:5px !important;}
.mr7{margin-right:7px !important;}
.mr9{margin-right:9px !important;}
.mr10{margin-right:10px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb50{margin-bottom:50px !important;}
.fl{float:left;}
.pt0{padding-top:0 !important;}
.pt8{padding-top:8px !important;}
.pt10{padding-top:10px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}
.pt50{padding-top:50px !important;}
.pt60{padding-top:60px !important;}
.pt70{padding-top:70px !important;}
.pt100{padding-top:100px !important;}
.pb0{padding-bottom:0 !important;}
.pb20{padding-bottom:20px !important;}
.pb30{padding-bottom:30px !important;}
.pb40{padding-bottom:40px !important;}
.pb50{padding-bottom:50px !important;}
.pb60{padding-bottom:60px !important;}

.pr0{padding-right:0 !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr30{padding-right:30px !important;}
.pr40{padding-right:40px !important;}
.pr50{padding-right:50px !important;}
.pr60{padding-right:60px !important;}
.pr70{padding-right:70px !important;}
.pr80{padding-right:80px !important;}
.pl20{padding-left:20px !important;}
.pl30{padding-left:30px !important;}
.pl50{padding-left:50px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt_m18{margin-top:-18px !important;}
.mt_m20{margin-top:-20px !important;}
.mt_m22{margin-top:-22px !important;}
.mt_m24{margin-top:-24px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt70{margin-top:70px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb80{margin-bottom:80px !important;}
.h0{height:0;}
.mh0{min-height:0 !important;}


/* fake form - placeholder */
input[type="checkbox"],
input[type="radio"]{visibility:hidden;}
.placeholder {color: #bbb;}

/* fake form - radio */
.radio {width: 17px; height: 17px; vertical-align: -4px; margin-right: 3px; background: url("../images/common/item_rd.png") no-repeat; display: inline-block;}
.radio.focus {background-position: 0 -17px;}
.radio.checked {background-position: 0 -34px;}
.radio.disabled {background-position: 0 -51px;}
.radio.checked.disabled {background-position: 0 -68px;}

/* fake form - checkbox */
.checkbox {width: 17px; height: 17px; vertical-align: -4px; margin-right: 3px; background: url("../images/common/item_chk.png") no-repeat; display: inline-block;}
.checkbox.focus {background-position: 0 -17px;}
.checkbox.checked {background-position: 0 -34px;}
.checkbox.disabled {background-position: 0 -51px;}
.checkbox.checked.disabled {background-position: 0 -68px;}
.checkbox.colored {background-image: url("../images/common/checks2.png");}

/* 탑 버튼*/
.btn_top { z-index:1002;position:fixed;bottom:20px;right:20px;width:50px;height:50px;background:#191919 url(../images/common/btn_top.png) no-repeat; transition:all 0.2s ease 0s; }
.btn_top:hover { background:#b2bdc8 url(../images/common/btn_top_over.png) no-repeat; transition:all 0.2s ease 0s; }
.btn_top span { display:none; }
/* 탑 버튼*/