@charset "utf-8";
@import url(common.css);
@import url(main.css);
@import url(sub.css);
@import url(fontello.css);

@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(notosanskr.css);
/*Noto Sans KR 
	thin: font-weight:100;
	light: font-weight:300;
	regular: font-weight:400;
	medium: font-weight:500;
	bold: font-weight:700;
	black: font-weight:900;
*/
@font-face {
	font-family: 'NanumSquare';
	src: url('/fonts/NanumSquare.eot'), url('/fonts/NanumSquare?#iefix') format('embedded-opentype');src: url('/fonts/NanumSquare.woff') format('woff');
}

@font-face {
	font-family: 'NanumSquareB';
	src: url('/fonts/NanumSquareB.eot'), url('/fonts/NanumSquareB?#iefix') format('embedded-opentype');src: url('/fonts/NanumSquareB.woff') format('woff');
}

@font-face {
	font-family: 'yoon320';
	src: url('/fonts/yoon320.eot'), url('/fonts/yoon320?#iefix') format('embedded-opentype');src: url('/fonts/yoon320.woff') format('woff');
}

@font-face {
	font-family: 'Arita_dotum_Medium';
	src: url('/fonts/Arita_dotum_Medium.eot'), url('/fonts/Arita_dotum_Medium?#iefix') format('embedded-opentype');src: url('/fonts/Arita_dotum_Medium.woff') format('woff');
}

@font-face {
	font-family: 'OpenSans-Regular';
	src: url('/fonts/OpenSans-Regular.eot'), url('/fonts/OpenSans-Regular?#iefix') format('embedded-opentype');	src: url('/fonts/OpenSans-Regular.woff') format('woff');
}
@font-face {
	font-family: 'NanumBarunGothic';
	src: url('/fonts/NanumBarunGothic.eot'), url('/fonts/NanumBarunGothic?#iefix') format('embedded-opentype'); src: url('/fonts/NanumBarunGothic.woff') format('woff');
}
@font-face {
	font-family: 'proximanova-thin-webfont';
	src: url('/fonts/proximanova-thin-webfont.eot'), url('/fonts/proximanova-thin-webfont?#iefix') format('embedded-opentype');	src: url('/fonts/proximanova-thin-webfont.woff') format('woff');
}

@font-face {
	font-family: 'proximanova-regular-webfont';
	src: url('/fonts/proximanova-regular-webfont.eot'), url('/fonts/proximanova-regular-webfont?#iefix') format('embedded-opentype');	src: url('/fonts/proximanova-regular-webfont.woff') format('woff');
}
@font-face {
	font-family: 'proximanova-bold-webfont';
	src: url('/fonts/proximanova-bold-webfont.eot'), url('/fonts/proximanova-bold-webfont?#iefix') format('embedded-opentype');	src: url('/fonts/proximanova-bold-webfont.woff') format('woff');
}

/* reset */
html { font-size:1em;}
html, body {word-break:keep-all;/* word-break:break-word; */-webkit-text-size-adjust:none; }
label, button { cursor:pointer;}
a {color:#666}
a:link, a:visited { text-decoration:none;}
a:hover, a:focus, a:active { text-decoration:none;}
a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, 
dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, menu, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, td, video, tt, u, ul, var { margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, th, td, table, input, button, select, textarea, sub{ font-size:14px; letter-spacing:-.04em; }
body, input, button, select, textarea { font-weight:400; font-family:'Noto Sans KR','NanumBarunGothic', 'Malgun Gothic', dotum, '돋움', '굴림', Gulim, sans-serif;}
em, cite, address, optgroup { font-style:normal;}
img, input, button, select, textarea { vertical-align:middle;}
ul, ol { list-style:none;}
img, fieldset { border:0;}
abbr, acronym { cursor:help; border-bottom:1px dotted black;}
table { width:100%; border-spacing:0;}
table { font-size:inherit; border-collapse:separate /*collapse*/; border-spacing:0; table-layout:fixed; }
th, td { word-wrap:break-word; word-break:break-all;font-weight:normal }
legend, hr { overflow:hidden; position:absolute; top:0; left:0;}
legend, hr, caption { visibility:hidden; font-size:0; width:0; height:0; line-height:0;}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block;}
mark, rp, rt, ruby, summary, time{ display: inline;}
i, em {font-style:normal}
h1, h2, h3, h4, h5, h6, th { font-weight:400;}
strong { font-weight:500;}
.group:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.hidden { visibility:hidden; position:absolute; font-size:0; width:0; height:0; line-height:0; margin:0; padding:0; background:none;}
a.accessibility { position:absolute; display:block; width:100%; left:0; text-align:center; top:-10000px; z-index:500; font-size:13px; font-family:dotum, '돋움', '굴림', Gulim, sans-serif;}
a.accessibility:hover, a.accessibility:focus, a.accessibility:active { position: absolute; top: 0; padding:5px 0; font-weight:600; color:#fff; background:#000; z-index:500;}


input[type="radio"], input[type="checkbox"] { display: inline-block; width: 19px; height: 19px; vertical-align: middle; -webkit-appearance: none; border-radius: 0; 
border:1px solid #cfd3e1; background:#f7f7f7; margin:0; padding:0; cursor: pointer }
input[type="checkbox"] {  }
input[type="checkbox"]:checked {background:url(/images/sub/check1.png) no-repeat center ;}
input[type="radio"]:checked {background:url(/images/sub/radio_checked.png) no-repeat center ; }
input[type="checkbox"]:disabled, input[type="radio"]:disabled { background-position: 0 -50px; }
input[type="checkbox"]:disabled:checked, input[type="radio"]:disabled:checked { background-position: 0 -75px; }
input[type="text"] { color:#555; font-size:15px;margin:2px;background:#f7f7f7; padding:10px 15px; border:0;}
input[type="password"] { color:#555; font-size:15px;margin:2px;background:#f7f7f7; padding:10px 15px; border:0;}
select {border:0px solid #cfd3e1 !important; color:#555;background:#f7f7f7 !important;padding:10px 15px; }
input[type="radio"] { margin:0 5px 0; background:#fff;border:1px solid #cfd3e1 !important; border-radius:100%;} 
textarea {background:#f7f7f7; padding:10px 15px; border:0 ; color:#555;}

input[type="submit"] { border:0; border-radius:0;}
button {text-transform:none; vertical-align:middle; border:0;}
button, [type='button'], [type='reset'], [type='submit'] { cursor:pointer;border:0;}

::-webkit-input-placeholder { color:#bbb !important; font-size:16px; } 
:-moz-placeholder { color:#bbb !important; font-size:16px; }     
::-moz-placeholder { color:#bbb !important; font-size:16px; }     
:-ms-input-placeholder { color:#bbb !important; font-size:16px; } 



@media screen and (max-width:976px){
input[type="text"] { font-size:13px; padding:5px 8px;}
select{ font-size:13px; padding:5px 8px;}
textarea {font-size:13px; padding:5px 8px;}

::-webkit-input-placeholder {  font-size:14px; } 
:-moz-placeholder { font-size:14px;  }     
::-moz-placeholder { font-size:14px;  }     
:-ms-input-placeholder {font-size:14px;  } 

}




::-moz-selection { background-color: #81a1e9; color:#fff }
::selection      { background-color: #81a1e9; color:#fff; }





.bold { font-weight:500;}
.bold1 { font-weight:300;}
.bold2 { font-weight:400;}

/* font-color  */
.fc_blue {color:#324db2 !important; }
.fc_bluegreen {color:#01a2a8 !important; }
.fc_green {color:#5aa30c !important; }
.fc_black {color:#222 !important; }

.fc_pink { color:#db6193 !important;}
.fc_red { color:#e71c0d !important;}
.fc_yellow { color:#cf9549 !important;}
.fc_orange { color:#e83f0b !important;}
.fc_3 { color:#333 !important;}
.fc_4 { color:#444 !important;}
.fc_7 { color:#777 !important;}
.fc_8 { color:#888 !important;}

.clear {clear:both;}

.space10 {position:relative;float:left; width:100%; height:10px;}
.space20 {position:relative;float:left; width:100%; height:20px;}
.space30 {position:relative;float:left; width:100%; height:30px;}
.space40 {position:relative;float:left; width:100%; height:40px;}
.space50 {position:relative;float:left; width:100%; height:50px;}
.space60 {position:relative;float:left; width:100%; height:60px;}
.space70 {position:relative;float:left; width:100%; height:70px;}
.space80 {position:relative;float:left; width:100%; height:80px;}
.space90 {position:relative;float:left; width:100%; height:90px;}
.space100 {position:relative;float:left; width:100%; height:100px;}

@media screen and (max-width:767px){
.space10 { height:5px;}
.space20 { height:10px;}
.space30 { height:15px;}
.space40 { height:20px;}
.space50 { height:25px;}
.space60 { height:30px;}
.space70 { height:35px;}
.space80 { height:40px;}
.space90 {height:45px;}
.space100 { height:50px;}

}

.fl{float:left !important}
.fr{float:right !important}
.fn{float:none !important}
.center{text-align:center !important}
.right {text-align:right !important;}
.left {text-align:left !important;}
.clearfix{*zoom:1}
.clearfix:after {content:'';display:block;clear:both}
.middle {vertical-align:middle !important;}




/* Font Style
*******************************/
@font-face { font-family: 'Linearicons-Free'; src: url('/fonts/Linearicons-Free.eot?w118d'); src: url('/fonts/Linearicons-Free.eot?#iefixw118d') format('embedded-opentype'), 
 url('/fonts/Linearicons-Free.woff2?w118d') format('woff2'),  url('/fonts/Linearicons-Free.woff?w118d') format('woff'),  url('/fonts/Linearicons-Free.ttf?w118d') format('truetype'),  url('/fonts/Linearicons-Free.svg?w118d#Linearicons-Free') format('svg'); font-weight: normal; font-style: normal; }
.lnr { font-family: 'Linearicons-Free'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.lnr-home:before { content: "\e800"; }
.lnr-apartment:before { content: "\e801"; }
.lnr-pencil:before { content: "\e802"; }
.lnr-magic-wand:before { content: "\e803"; }
.lnr-drop:before { content: "\e804"; }
.lnr-lighter:before { content: "\e805"; }
.lnr-poop:before { content: "\e806"; }
.lnr-sun:before { content: "\e807"; }
.lnr-moon:before { content: "\e808"; }
.lnr-cloud:before { content: "\e809"; }
.lnr-cloud-upload:before { content: "\e80a"; }
.lnr-cloud-download:before { content: "\e80b"; }
.lnr-cloud-sync:before { content: "\e80c"; }
.lnr-cloud-check:before { content: "\e80d"; }
.lnr-database:before { content: "\e80e"; }
.lnr-lock:before { content: "\e80f"; }
.lnr-cog:before { content: "\e810"; }
.lnr-trash:before { content: "\e811"; }
.lnr-dice:before { content: "\e812"; }
.lnr-heart:before { content: "\e813"; }
.lnr-star:before { content: "\e814"; }
.lnr-star-half:before { content: "\e815"; }
.lnr-star-empty:before { content: "\e816"; }
.lnr-flag:before { content: "\e817"; }
.lnr-envelope:before { content: "\e818"; }
.lnr-paperclip:before { content: "\e819"; }
.lnr-inbox:before { content: "\e81a"; }
.lnr-eye:before { content: "\e81b"; }
.lnr-printer:before { content: "\e81c"; }
.lnr-file-empty:before { content: "\e81d"; }
.lnr-file-add:before { content: "\e81e"; }
.lnr-enter:before { content: "\e81f"; }
.lnr-exit:before { content: "\e820"; }
.lnr-graduation-hat:before { content: "\e821"; }
.lnr-license:before { content: "\e822"; }
.lnr-music-note:before { content: "\e823"; }
.lnr-film-play:before { content: "\e824"; }
.lnr-camera-video:before { content: "\e825"; }
.lnr-camera:before { content: "\e826"; }
.lnr-picture:before { content: "\e827"; }
.lnr-book:before { content: "\e828"; }
.lnr-bookmark:before { content: "\e829"; }
.lnr-user:before { content: "\e82a"; }
.lnr-users:before { content: "\e82b"; }
.lnr-shirt:before { content: "\e82c"; }
.lnr-store:before { content: "\e82d"; }
.lnr-cart:before { content: "\e82e"; }
.lnr-tag:before { content: "\e82f"; }
.lnr-phone-handset:before { content: "\e830"; }
.lnr-phone:before { content: "\e831"; }
.lnr-pushpin:before { content: "\e832"; }
.lnr-map-marker:before { content: "\e833"; }
.lnr-map:before { content: "\e834"; }
.lnr-location:before { content: "\e835"; }
.lnr-calendar-full:before { content: "\e836"; }
.lnr-keyboard:before { content: "\e837"; }
.lnr-spell-check:before { content: "\e838"; }
.lnr-screen:before { content: "\e839"; }
.lnr-smartphone:before { content: "\e83a"; }
.lnr-tablet:before { content: "\e83b"; }
.lnr-laptop:before { content: "\e83c"; }
.lnr-laptop-phone:before { content: "\e83d"; }
.lnr-power-switch:before { content: "\e83e"; }
.lnr-bubble:before { content: "\e83f"; }
.lnr-heart-pulse:before { content: "\e840"; }
.lnr-construction:before { content: "\e841"; }
.lnr-pie-chart:before { content: "\e842"; }
.lnr-chart-bars:before { content: "\e843"; }
.lnr-gift:before { content: "\e844"; }
.lnr-diamond:before { content: "\e845"; }
.lnr-linearicons:before { content: "\e846"; }
.lnr-dinner:before { content: "\e847"; }
.lnr-coffee-cup:before { content: "\e848"; }
.lnr-leaf:before { content: "\e849"; }
.lnr-paw:before { content: "\e84a"; }
.lnr-rocket:before { content: "\e84b"; }
.lnr-briefcase:before { content: "\e84c"; }
.lnr-bus:before { content: "\e84d"; }
.lnr-car:before { content: "\e84e"; }
.lnr-train:before { content: "\e84f"; }
.lnr-bicycle:before { content: "\e850"; }
.lnr-wheelchair:before { content: "\e851"; }
.lnr-select:before { content: "\e852"; }
.lnr-earth:before { content: "\e853"; }
.lnr-smile:before { content: "\e854"; }
.lnr-sad:before { content: "\e855"; }
.lnr-neutral:before { content: "\e856"; }
.lnr-mustache:before { content: "\e857"; }
.lnr-alarm:before { content: "\e858"; }
.lnr-bullhorn:before { content: "\e859"; }
.lnr-volume-high:before { content: "\e85a"; }
.lnr-volume-medium:before { content: "\e85b"; }
.lnr-volume-low:before { content: "\e85c"; }
.lnr-volume:before { content: "\e85d"; }
.lnr-mic:before { content: "\e85e"; }
.lnr-hourglass:before { content: "\e85f"; }
.lnr-undo:before { content: "\e860"; }
.lnr-redo:before { content: "\e861"; }
.lnr-sync:before { content: "\e862"; }
.lnr-history:before { content: "\e863"; }
.lnr-clock:before { content: "\e864"; }
.lnr-download:before { content: "\e865"; }
.lnr-upload:before { content: "\e866"; }
.lnr-enter-down:before { content: "\e867"; }
.lnr-exit-up:before { content: "\e868"; }
.lnr-bug:before { content: "\e869"; }
.lnr-code:before { content: "\e86a"; }
.lnr-link:before { content: "\e86b"; }
.lnr-unlink:before { content: "\e86c"; }
.lnr-thumbs-up:before { content: "\e86d"; }
.lnr-thumbs-down:before { content: "\e86e"; }
.lnr-magnifier:before { content: "\e86f"; }
.lnr-cross:before { content: "\e870"; }
.lnr-menu:before { content: "\e871"; }
.lnr-list:before { content: "\e872"; }
.lnr-chevron-up:before { content: "\e873"; }
.lnr-chevron-down:before { content: "\e874"; }
.lnr-chevron-left:before { content: "\e875"; }
.lnr-chevron-right:before { content: "\e876"; }
.lnr-arrow-up:before { content: "\e877"; }
.lnr-arrow-down:before { content: "\e878"; }
.lnr-arrow-left:before { content: "\e879"; }
.lnr-arrow-right:before { content: "\e87a"; }
.lnr-move:before { content: "\e87b"; }
.lnr-warning:before { content: "\e87c"; }
.lnr-question-circle:before { content: "\e87d"; }
.lnr-menu-circle:before { content: "\e87e"; }
.lnr-checkmark-circle:before { content: "\e87f"; }
.lnr-cross-circle:before { content: "\e880"; }
.lnr-plus-circle:before { content: "\e881"; }
.lnr-circle-minus:before { content: "\e882"; }
.lnr-arrow-up-circle:before { content: "\e883"; }
.lnr-arrow-down-circle:before { content: "\e884"; }
.lnr-arrow-left-circle:before { content: "\e885"; }
.lnr-arrow-right-circle:before { content: "\e886"; }
.lnr-chevron-up-circle:before { content: "\e887"; }
.lnr-chevron-down-circle:before { content: "\e888"; }
.lnr-chevron-left-circle:before { content: "\e889"; }
.lnr-chevron-right-circle:before { content: "\e88a"; }
.lnr-crop:before { content: "\e88b"; }
.lnr-frame-expand:before { content: "\e88c"; }
.lnr-frame-contract:before { content: "\e88d"; }
.lnr-layers:before { content: "\e88e"; }
.lnr-funnel:before { content: "\e88f"; }
.lnr-text-format:before { content: "\e890"; }
.lnr-text-format-remove:before { content: "\e891"; }
.lnr-text-size:before { content: "\e892"; }
.lnr-bold:before { content: "\e893"; }
.lnr-italic:before { content: "\e894"; }
.lnr-underline:before { content: "\e895"; }
.lnr-strikethrough:before { content: "\e896"; }
.lnr-highlight:before { content: "\e897"; }
.lnr-text-align-left:before { content: "\e898"; }
.lnr-text-align-center:before { content: "\e899"; }
.lnr-text-align-right:before { content: "\e89a"; }
.lnr-text-align-justify:before { content: "\e89b"; }
.lnr-line-spacing:before { content: "\e89c"; }
.lnr-indent-increase:before { content: "\e89d"; }
.lnr-indent-decrease:before { content: "\e89e"; }
.lnr-pilcrow:before { content: "\e89f"; }
.lnr-direction-ltr:before { content: "\e8a0"; }
.lnr-direction-rtl:before { content: "\e8a1"; }
.lnr-page-break:before { content: "\e8a2"; }
.lnr-sort-alpha-asc:before { content: "\e8a3"; }
.lnr-sort-amount-asc:before { content: "\e8a4"; }
.lnr-hand:before { content: "\e8a5"; }
.lnr-pointer-up:before { content: "\e8a6"; }
.lnr-pointer-right:before { content: "\e8a7"; }
.lnr-pointer-down:before { content: "\e8a8"; }
.lnr-pointer-left:before { content: "\e8a9"; }