﻿@charset "utf-8";

/*
	[속성 선언 순서 기준: 1~6: 레이아웃, 7~8: 테두리/배경, 9: 폰트, 10: 기타]
	순서	의미		대표되는 속성			관련 속성
	1			표시		display						visibility
	2			넘침		overflow					-
	3			흐름		float							clear
	4			위치		position					top, right, left, bottom, z-index
	5			크기		width & height		-
	6			간격		margin & padding	-
	7			테두리	border						-
	8			배경		background				-
	9			폰트		font							color, letter-spacing, text-align, text-decoration, text-indent, vertical-align, white-space 등
	10		기타		-									-

	[약식속성의 젂체속성 선언 순서]
	background	background-color, background-image, background-repeat, background-attachment, background-position
	font				font-style, font-variant, font-size, font-weight, font-family, line-height
	a:					link, visited, active, hover, focus
*/

/* ------------------------------------------------------------------------------------------------------------------ */
/* General Style */
/* ------------------------------------------------------------------------------------------------------------------ */

body,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,table,tr,th,td,form,fieldset,legend,input,textarea,button,select,div,img,pre {margin:0;padding:0;}
img {border-width:0;vertical-align:top;}
table,tr,td,th {border-spacing:0;border-collapse:collapse;}
body,input,textarea,select,table,option {color:#000;font-size:12px;font-family:'tahoma','dotum','돋움','gulim','굴림';}

a:link {color:inherit;text-decoration:none;}
a:visited {color:inherit;text-decoration:none;}
a:hover {color:#cc6633;text-decoration:underline;}
a:active {color:inherit;text-decoration:none;}

input,select,option,textarea,map {outline:none;}

h1 img {vertical-align:middle;}
/*
* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*:after, *:before {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*/
/* for waiting box
.blockUI {box-sizing:content-box;}
*/
/* ------------------------------------------------------------------------------------------------------------------ */
/* Common Styles */
/* ------------------------------------------------------------------------------------------------------------------ */

/* Floating */

.cmm_float_left {float:left;}
.cmm_float_right {float:right;}
.cmm_clear {clear:both;}

/* Margin, Padding, Spacing */

.cmm_padding_a8 {padding:8px;}
.cmm_padding_a16 {padding:16px;}
.cmm_padding_h8 {padding:0 8px;}
.cmm_padding_h16 {padding:0 16px;}
.cmm_padding_v8 {padding:8px 0;}
.cmm_padding_v16 {padding:16px 0;}

.cmm_space_h4 {width:100%;height:4px;font-size:1px;}
.cmm_space_h8 {width:100%;height:8px;font-size:1px;}
.cmm_space_h16 {width:100%;height:16px;font-size:1px;}
.cmm_space_h24 {width:100%;height:24px;font-size:1px;}
.cmm_space_h32 {width:100%;height:32px;font-size:1px;}

/* Layouts */

.cmm_hidden {display:none;}

.cmm_inline {display:-moz-inline-stack;display:inline-block;padding:0;margin:0;vertical-align:top;font-size:1px;}

.cmm_span {display:-moz-inline-stack;display:inline-block;padding:0;margin:0;vertical-align:top;}

.cmm_pointer {cursor:pointer;}

.cmm_absolute {position:absolute;}
.cmm_relative {position:relative;}

/* Line, Box */

.cmm_hr {height:1px;background-color:#ccc;font-size:1px;}

.cmm_round {border:1px solid #bfbfbf;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;background-color:#fff;}

.cmm_roundbox {margin-bottom:1px;border:1px solid #bfbfbf;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;background-color:#fff;
	-webkit-box-shadow:0 1px 0 0 rgba(0,0,0,0.33);-moz-box-shadow:0 1px 0 0 rgba(0,0,0,0.33);box-shadow:0 1px 0 0 rgba(0,0,0,0.33);}

.cmm_transbox {border:1px solid transparent;}

/* Hyperlinks */

.cmm_link:link {color:inherit;text-decoration:none;}
.cmm_link:visited {color:inherit;text-decoration:none;}
.cmm_link:hover {color:#cc6633;text-decoration:underline;}
.cmm_link:active {color:inherit;text-decoration:none;}

/* Button */

.cmm_button {display:-moz-inline-stack;display:inline-block;outline:none;
	padding:6px 12px;color:#606060;white-space:nowrap;cursor:pointer;text-decoration:none;line-height:16px;text-align:center;
	border:1px solid #ccc;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;background-color:#f7f7f7;background-image:linear-gradient(#ffffff, #f0f0f0);}
.cmm_button {font-size:14px;font-weight:bold;font-family:'helvetica','Malgun Gothic','맑은 고딕','dotum','돋움','tahoma';}

.cmm_button:hover {border-color:#808080;color:#7a4900;}
a:hover .cmm_button {border-color:#808080;color:#7a4900;}

.cmm_button.disabled {border-color:#ccc;color:#afafaf;cursor:default;}
.cmm_button.disabled:hover {border-color:#ccc;color:#afafaf;}
a:hover .cmm_button.disabled {border-color:#ccc;color:#afafaf;}

.cmm_button.small {padding:1px 7px;font-size:12px;font-weight:normal;}

/* ------------------------------------------------------------------------------------------------------------------ */
/* Text, Font Styles */
/* ------------------------------------------------------------------------------------------------------------------ */

/* font weights */

.cfw_bold {font-weight:bold;}
.cfw_normal {font-weight:normal;}

/* font styles */

.cfs_default {font-family:'tahoma','dotum','돋움','gulim','굴림';}
.cfs_arial {font-family:'arial','tahoma','dotum','돋움';}
.cfs_calibri {font-family:'calibri','Malgun Gothic','맑은 고딕','dotum','돋움','tahoma','arial';}
.cfs_dotum {font-family:'dotum','돋움','gulim','굴림';}
.cfs_georgia {font-family:'georgia','Malgun Gothic','맑은 고딕','dotum','돋움','tahoma';}
.cfs_malgun {font-family:'Malgun Gothic','맑은 고딕','dotum','돋움','tahoma';}
.cfs_msreference {font-family:'MS Reference Sans Serif','tahoma','arial','dotum','돋움';}
.cfs_tahoma {font-family:'tahoma','dotum','돋움';}
.cfs_verdana {font-family:'verdana','Malgun Gothic','맑은 고딕','dotum','돋움','tahoma','arial','dotum','돋움';}

.ko .cfs_marial {font-family:'Malgun Gothic','맑은 고딕','dotum','돋움','tahoma';}
.en .cfs_marial {font-family:'arial','tahoma','dotum','돋움';}
.ko .cfs_mcalibri {font-family:'Malgun Gothic','맑은 고딕','dotum','돋움','tahoma';}
.en .cfs_mcalibri {font-family:'calibri','tahoma','arial','dotum','돋움';}
.ko .cfs_mgeorgia {font-family:'Malgun Gothic','맑은 고딕','dotum','돋움','tahoma';}
.en .cfs_mgeorgia {font-family:'georgia','tahoma','arial','dotum','돋움';}
.ko .cfs_mhelvetica {font-family:'Malgun Gothic','맑은 고딕','dotum','돋움','tahoma';}
.en .cfs_mhelvetica {font-family:'helvetica','tahoma','arial','dotum','돋움';}
.ko .cfs_mtahoma {font-family:'Malgun Gothic','맑은 고딕','dotum','돋움','tahoma';}
.en .cfs_mtahoma {font-family:'tahoma','arial','dotum','돋움';}
.ko .cfs_mverdana {font-family:'Malgun Gothic','맑은 고딕','dotum','돋움','tahoma';}
.en .cfs_mverdana {font-family:'verdana','tahoma','arial','dotum','돋움';}

/* text aligns */

.cta_left {text-align:left;}
.cta_right {text-align:right;}
.cta_center {text-align:center;}

/* vertical aligns */

.cva_top {vertical-align:top;}
.cva_middle {vertical-align:middle;}
.cva_bottom {vertical-align:bottom;}

/* background colors */


/* ------------------------------------------------------------------------------------------------------------------ */
/* Common Layouts */
/* ------------------------------------------------------------------------------------------------------------------ */

.clo_header {box-sizing:content-box;width:1300px;margin:0 auto;border-left:1px solid #ccc;border-right:1px solid #ccc;}
.clo_menubar {box-sizing:content-box;width:1300px;margin:0 auto;border-left:1px solid #ccc;border-right:1px solid #ccc;}
.clo_contents {box-sizing:content-box;width:1300px;margin:0 auto;border-left:1px solid #ccc;border-right:1px solid #ccc;}
.clo_footer {box-sizing:content-box;width:1300px;margin:0 auto;border-left:1px solid #ccc;border-right:1px solid #ccc;}
.clo_htmlcodes {display:none;}
.clo_iframe {box-sizing:content-box;}

/* ------------------------------------------------------------------------------------------------------------------ */
/* Removed */
/* ------------------------------------------------------------------------------------------------------------------ */

.cwp_header {padding:16px;background-color:#4378b6;color:#fff;font-weight:bold;}
.cwp_header a {color:#fff;text-decoration:none;}
.cwp_header a:hover {color:#f90;text-decoration:underline;}

.cwp_contents {}

.cwp_footer {color:#fff;font-family:'calibri';}
.cwp_footer a {color:#fff;}
.cwp_footer a:hover {color:#f90;text-decoration:underline;}

.cwc_site {box-sizing:border-box;width:120px;height:22px;padding:1px;border:1px solid #fff;background-color:#000;}
.cwc_site select {width:100%;height:100%;margin:0;padding:0;border:0;color:#fff;background-color:#000;outline:none;font-weight:bold;
	background-image:url('/images/common/site.selector.png');background-repeat:no-repeat;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;}
.cwc_site select::-ms-expand {display:none;/* hide default arrow in IE10 */}
.cwc_site select option {color:#99ff00;}

.cwh_search .csh_magnifier {width:20px;height:20px;background-image:url('/images/common/header.button.png');background-repeat:no-repeat;background-position:-47px -2px;}
.cwh_search .csh_edit {box-sizing:border-box;width:220px;height:22px;margin-right:4px;padding-left:20px;border:2px solid #17385e;background-color:#bbc1d1;vertical-align:top;}
.cwh_search .csh_edit:focus {border:2px solid #c7a054;background-color:#e0f0ff;}
.cwh_search .csh_button {width:46px;height:22px;border:none;vertical-align:top;background-image:url('/images/common/header.button.png');background-repeat:no-repeat;cursor:pointer;}

.cwh_information {text-align:right;}

.cwf_titlebar {padding:8px 16px;background-color:#214d87;}
.cwf_titlebar .cws_title {padding-right:16px;font-size:19px;font-weight:bold;line-height:22px;}

.cwf_contents {padding:16px;font-size:15px;font-weight:bold;background-color:#2b60a8;}
.cwf_contents .csf_sitemap .csi_group {padding-bottom:16px;}
.cwf_contents .csf_sitemap .csi_group .csi_title {width:170px;color:#f90;}
.cwf_contents .csf_sitemap .csi_korean {font-size:13px;font-family:'Malgun Gothic','맑은 고딕','dotum','돋움';}
.cwf_contents .csf_address .csi_site {margin-right:32px;padding:16px 0 24px;line-height:18px;}
.cwf_contents .csf_copyright {font-size:13px;font-weight:normal;}