@charset "utf-8";


.con1 {width:320px;height:108px;margin:20px}
.con2 {width:420px;height:500px;float:right;}
.con3{margin: 300px 150px 30px 80px;}

 .container {width:100%;}
 .ab-cont {float:left; width:515px;}
 
 .a {width:345px;padding-left:20px;padding-top:20px;}
 .b {padding-top:270px;padding-left:50px;}
 .c {float:right; width:570px; height:520px; }

.container .ab-cont .b .b1 img {
float:left; width:220px;
}

.container .ab-cont .b .b2 img {
float:right; width:220px;
}
/* ----------------------------------------------------------------------------------------------------------------------------
Reset Code
----------------------------------------------------------------------------------------------------------------------------*/
* { padding:0; margin:0;  font-size:12px; }
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,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;padding: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,q{quotes: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 {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:#FFFFFF;text-decoration:none;} 
a:hover{color:#FFFFFF;text-decoration:none;}
input.text{padding:2px;height:18px;border:1px solid #000;}
select.select{height:22px;border:1px solid #000;}
textarea.textarea{width:98%;border:1px solid #000;}

/* ----------------------------------------------
WRAPS
------------------------------------------------*/
#wraps { height:100%;}
#full_wrap {width:100%; margin:0 auto; background:#FFF;}
#box_wrap {width:1100px; margin:0 auto; padding:0 20px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); background:#FFF; }

/* ----------------------------------------------
HEADER
------------------------------------------------*/


#header {}

#header .gnb {width:100%; height:40px; line-height:40px; border-bottom:1px solid #e4e2e2; background:#FFF;}
#header .gnb .gnbWrap {width:1100px; margin:0 auto; position:relative;}
#header .gnb .gnbWrap .wedget_a1 {float:left; line-height:22px; margin:3px;}
#header .gnb .gnbWrap .wedget_login {float:right;}

#header .head {width:100%; height:80px;}
#header .headWrap {width:1100px; margin:0 auto; overflow:hidden;position:relative;}
#header .headWrap h1 a{float:left; font-size:30px;}
#header .headWrap .search {float:right; width:210px; height:33px; background:#e9e9e9; margin:35px 0 0 30px;}
#header .headWrap .search input {background:#e9e9e9; border:0px; width:160px; height:15px; padding:5px; margin:4px 0 0 4px; vertical-align:top; display:inline-block;}
#header .headWrap .search input.submit{width:15px !important; height:15px !important;}
#header:after{content:"";display:block;clear:both}

.f4{border: 1px solid red;
border-top-right-radius: 160px;
border-bottom-right-radius: 160px;}
/*gnb_widgt*/
.gnb_widgt {position:absolute; top:0px; left:0px; color:#666;}

/*account*/
.account {float:right; }
.account ul{color:#999; font-size:11px; float:left; }
.account li {display:block; float:left;}
.account li strong {color:#FC5857; font-weight:bold;}
.account li a{color:#666; font-size:11px; padding:2px 0 4px 14px;}
.account li a:hover {}
.account li a.gnb_login {background:url(../img/bul_login.png) no-repeat 0px 1px; padding-left:20px}
.account li a.gnb_setting {background:url(../img/bul_setting_a.png) no-repeat 14px 2px; padding-left:30px}

/*search_account*/
.scxy { margin:44px 10px 0 0;}

/* lnb */
.lnb {background:url(../img/main_menu.gif) no-repeat; margin:20px 0px 0px 0px; width:776px;float:right;height:50px;}
.lnbWrap { margin:0 auto; clear:both; font-size:12px; white-space:nowrap; z-index:10; display:block;}
.lnbWrap ul{list-style:none; margin:0; padding:0; zoom:1}
.lnbWrap ul:after{content:""; display:block; clear:both;}
.lnbWrap li {list-style:none; float:left; position:relative; white-space:nowrap;padding-left:40px}
.lnbWrap li a {border-radius: 20px;display:block; font-size:14px; font-weight:bold; color:#FFF; padding:10px 20px; white-space:nowrap;}
.lnbWrap li a:hover {}
.lnbWrap li.active a{}
.lnbWrap ul li ul{display:none; position:absolute; left:0px; top:41px; width:150px; background:#fff !important; z-index:11;}
.lnbWrap ul li ul li{float:none; padding:0 !important; zoom:1}
.lnbWrap ul li ul li a{float:none; display:block; border:0px !important; padding:6px !important; margin:0px !important; font-size:13px !important; background:#FFF; color:#333 ; font-weight:normal !important; border-radius:0px !important; -webkit-box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2); -moz-box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2); box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2);}
.lnbWrap ul li ul li a:hover {}
.lnbWrap ul li ul li.active a{}
.lnb .lnb_ch {position: absolute;margin-left: 658px;margin-top: 10px;font-size: 14px;color: #ffffff;}
.lnb .lnb_ch a{color:#FFFFFF;}


/* ----------------------------------------------
BODY
------------------------------------------------*/
#body {overflow:hidden; zoom:1; min-height: 100%;}
#body .snb{width: 200px;margin-right: 75px;float: left;margin-left: 50px;}
#body .snb h2 {display:block; font-size:18px; font-weight:normal; margin-left:20px;}
#body .snb .snb_navi {margin-top: 1px;}
#body .snb .snb_navi li a{display:block; font-size:13px ; padding:4.7px; border-bottom:1px solid #AC9999;padding-left:20px;}
#body .snb .snb_navi li:hover a{color:#EA2511;}
#body .snb .snb_navi li.active a{color:#EA2511;}
#body .snb .widget_a3 {border:1px solid #e8e8e8; background:#fafafa; text-align:center; margin:10px 6px 0 6px;}
#body .snb .snb_top {background:#EA2511;border-radius:20px;margin-top:40px;}

/*snb_widgt*/
.snb_widgt {margin-top:20px;}

#body .content_set{width:1100px; margin:0 auto;}
#body .content_set:after{content:"";display:block;clear:both}
#body .content {position:relative; overflow:hidden;background:url(../img/main_bg.gif) no-repeat;}
#body .content .title_set {margin:25px 0 10px 0; border-bottom:1px solid #e2e2e2; overflow:hidden; padding:10px 0;}
#body .content .title_set h2{float:left; background:url(../img/bul_h2.png) no-repeat 0 7px; padding-left:26px; font-size:18px; font-weight:normal; color:#3a3a3a;}
#body .content .title_set ul{float:right; margin-top:4px;}
#body .content .title_set li{float:left; color:#b2b2b2; padding-left:14px; font-size:11px; background:url(../img/bul_location_arrow.png) no-repeat 1px 4px;}
#body .content .title_set li:first-child {background:url(../img/bul_location_home.png) no-repeat 1px 4px;}

/* ----------------------------------------------
FOOTER
------------------------------------------------*/
.footer_menu {border-top:1px solid #e7e7e7; font-size:11px; color:#909090; line-height:36px; background:#fafafa;}
.footer_menu ul{overflow:hidden; width:1100px; margin:0 auto;}
.footer_menu li {float:left; display:block; padding:0 0 0 30px; background:url(../img/footer_line.png) no-repeat 16px 14px;}
.footer_menu li a{color:#666;}
.footer_menu li a:hover{color:#333;}
.footer_menu li:first-child { background:none !important; padding-left:20px;}

#footer { font-size:11px; color:#909090; line-height:20px;max-height:350px;overflow: hidden;margin: 0 auto;}
#footerWrapA {width:1100px; margin:0 auto; text-align:center; padding-bottom:30px;}
#footerWrapA .address {color:#666; margin-top:20px;}
#footerWrapB {width:1100px; margin:0 auto; overflow:hidden;  padding-bottom:30px;}
#footerWrapB .footerLogo {float:left;}
#footerWrapB .address {float:left; color:#FFFFFF; margin:50px 0 0 125px; position:absolute;font-family:center;}

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


/* scroll top */
.nav_up{position:fixed; bottom:30px; right:30px; width:46px; height:46px; background:url(../img/btn_scroll_top.png) no-repeat; cursor: pointer;}

/* ----------------------------------------------
vr1.1 컬러셋 추가
------------------------------------------------*/
/*PINK*/
.pink #counter strong {color:#ff5875 }
.pink .lnbWrap li a {color:#000000}
.pink .lnbWrap li a.hover {color:#ffffff; background:#0;}
.pink .lnbWrap li a:hover {color:#e31c10; }
.pink .lnbWrap li.active a{color:#000000; background:#0;}
.pink .lnbWrap ul li ul li a {color:#444444 !important; background:#ffffff !important;}
.pink .lnbWrap ul li ul li a:hover {color:#ffffff !important; background:#ff5875 !important;}
.pink .lnbWrap ul li ul li.active a{color:#ffffff !important; background:#ff5875 !important;}
.pink .snb h2 {color:#FFFFFF; }
.pink .snb .snb_navi li a {color:#444444;}
.pink .snb .snb_navi li:hover a{background:#fff; color:#444444;}
.pink .snb .snb_navi li.active a{background:#fff; color:#EA2511; border-bottom:1px solid #e7e7e7;}
.pink .copyright strong {color:#ff5875;}