@charset "euc-kr";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,500,700);
@import url(https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css);
@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900');

/* Basic */
img { border:0; filter: focus-blur();}
body {  margin:0 auto; padding:0; background:url(/img/sub/bg_sub.jpg) repeat-x top;font-size:14px; color:#333333; font-family:'Open Sans', sans-serif, 'Nanum Gothic', '¸¼Àº °íµñ', 'Malgun Gothic', 'µ¸¿ò', 'Ubuntu', dotum, sans-serif; line-height:24px;}
div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td{margin:0; padding:0; border:0;}
ul,ol,li{list-style:none}

a:active{font-family: Verdana, Arial, Helvetica, sans-serif,±¼¸²; font-size:12px; text-decoration:none; color:#848484;}
a:focus{font-family: Verdana, Arial, Helvetica, sans-serif,±¼¸²; font-size:12px; text-decoration:none; color:#848484;}
a:link {font-family: Verdana, Arial, Helvetica, sans-serif,±¼¸²; font-size:12px; text-decoration:none; color:#848484;}
a:visited {font-family: Verdana, Arial, Helvetica, sans-serif,±¼¸²; font-size:12px; text-decoration:none; color:#848484;}
a:hover {font-family: Verdana, Arial, Helvetica, sans-serif,±¼¸²; font-size:12px; text-decoration:none; color:#ba8c03;}

/* Á¦Ç°¸®½ºÆ® ¸µÅ© */
A.plink:active {font-family: Verdana, Arial, Helvetica, sans-serif,±¼¸²; letter-spacing:-0.1em; font-size:11px; color:#4f4f4f; line-height:14px;}
A.plink:link {font-family: Verdana, Arial, Helvetica, sans-serif,±¼¸²; letter-spacing:-0.1em; font-size:11px; color:#4f4f4f; line-height:14px;}
A.plink:visited {font-family: Verdana, Arial, Helvetica, sans-serif,±¼¸²; letter-spacing:-0.1em; font-size:11px; color:#4f4f4f; line-height:14px;}
A.plink:hover {font-family: Verdana, Arial, Helvetica, sans-serif,±¼¸²; letter-spacing:-0.1em; font-size:11px; color:#6699CC; line-height:14px; text-decoration:none;}

/* ž¸Þ´º ¸µÅ© */
A.tlink:active {font-family: Verdana, Arial, Helvetica, sans-serif,±¼¸²; letter-spacing:-0.1em; font-size:12px; color:#666666; line-height:14px;}
A.tlink:link {font-family: Verdana, Arial, Helvetica, sans-serif,±¼¸²; letter-spacing:-0.1em; font-size:12px; color:#666666; line-height:14px;}
A.tlink:visited {font-family: Verdana, Arial, Helvetica, sans-serif,±¼¸²; letter-spacing:-0.1em; font-size:12px; color:#666666; line-height:14px;}
A.tlink:hover {font-family: Verdana, Arial, Helvetica, sans-serif,±¼¸²; letter-spacing:-0.1em; font-size:12px; color:#666666; line-height:14px; text-decoration:underline;}

/* ·Î±×ÀÎ */
A.mlogin:active {font-family: Verdana, Arial, Helvetica, sans-serif,±¼¸²; letter-spacing:-0.1em; font-size:11px; color:#878787; line-height:14px; font-weight:bold;}
A.mlogin:link {font-family: Verdana, Arial, Helvetica, sans-serif,±¼¸²; letter-spacing:-0.1em; font-size:11px; color:#878787; line-height:14px; font-weight:bold;}
A.mlogin:visited {font-family: Verdana, Arial, Helvetica, sans-serif,±¼¸²; letter-spacing:-0.1em; font-size:11px; color:#878787; line-height:14px; font-weight:bold;}
A.mlogin:hover {font-family: Verdana, Arial, Helvetica, sans-serif,±¼¸²; letter-spacing:-0.1em; font-size:11px; color:#ba8c03; line-height:14px; font-weight:bold; text-decoration:none;}


#topsector .cate_menu2{ float:left; width:1180px; border:0; padding:0px; margin:0 auto; }
#topsector .cate_menu2 .menu_wrap{ floar:left;  margin:0 0 0 50px; padding:0; position:relative; width:1120px; z-index:1000; border:0; font-size:13px; color:#fff;}


#topsector ul li.menu_btn  ul.submenu_wrap li a {font-size:13px;font-weight:500; color:#fff; border:none; height:29px; line-height:28px;}

#topsector ul li ul.submenu_wrap li a:active { font-size:13px; color:#8aeeda; border:none;}
#topsector ul li ul.submenu_wrap li a:link { font-size:13px; color:#fff; border:none;}
#topsector ul li ul.submenu_wrap li a:visited {  font-size:13px; color:#fff;border:none;}
#topsector ul li ul.submenu_wrap li a:hover {  font-size:13px; color:#8aeeda; }
		
#topsector .cate_menu2 .menu_wrap .main_cate {float:left; display:inline; width:1180px;}
#topsector .cate_menu2 .menu_wrap .main_cate li{ float:left; width:200px; padding:20px 32px; position:relative; border-bottom:0px #d2d2d2 dotted; font-size:18px;}
#topsector .cate_menu2 .menu_wrap .sub_cate {float:left; display:block; padding-left:0px; width:180px;}
		
#topsector .cate_menu2 .menu_wrap .menu_btn{float:left;font-size:18px; width:180px; padding:0;  position:relative; text-align:center; }

#topsector .cate_menu2 ul li.menu_btn > a{font-size:16px;width:180px; letter-spacing:-0.05em; height:40px; padding:2px 0; font-weight:600; color:#fff; line-height:40px; display:inline-block;border-bottom:2px solid #b7e0dd; margin-bottom:15px; }


#topsector .cate_menu2 .menu_wrap .cate01_sub {border:0px solid #e3c5ae; position:absolute; top:70px; left:40px; width:180px; height:170px; display:inline; z-index:5; padding:2px 0 5px 3px; margin:0; overflow:hidden;}
#topsector .cate_menu2 .menu_wrap .cate01_sub ul{float:left; width:180px; padding:0; margin:0; top:0; height:170px;}
#topsector .cate_menu2 .menu_wrap .cate01_sub li{float:left; width:180px; padding:2px 2px 1px 10px; margin:0; text-align:left; border-bottom:1px #48b5ad dotted;}
#topsector .cate_menu2 .menu_wrap .cate01_sub li img{padding:2px 0 0 13px;}

#topsector .cate_menu2 .menu_wrap .cate02_sub {border:0px solid #e3c5ae; position:absolute; top:70px; left:40px; width:180px; height:180px; display:inline; z-index:5; padding:2px 0 5px 3px; margin:0;}
#topsector .cate_menu2 .menu_wrap .cate02_sub ul{float:left; width:180px; padding:0; margin:0; height:146px;}
#topsector .cate_menu2 .menu_wrap .cate02_sub li{float:left; width:180px; padding:2px 2px 1px 10px; margin:0; text-align:left; border-bottom:1px #48b5ad dotted;}
#topsector .cate_menu2 .menu_wrap .cate02_sub li img{padding:2px 0 0 13px;}

#topsector .cate_menu2 .menu_wrap .cate03_sub {border:0px solid #e3c5ae; position:absolute; top:70px; left:40px; width:180px; height:180px; display:inline; z-index:5; padding:2px 0 5px 3px; margin:0; }
#topsector .cate_menu2 .menu_wrap .cate03_sub ul{float:left; width:180px; padding:0; margin:0; height:146px;}
#topsector .cate_menu2 .menu_wrap .cate03_sub li{float:left; width:180px; padding:2px 2px 1px 10px; margin:0; text-align:left; border-bottom:1px #48b5ad dotted;}
#topsector .cate_menu2 .menu_wrap .cate03_sub li img{padding:2px 0 0 13px;}

#topsector .cate_menu2 .menu_wrap .cate04_sub {border:0px solid #e3c5ae; position:absolute; top:70px; left:40px; width:180px; height:155px; display:inline;; z-index:5; padding:2px 0 5px 3px; margin:0;}
#topsector .cate_menu2 .menu_wrap .cate04_sub ul{float:left; width:180px; padding:0; margin:0; height:146px;}
#topsector .cate_menu2 .menu_wrap .cate04_sub li{float:left; width:180px; padding:2px 2px 1px 10px; margin:0; text-align:left; border-bottom:1px #48b5ad dotted;}
#topsector .cate_menu2 .menu_wrap .cate04_sub li img{padding:2px 0 0 13px;}

#topsector .cate_menu2 .menu_wrap .cate05_sub {border:0px solid #e3c5ae; position:absolute; top:70px; left:40px; width:180px; height:155px; display:inline; z-index:5; padding:2px 0 5px 3px; margin:0;}
#topsector .cate_menu2 .menu_wrap .cate05_sub ul{float:left; width:180px; padding:0; margin:0; height:146px;}
#topsector .cate_menu2 .menu_wrap .cate05_sub li{float:left; width:180px; padding:2px 2px 1px 10px; margin:0; text-align:left; border-bottom:1px #48b5ad dotted;}
#topsector .cate_menu2 .menu_wrap .cate05_sub li img{padding:2px 0 0 13px;}

#topsector .cate_menu2 .menu_wrap .cate06_sub {border:0px solid #e3c5ae; position:absolute; top:70px; left:40px; width:180px; height:155px; display:inline; z-index:5; padding:2px 0 5px 3px; margin:0;}
#topsector .cate_menu2 .menu_wrap .cate06_sub ul{float:left; width:180px; padding:0; margin:0; height:146px;}
#topsector .cate_menu2 .menu_wrap .cate06_sub li{float:left; width:180px; padding:2px 2px 1px 10px; margin:0; text-align:left; border-bottom:1px #48b5ad dotted;}
#topsector .cate_menu2 .menu_wrap .cate06_sub li img{padding:2px 0 0 13px;}


/* main_background */
.bottombg {background-attachment: scroll; background-image: url(../img/sub/bottom.jpg); background-repeat: no-repeat; background-position: left bottom;}

/*select*/
select{font-family: Verdana, Arial, Helvetica, sans-serif,±¼¸²; font-size:11px; color:#545454;; border: 1px #E0E2E4 solid;}

/*INPUT*/
/*INPUT*/
.radio_input{font-family: Verdana, Arial, Helvetica, sans-serif,±¼¸²; font-size:12px; color:#545454; background-color: #ffffff }
.login_input{font-family: Verdana, Arial, Helvetica, sans-serif,±¼¸²; font-size:11px; background-color:#FFFFFF; border: 1px solid #D3D1C5; background-color: #EDECE6; height:18;}
.search_input{font-family: Verdana, Arial, Helvetica, sans-serif,±¼¸²; font-size:11px; color:#545454;; border: 1px #cccccc solid; background-color: #ffffff ;}
.button_input{font-family: Verdana, Arial, Helvetica, sans-serif,±¼¸²; font-size:12px; color:#545454;border: 1px #cccccc solid; background-color:#e7e7e7}
/*input, select {font-family: Verdana, Arial, Helvetica, sans-serif,±¼¸²; font-size:11px; color:#545454;; border: 1px #cccccc solid; background-color: #ffffff ;} */

.button_input{font-family: Verdana, Arial, Helvetica, sans-serif,±¼¸²; font-size:12px; color:#545454;border: 1px #cccccc solid; background-color:#e7e7e7}

/* board_sub01 */

#locate {font-size:12px; letter-spacing:-0.1em; font-family:±¼¸², µ¸¿ò; color:#999999;}
#locate .current{color:#ba8c03; font-weight:bold;}

#bodyWrap { 
 position:relative;
 top: 0px;
 left: 50%;
 width:1200px;
 height:auto;
 margin-top:0px; 
 margin-left: -600px;
 }
.uline{border-bottom:1px solid #EEEEEE}

.mainbn { width:100%; margin:auto; text-align:center; clear:both;}
.mainbn #banner {width:1190px; height:80px;}
.mainbn #banner .fm { float:left; margin-left:10px;width:130px;height:20px; color:#a42d55; font-size:18px; font-weight:600; margin:30px 0; border-left:1px solid #d196aa;}
.mainbn #banner .fmbn { width:1060px; height:50px; }

#footer { width:100%; background:#f1f1f1; margin-top:10px; height:75px; padding:20px 0;  clear:both; display:block;}
#footer #footloc { width:1180px; margin:0 auto; padding:10px; }
#footer #footloc .add { float:left; width:990px; font-size:13px; line-height:26px; color:#666; }
#footer #footloc .add .bl {color:#222; font-weight:600; }
#footer #footloc .copylogo {float:left; width:160px; height:50px;margin-left:30px; }


.bold { font-weight:bold}
.position_l { float:left !important;}
.position_r { float:right !important;}
.dsp { display:inline !important;}

.t_l { text-align:left !important;}
.t_c { text-align:center !important;}
.t_r { text-align:right !important;}

.m_t3 {margin-top:3px !important;}
.m_t5 {margin-top:5px !important;}
.m_t9 {margin-top:9px !important;}
.m_t10 {margin-top:10px !important;}
.m_t15 {margin-top:15px !important;}
.m_t20 {margin-top:20px !important;}
.m_t25 {margin-top:25px !important;}
.m_t30 {margin-top:30px !important;}
.m_l9 {margin-left:9px !important;}
.m_l400 {margin-left:400px !important;}

.m_b5 { margin-bottom:5px !important;}
.m_b10 { margin-bottom:10px !important;}
.m_b20 { margin-bottom:20px !important;}
.m_b30 { margin-bottom:30px !important;}


.p_t5 {padding-top:5px !important;}
.p_t10 {padding-top:10px !important;}
.p_t20 {padding-top:20px !important;}
.p_t25 {padding-top:25px !important;}
.p_t30 {padding-top:30px !important;}

.p_l3 {padding-left:3px !important;}
.p_l5 {padding-left:5px !important;}
.p_l10 {padding-left:10px !important;}
.p_l20 {padding-left:20px !important;}
.p_l30 {padding-left:30px !important;}
.p_l100 {padding-left:100px !important;}

.p_r5 {padding-right:5px !important;}
.p_r10 {padding-right:10px !important;}
.p_r20 {padding-right:20px !important;}
.p_r30 {padding-right:30px !important;}
.p_r100 {padding-right:100px !important;}


.font_blue {color:#458CCC !important;}
.font_green {color:#368C7F !important;}
.font_red { color:#FF0000 !important;}