@charset "utf-8";

/* UXFACTORY (http://www.uxfactory.co.kr) */
/* Site Layout - UXFACTORY */

@import url(http://fonts.googleapis.com/earlyaccess/Nanum Gothic.css);
/* ----------------------------------------------------------------------------------------------------------------------------
Reset Code
----------------------------------------------------------------------------------------------------------------------------*/
/* { padding:0; margin:0;}*/
html,body,div,span,applet,object,iframe,p,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video
{margin:0;border:0;font-size:100%;} /* delete vertical-align */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;} /* HTML5 display-role reset for older browsers */
body,html{width:100%;}
/*
ol,ul{list-style:none;}
*/
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
dt{display:block;}
a{cursor:pointer;}
hr{display:none;}


/* ----------------------------------------------------------------------------------------------------------------------------
Setup Code // 1step - 웹사이트의 기본설정
----------------------------------------------------------------------------------------------------------------------------*/
body {overflow-x:hidden;  font-family:'나눔고딕',NanumGothic,Malgun Gothic,AppleSDGothicNeo,Apple Gothic,dotum,Tahoma,Geneva,Helvetica,sans-serif;}
body,input,select,textarea{font:12px/1.5 '나눔고딕',NanumGothic,Malgun Gothic,AppleSDGothicNeo,Apple Gothic,dotum,Tahoma,Geneva,Helvetica,sans-serif;}
a{color:#000;text-decoration:none;} 
a:hover{color:#000;text-decoration:none;}


/* ----------------------------------------------
common
------------------------------------------------*/
body {min-width:1100px; }

/* scroll top */
.scroll_top {position:fixed; cursor:pointer; bottom:1em; right:10px; width:50px; height:60px; padding-right: 1em; display: none; z-index: 999;}
.scroll_top span { color:#61ba9e;}

/* ----------------------------------------------
HEADER
------------------------------------------------*/
#header {width:100%; background:#fff;}
#header .head_set {width:100%; background:#fc5857;}
#header .head_set .head {width:1100px; height:110px; margin:0 auto; position:relative; z-index:3;}
#header .head_set .head h1{ float:left; display:block; margin:0px;}
#header .head_set .head h1 a{color:#fff;text-decoration:none}
#header:after{content:"";display:block;clear:both}

/* sub_set */
#sub_set {width:100%; height:60px; background:#fff; border-bottom:1px solid #e2e4e9;}
#sub_set .sub_title {width:1100px; margin:0 auto; overflow:hidden; zoom:1; line-height:60px;}
#sub_set block {display:none;}
#sub_set .sub_title h2 {float:right; display:block; width:260px; text-align:center; font-size:30px; font-weight:bold; color:#727f91; margin:0px;}
#sub_set .sub_title ul {float:left; color:#939daa; list-style:none; margin:0px; padding:0px;}
#sub_set .sub_title ul li {float:left; padding-left:18px; background:url(../img/bul_location_arrow.png) no-repeat 6px 26px;}
#sub_set .sub_title ul li:first-child { padding-left:30px; background:url(../img/bul_location.png) no-repeat 6px 21px;}

/* ----------------------------------------------
BODY
------------------------------------------------*/
#container {width:1100px; margin:0 auto; overflow:hidden; zoom:1;  margin-top:20px; margin-bottom:20px; background:url(../img/bg_contents.png) repeat-y;}

/* left_column */
#container .content_set{ float:left; width:830px; margin-right:10px; background:#FFF;}

.xe_content {color:#666 !important;}
.document_popup_menu { text-align:right; margin-top:10px;}

#container .content_set .content {margin:30px 30px 70px 30px;}
#container .content_set .content h1 {font-size:24px;}
#container .content_set .content h5 {font-size:16px; margin-top:20px; color:#fc5857;}

/* lnb */
#container .content_set .snb{position:relative; background:#fafafb; height:60px; overflow:hidden;}
#container .content_set .snb h2 {position:absolute; display:block; font-size:24px; font-weight:normal; color:#5c636c; top:11px; left:30px; padding-left:30px; background:url(../img/bul_location_title.png) no-repeat 1px 4px; margin:0px;}

/* sub_navi */
#container .content_set .sub_navi {float:right; position:absolute; top:12px; right:10px; list-style:none; margin:0px;}
#container .content_set .sub_navi li {float:left;}
#container .content_set .sub_navi li a{display:block; font-size:14px; padding:7px 10px; margin-right:6px; border:1px solid #e4e7ed; color:#79869a; background:#fff; border-radius:5px;}
#container .content_set .sub_navi li.active a{color:#fff; background:#fc5857; border:0px !important; padding:8px 11px !important;}

/* right_column */
#container .right_column{float:right; width:228px; padding:16px; background:#FFF;}
#container .right_column .search {background:#eef0f3;}
#container .right_column .search input {background:#eef0f3; border:0px; width:181px; padding:6px; vertical-align:top; display:inline-block;}
#container .right_column .search input.submit{width:15px !important; height:15px !important;}
#container .right_column h2 {font-size:14px; font-weight:normal; color:#6e7d91; padding-bottom:12px; margin:20px 0 6px 0; background:url(../img/bg_pattern.png) repeat-x 0 25px;}
#container:after{content:"";display:block;clear:both}


/* ----------------------------------------------
FOOTER
------------------------------------------------*/
#footer_set {background:#fff;}
#footer{width:1100px; padding:20px 0; height:40px; line-height:40px; margin:0 auto; color:#fc5758; color:#999; overflow:hidden;}

#footer .foot_logo {float:left; color:#727f91; font-size:18px; font-weight:bold;}
#footer .copyright {float:right;}

#footer:after{content:"";display:block;clear:both}