@charset "utf-8";
/* 기본레이아웃 */
#wrapper	{position:relative; width:100%; height:auto; min-height:100%; padding-bottom:220px; -webkit-overflow-scrolling:touch; opacity:0; animation-name: loading_wrap; animation-duration:1s;animation-iteration-count: 1; animation-direction:normal;animation-fill-mode: forwards;  -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
#wrapper.over	{z-index: 100;}

#header		{position: fixed; width:100%; top: 0; z-index:100000;transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;}
#header .top_set							{position:relative; top:0; left:0; right:0; margin:auto; width:100%;}
#header .top_set .t_wrp					{position:relative; top:0; left:0; width:100%; height:90px;transition:all .3s ease-out; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; }




#header .top_set .t_wrp > .sd_menu,
#header .top_set .t_wrp > .mb_right			{position:absolute; top:0; width:90px; height:90px; line-height:90px; font-size:28px; cursor:pointer; z-index:1; text-align:center; color:#555; transition:all .3s;}
#header .top_set .t_wrp > .sd_menu			{right:0;}
#header .top_set .t_wrp > .mb_right			{right:90px;}
#header .top_set .t_wrp > i:hover		{color:#000; transition:all .3s;}



#header .top_set .t_wrp.tbg1			{background:white; border-bottom:1px solid #f4f4f4;}
#header .top_set .t_wrp.tbg2			{background:white; border-bottom:1px solid #f4f4f4;}
#header .top_set .t_cmp					{position:fixed; top:0; right:0; border:2px solid red; z-index:1;}


#header .top_set .t_area					{position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; font-size:0; }
#header .top_set .t_area .logo			{position:absolute; top:50%; left:25px; width:200px; transform:translateY(-50%); z-index:1;}
#header .top_set .t_area .logo a		{display:block; color:#777; font-size:0; text-align:center;white-space: nowrap;}
#header .top_set .t_area .logo a > img,
#header .top_set .t_area .logo a > span		{display:inline-block; vertical-align:bottom; line-height:100%;}
#header .top_set .t_area .logo a > img		{width:50px;}
#header .top_set .t_area .logo a > span		{width:calc(100% - 50px); font-size:15px; padding:0px 0 0 15px; font-family: arial; color:#000; /*text-transform:uppercase;*/ letter-spacing:0.05em; text-align:left;white-space: nowrap;}
#header .top_set .t_area .logo a > span span	{width:auto; color:#52afe8;}
#header .top_set .t_area .logo a > em		{position:absolute; top:10px; left:65px; font-size:0;}
#header .top_set .t_area .logo a > em span	{font-size:11px; line-height:100%; font-style:normal; font-family:tahoma; color:#999; display:inline-block; vertical-align:middle;}
#header .top_set .t_area .logo a > em .bs	{padding-right:3px; color:#999;}
#header .top_set .t_area .logo a > em .kd	{color:red;}
#header .top_set .t_area .logo a > p		{line-height:100%;}

#header .top_set .t_area .logo a .kimsj_logo {position:relative; white-space:normal;}
#header .top_set .t_area .logo a .kimsj_logo div,
#header .top_set .t_area .logo a .kimsj_logo h2 {display:inline-block; width:100%; line-height:100%; text-align:left;}
#header .top_set .t_area .logo a .kimsj_logo div {}
#header .top_set .t_area .logo a .kimsj_logo div span {display:inline-block; position:relative; /*background:#00538f;*/ padding:0px 2px; border-radius:3px;font-size:11px; /*color:rgba(255,255,255,0.7);*/ color:#92b0c7; line-height:100%;}
#header .top_set .t_area .logo a .kimsj_logo h2 {font-family: 'GmSansB'; font-size:22px; font-weight:normal; color:#004295; margin-top:8px;}
#header .top_set .t_area .logo a .kimsj_logo em {position:absolute; top:-5px; right:-16px; font-size:10px; width:13px; line-height:13px; color:#fff; font-family:arial; font-style:normal; text-align:center;}
#header .top_set .t_area .logo a .kimsj_logo em.kd {color:red;}
#header .top_set .t_area .logo a .kimsj_logo em.bs {color:#00ff89;}

#header .top_set .t_area .logo a .kims_cmp {position:absolute; bottom:4px; left:130px; font-size:0;}
#header .top_set .t_area .logo a .kims_cmp img,
#header .top_set .t_area .logo a .kims_cmp h3 {display:inline-block; vertical-align:middle; line-height:100%; transition:all .3s;}
#header .top_set .t_area .logo a .kims_cmp img {width:35px;}
#header .top_set .t_area .logo a .kims_cmp h3 {/*font-family: 'GmSansM';*/ font-size:25px; font-weight:normal; color:rgba(0,0,0,0.8); padding:3px 0 0 5px;}



#header .top_set .menu_share		{display:inline-block; vertical-align:middle; width:100%; font-size:0; text-align:right; padding-right:200px; white-space: nowrap; position:relative;}
#header .top_set .menu_share nav.menu_base		{display:inline-block; vertical-align:middle; font-size:0;}
#header .top_set .menu_share nav.menu_base li	{display:inline-block; vertical-align:middle; margin-left:15px;}
#header .top_set .menu_share nav.menu_base li a	{display:block; line-height:100%; font-size:15px;}

#header .top_set .menu_share ul.cmp_nav		{display:inline-block; vertical-align:middle; font-size:0; white-space: nowrap;}
#header .top_set .menu_share ul.cmp_nav.member	{}
#header .top_set .menu_share ul.cmp_nav li	{display:inline-block; vertical-align:middle; }
#header .top_set .menu_share ul.cmp_nav li a	{display:block; line-height:100%; padding:10px 15px; line-height:100%; font-size:13px; color:#333; position:relative;}
#header .top_set .menu_share ul.cmp_nav li a .spt	{position:relative;}
#header .top_set .menu_share ul.cmp_nav li a .cnt	{position:absolute; top:-13px; left:50%; transform:translateX(-50%); line-height:100%; background:#52afe8; color:#fff; font-family:tahoma; font-size:11px; padding:2px 3px; border-radius:3px;}
#header .top_set .menu_share ul.cmp_nav li a .nw	{position:absolute; top:-15px; left:50%; transform:translateX(-50%); line-height:100%; background:red; color:#fff; font-size:11px; padding:3px; border-radius:3px;}
#header .top_set .menu_share ul.cmp_nav li a:hover	{color:#0073c5;}
#header .top_set .menu_share ul.cmp_nav li a .buy	{position:relative; background:#007cc5; color:#fff; display:inline-block; padding:7px 10px; border-radius:35px; font-size:12px;}
#header .top_set .menu_share ul.cmp_nav li.on a	{color:#007cc5;}
#header .top_set .menu_share ul.cmp_nav li.on a:after	{content:""; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:calc(100% - 15px); height:1px; background:#007cc5;}
#header .top_set .menu_share ul.cmp_nav li.on a:hover	{color:#007cc5;}
#header .top_set .menu_share ul.cmp_nav li.fix a:after	{display:none !important;}


#header .top_set .menu_share ul.cmp_nav li a.mbr		{font-size:0;}
#header .top_set .menu_share ul.cmp_nav li a.mbr > i	{display:none;}
#header .top_set .menu_share ul.cmp_nav li a.mbr > span		{font-size:13px; display:inline-block; vertical-align:middle; line-height:100%;}

@media screen and (max-width: 1400px){
	#header .top_set .menu_share ul.cmp_nav.member	{display:none;}
}


#content_bx	{position:relative; width:100%; min-height: calc(100% - 220px); padding-top:90px; background:#fafafa;}
#content_bx .cont_pos	{position:relative; left:0; right:0; margin:auto; width:1260px; padding:80px 0;}
#content_bx .cont_pos.full	{width:100%; text-align:center; padding:0;}
#content_bx .cont_pos.care	{width:900px;}
#content_bx .cont_pos.spa	{background:#f5f3f3 !important; overflow:hidden;}
#content_bx .cont_pos.spa:after	{content:""; background:red; position:absolute; top:0; left:0; width:100%; height:100%; background:url(/images/bg_buy1.png) no-repeat; background-size:50% auto; background-position:center right; opacity:0.35;}

#footer		{position:relative; width:100%;  height:220px; margin-top:-220px; opacity:0; background:#fff;animation-name: loading_wrap; animation-duration:1s;animation-iteration-count: 1; animation-direction:normal;animation-fill-mode: forwards;  -webkit-animation-delay: 0.5s; animation-delay: 0.5s; /*z-index:-1;*/ border-top:1px solid #f4f4f4; transition:all .2s;}
#footer.arr		{z-index:-1; transition:all .2s;}
#footer .pos_k			{position:absolute; top:0; right:0; /*max-width:500px; width:calc(100% - 90px);*/ width:100%; height:100%; background:#333333;}
#footer .pos_k .cp		{position:absolute; top:50%; right:0; transform:translateY(-50%); width:100%; font-family:tahoma; font-size:10px;  text-align:center; padding-right:0; color:rgba(255,255,255,0.6); letter-spacing:0.05em;}
#footer .pos_k .cp span		{color:rgba(255,255,255,1); display:inline-block; padding:0 5px;}
#footer .pos_k .eg		{position:absolute; top:0; left:-40px; border-top: 400px solid transparent;border-left: 400px solid #333333; transform: rotate(-90deg); display:none;}
#footer nav.bmn				{position:relative; width:100%; font-size:0; text-align:left; padding-bottom:15px;}
#footer nav.bmn li				{display:inline-block; vertical-align:middle; margin-right:15px;}
#footer nav.bmn li:last-child			{margin:0;}
#footer nav.bmn li a			{display:block; width:100%; font-size:12px; color:rgba(0,0,0,0.7); transition:all .3s; line-height:100%;}
#footer nav.bmn li a:hover	{color:#000; transition:all .3s;}
.top_set_mask		{/*position:fixed; bottom:0; left:0; width:100%; height:100%;z-index:100; background:rgba(0,0,0,0.5);*/}
.btm_color {}
.btm_bg		{position: fixed; width: 100%; height: 50%; z-index: -10; bottom: 0;}

.cmp_area	{position:fixed; top:0; height:100%; background:#ddd;  z-index:100; transition:all .3s;}
.cmp_area.side_pc			{width:300px; right:-300px; transition:all .3s;}
.cmp_area.side_mobile	{width:250px; left:-250px; transition:all .3s;}

.cmp_area.side_pc.show			{right:0; transition:all .3s;}
.cmp_area.side_pc.show > i		{left:-35px;transition:all .3s;}
.cmp_area.side_mobile.show		{left:0; transition:all .3s;}
.cmp_area.side_mobile.show > i	{right:-35px;transition:all .3s;}


.cmp_mask	{position:fixed; top:0; left:0; width:100%; height:100%; z-index:-1; transition:all .3s;}
.cmp_mask.show	{z-index:99; background:rgba(0,0,0,0.8); transition:all .3s;}

.cmp_mask > i	{position:fixed; top:25px; font-size:25px; opacity:0; color:#fff;transition:all .3s;transform: rotate(0deg); cursor:pointer;}
.cmp_mask.show > i	{opacity:1; transition:all .3s;}

.cmp_mask.bg_pc > i			{right:0;}
.cmp_mask.bg_mobile > i	{left:0;}

.cmp_mask.bg_pc.show > i			{right:315px;}
.cmp_mask.bg_mobile.show > i	{left:265px;}


.cmp_mask:hover > i	{transform: rotate(270deg);}


@-webkit-keyframes loading_wrap {
	0% {opacity: .0;} 
	25% {opacity: 0;}
	50% {opacity: 1;}
	75% {opacity: 1;}
	100% {opacity: 1;}
}


/* bottom 정보 */
.btm_wrap			{position:relative; margin:0 auto; width:1150px; padding:60px 0 0 0; font-size:0; text-align:center;}
.btm_wrap .logo		{display:inline-block; vertical-align:top; width:120px; text-align:center;}
.btm_wrap .logo a		{display:block; position:relative;}

.btm_wrap .logo a img		{display:inline-block; width:75px;}
.btm_wrap .logo a > span		{display:inline-block; width:100%; font-size:11px; padding:5px 0 0 0; font-family:arial; color:#000; /*text-transform:uppercase;*/ letter-spacing:0.05em;}
.btm_wrap .logo a > span span	{width:auto; color:#52afe8;}

.btm_wrap .logo a > span span	{width:auto; color:#52afe8;}
.btm_wrap .logo a > em		{position:absolute; top:0px; left:10px; font-size:0;}
.btm_wrap .logo a > em span	{font-size:11px; line-height:100%; font-style:normal; font-family:tahoma; color:#999; display:inline-block; vertical-align:middle;}
.btm_wrap .logo a > em .bs	{padding-right:3px; color:#999;}
.btm_wrap .logo a > em .kd	{color:red;}
.btm_wrap .logo a > p		{line-height:100%;}

.btm_wrap .logo a .kimsj_logo {position:relative; padding-top:5px;}
.btm_wrap .logo a .kimsj_logo div,
.btm_wrap .logo a .kimsj_logo h2 {display:inline-block; width:100%; line-height:100%; text-align:center;}
.btm_wrap .logo a .kimsj_logo div {}
.btm_wrap .logo a .kimsj_logo div span {display:inline-block; position:relative; font-size:11px; color:#92b0c7; line-height:100%;}
.btm_wrap .logo a .kimsj_logo h2 {font-family: 'GmSansB'; font-size:22px; font-weight:normal; color:#004295; margin-top:10px;}
.btm_wrap .logo a .kimsj_logo em {position:absolute; top:-5px; right:-16px; font-size:10px; width:13px; line-height:13px; color:#fff; font-family:arial; font-style:normal; text-align:center;}
.btm_wrap .logo a .kimsj_logo em.kd {color:red;}
.btm_wrap .logo a .kimsj_logo em.bs {color:orange;}

.btm_wrap .logo a .kims_cmp {position:relative; font-size:0; margin-top:10px;}
.btm_wrap .logo a .kims_cmp img,
.btm_wrap .logo a .kims_cmp h3 {display:inline-block; vertical-align:middle; line-height:100%;}
.btm_wrap .logo a .kims_cmp img {width:10px;}
.btm_wrap .logo a .kims_cmp h3 {font-size:11px; font-weight:normal; color:#333; padding:0px 0 0 3px;}

.btm_wrap .info_box		{display:inline-block; vertical-align:top; width:calc(100% - 120px); text-align:left; padding:0 0 0 50px; position:relative;}
.btm_wrap .info_box .i_set		{display:inline-block; vertical-align:top; width:100%; padding:0 0 0 0;}
.btm_wrap .info				{display:inline-block; vertical-align:top; width:100%; font-size:0;}
.btm_wrap .info span				{display:inline-block; vertical-align:middle; padding:0 10px 0 0; font-size:11px; color:#333; line-height:180%;}
.btm_wrap .info span a			{color:#333;}
.btm_wrap .info span i			{display:inline-block; padding-right:5px;}
.btm_wrap .info span em		{display:inline-block; padding-right:5px; font-style:normal; color:rgba(0,0,0,0.6);}
.btm_wrap .info_box p				{display:inline-block; width:100%; font-size:12px; color:rgba(0,0,0,0.5); padding-top:5px;line-height:180%;}
.btm_wrap .info_box p .hd				{}
.btm_wrap .copy				{display:inline-block; width:100%; font-size:11px; color:rgba(0,0,0,0.7); padding-top:10px; font-family:tahoma; letter-spacing:0.05em; text-align:left;}
.btm_wrap .copy span		{color:#000; display:inline-block; padding:0 10px;}
.btm_wrap .pg_sec		{position:absolute; top:0; right:0; width:90px; font-size:0px; text-align:center;}
.btm_wrap .pg_sec img,
.btm_wrap .pg_sec span		{display:inline-block; vertical-align:middle;}
.btm_wrap .pg_sec img		{width:80%;}
.btm_wrap .pg_sec span		{width:100%; font-size:11px; font-family:tahoma; color:#777; display:none;}

.default_outline	{background:#fff;  border-radius:35px; position:relative; left:0; right:0; margin:auto; display:inline-block;}