@import url(/css/cpin/basic.css);

#m_all_wrap { text-align:center; }
#m_all_wrap div#slides { position:relative; width:100%; height:450px; text-align:center; }
#m_all_wrap div#slides div.one { height:450px; background:url("/images/cpin/main/m_bg_01.gif") repeat-x;} /* width:1000px; margin:auto;  */
#m_all_wrap div#slides div.two { height:452px;  background:url("/images/cpin/main/m_bg_02.gif") repeat-x;}
#m_all_wrap div#slides div.three { height:452px;  background:url("/images/cpin/main/m_bg_03.gif") repeat-x;}
#m_all_wrap div#slides div.four { height:452px;  background:url("/images/cpin/main/m_bg_04.gif") repeat-x;}

#m_all_wrap div#slides div.up{ position:relative; width:1000px; margin:auto; } /* 가운데 정렬 */
#m_all_wrap div#slides div.up dl {position:absolute; top:166px; text-align:left; }

.simple_01_01 { position:absolute; top:0px; left:-50px; width:175px; height:118px; display:inline-block; background:url("/images/cpin/main/simplebg_01_01.png") no-repeat;}
.simple_01_02 { position:absolute; bottom:-40px; right:-50px; width:93px; height:94px; display:inline-block; background:url("/images/cpin/main/simplebg_01_02.png") no-repeat;}
.simple_02_01 { position:absolute; top:0px; left:-50px; width:185px; height:113px; display:inline-block; background:url("/images/cpin/main/simplebg_02_01.png") no-repeat;}
.simple_02_02 { position:absolute; bottom:-40px; right:-60px; width:109px; height:83px; display:inline-block; background:url("/images/cpin/main/simplebg_02_02.png") no-repeat;}
.simple_03_01 { position:absolute; top:0px; left:-50px; width:165px; height:130px; display:inline-block; background:url("/images/cpin/main/simplebg_03_01.png") no-repeat;}
.simple_03_02 { position:absolute; bottom:-50px; right:-60px; width:98px; height:99px; display:inline-block; background:url("/images/cpin/main/simplebg_03_02.png") no-repeat;}
.simple_04_01 { position:absolute; top:0px; left:-50px; width:166px; height:105px; display:inline-block; background:url("/images/cpin/main/simplebg_04_01.png") no-repeat;}
.simple_04_02 { position:absolute; bottom:-50px; right:-60px; width:92px; height:92px; display:inline-block; background:url("/images/cpin/main/simplebg_04_02.png") no-repeat;}

#m_all_wrap div#slides div.up dl dt {  margin-bottom:15px; font-size:45px; font-family:"SJongR", "dotum", 'arial';}
#m_all_wrap div#slides div.up dl dt.m_one { color:#fb7774; }
#m_all_wrap div#slides div.up dl dt.m_two { color:#ff8439;}
#m_all_wrap div#slides div.up dl dt.m_three { color:#5aae00;}
#m_all_wrap div#slides div.up dl dt.m_four { color:#00a198;}
#m_all_wrap div#slides div.up dl dd { color:#555555; font-size:18px; line-height:30px; font-family:"SJongR", "dotum", 'arial';}

.m_baro { position:absolute; top:0; right:0; width:340px; height:340px; }
.m_baro li { float:left; }
.m_baro li div { position:relative; width:170px; height:170px; display:block; opacity:0.8;}
.m_baro li div.m_one { background:#fb7774 url("/images/cpin/main/01_baro_icon.png") 50% 70% no-repeat;}
.m_baro li div.m_two { background:#fba25a url("/images/cpin/main/02_baro_icon.png") 50% 70% no-repeat; }
.m_baro li div.m_three { background:#b0d832 url("/images/cpin/main/03_baro_icon.png") 50% 70% no-repeat; }
.m_baro li div.m_four { background:#5abaa8 url("/images/cpin/main/04_baro_icon.png") 50% 70% no-repeat; }
.m_baro .m_txt { font-size:22px;}


.m_baro li div a { font-size:26px; color:#fff; font-family:"SJongR", "dotum", 'arial'; }
.m_baro li div a span  {margin-top:30px; display:inline-block;}
.m_baro li div img {position:absolute; top:25%}
.m_baro li a{ display:block; height:170px; }

/*
위에내용 참조
 .m_baro li div a { font-size:26px; color:#fff; font-family:"SJongR", "dotum", 'arial'; }
.m_baro li:first-child a:hover, .m_baro li:first-child a:active, .m_baro li:first-child a:focus{ background:url("/images/cpin/main/box_pngon_01.png") right 0 no-repeat;}
.m_baro li:first-child + li a:hover, .m_baro li:first-child + li  a:active, .m_baro li:first-child + li  a:focus{ background:url("/images/cpin/main/box_pngon_02.png") right 0 no-repeat;}
.m_baro li:first-child + li + li a:hover, .m_baro li:first-child + li + li  a:active, .m_baro li:first-child + li + li  a:focus{ background:url("/images/cpin/main/box_pngon_03.png") right 0 no-repeat;}
.m_baro li:first-child + li + li + li a:hover, .m_baro li:first-child + li + li + li  a:active, .m_baro li:first-child + li + li + li  a:focus{ background:url("/images/cpin/main/box_pngon_04.png") right 0 no-repeat;}
.m_baro li div a span  {margin-top:30px; display:inline-block;}
.m_baro li div img {position:absolute; top:25%}
.m_baro li a{ display:block; height:170px; } */


div#slides .slidesjs-play { width:15px; height:17px; position:absolute; bottom:120px; right:50%; margin-right:484px; overflow:hidden; display:block; background:url("/images/cpin/main/main_play.png") no-repeat; z-index:22; text-indent:-1000em;}
div#slides .slidesjs-stop { width:14px; height:18px; position:absolute; bottom:120px; right:50%; margin-right:458px; overflow:hidden; display:block; background:url("/images/cpin/main/main_pause.png") no-repeat; z-index:22; text-indent:-1000em;}
div#slides .m_play { width:15px; height:18px; position:absolute; bottom:120px; right:50%; margin-right:484px; overflow:hidden; display:block; background:url("/images/cpin/main/main_play.png") no-repeat; z-index:22; text-indent:-1000em;}
div#slides .m_stop { width:14px; height:18px; position:absolute; bottom:120px; right:50%; margin-right:458px; overflow:hidden; display:block; background:url("/images/cpin/main/main_pause.png") no-repeat; z-index:22; text-indent:-1000em; }

div#slides .slidesjs-pagination { position:absolute; top:0; left:50%; padding-left:160px; z-index:20; width:502px; height:340px; }
div#slides .slidesjs-pagination li {float:left; padding:0; border:none; }
div#slides .slidesjs-pagination li a {width:170px; height:170px; display:inline-block; text-indent:-1000em; }
div#slides .slidesjs-pagination li a.active { text-indent:-1000em; }
div#slides .slidesjs-pagination li:first-child a.active {background:url("/images/cpin/main/box_pngon_01.png") right 0 no-repeat;}
div#slides .slidesjs-pagination li:first-child + li a.active {background:url("/images/cpin/main/box_pngon_02.png") right 0 no-repeat;}
div#slides .slidesjs-pagination li:first-child + li + li a.active {background:url("/images/cpin/main/box_pngon_03.png") right 0 no-repeat;}
div#slides .slidesjs-pagination li:first-child + li + li + li a.active {background:url("/images/cpin/main/box_pngon_04.png") right 0 no-repeat;}

div#slides ul.slidesjs-pagination li{ position:relative; }
div#slides ul.slidesjs-pagination li:first-child a:hover, div#slides ul.slidesjs-pagination li:first-child a:focus, div#slides ul.slidesjs-pagination li:first-child a:active{ background:url("/images/cpin/main/box_pngon_01.png") right 0 no-repeat;}
div#slides ul.slidesjs-pagination li:first-child + li a:hover, div#slides ul.slidesjs-pagination li:first-child + li a:focus, div#slides ul.slidesjs-pagination li:first-child + li a:active{ background:url("/images/cpin/main/box_pngon_02.png") right 0 no-repeat;}
div#slides ul.slidesjs-pagination li:first-child + li + li a:hover, div#slides ul.slidesjs-pagination li:first-child + li + li a:focus, div#slides ul.slidesjs-pagination li:first-child + li + li a:active{ background:url("/images/cpin/main/box_pngon_03.png") right 0 no-repeat;}
div#slides ul.slidesjs-pagination li:first-child + li + li + li a:hover, div#slides ul.slidesjs-pagination li:first-child + li + li + li a:focus, div#slides ul.slidesjs-pagination li:first-child + li + li + li a:active{ background:url("/images/cpin/main/box_pngon_04.png") right 0 no-repeat;}

.slidesjs-control>div.one { background:url("/images/cpin/main/box_pngon_01.png") 99% 0 no-repeat; }

div.point_baro { position:relative; margin-top:-4px; padding-top:11px; }
div.point_baro .ribon_01{ position:absolute; top:0px; left:0px; width:20px; height:30px; background:url("/images/cpin/main/ribon_01.gif") no-repeat;}
div.point_baro .ribon_02{ position:absolute; top:0px; left:0px; width:20px; height:30px; background:url("/images/cpin/main/ribon_02.gif") no-repeat;}
div.point_baro .ribon_03{ position:absolute; top:0px; left:0px; width:20px; height:30px; background:url("/images/cpin/main/ribon_03.gif") no-repeat;}
div.point_baro .ribon_04{ position:absolute; top:0px; left:0px; width:20px; height:30px; background:url("/images/cpin/main/ribon_04.gif") no-repeat;}
div.point_baro>div{ margin-top:29px; line-height:22px; display:inline-block; font-size:16px; color:#393939; text-align:left; float:left; font-family:"SJongR", "dotum", 'arial';}


div.point_baro>ul>li>a>label{ cursor: pointer;}
div.point_baro ul li {float:left;}
div.point_baro li a {  font-size:12px; font-family:"SJongR", "dotum", 'arial'; }

.baro_01 li a { color:#e94343; }
.baro_01 li a:hover {color:#666666;font-family:"SJongR", "dotum", 'arial';} /* color:#e94343; */
.baro_01 li {width:135px;}
.baro_01 li:first-child {margin-left:50px;}

.baro_02 li a {color:#ee6807;}
.baro_02 li a:hover{color:#666666;font-family:"SJongR", "dotum", 'arial';}
.baro_02 li {width:135px;}
.baro_02 li:first-child {margin-left:50px;}

.baro_03 li a { color:#569f00; }
.baro_03 li a:hover{color:#666666;font-family:"SJongR", "dotum", 'arial';}
.baro_03 li {width:120px;}
.baro_03 li:first-child {margin-left:40px;}

.baro_04 li a { color:#01837c; }
.baro_04 li a:hover{color:#666666;font-family:"SJongR", "dotum", 'arial';}
.baro_04 li {width:105px;}
.baro_04 li:first-child {margin-left:15px;}


#main_wrap3 { padding:26px 0 25px 0; }
#main_wrap3 div#area3 { position:relative; width:1000px; margin:auto; }
div#area3 div.fil_com { position:relative; float:left; width:236px; height:287px; margin-right:18px; border:solid 1px #dfdfdf; border-radius:4px; text-align:center; }
div#area3 div.fil_com p.tit_one { color:#3a73b3; margin-top:21px; font-size:16px; font-family:"SJongR", "dotum", 'arial';}
div#area3 div.fil_com p.tit_two { color:#4d66aa; margin-top:21px; font-size:16px; font-family:"SJongR", "dotum", 'arial';}
div#area3 div.fil_com p.tit_three { color:#018a85; margin-top:21px; font-size:16px; font-family:"SJongR", "dotum", 'arial';}
div#area3 div.fil_com table { position:absolute; bottom:0; width:100%; border-radius:0 0 4px 4px;}
div#area3 div.fil_com table td { background:#f7f7f7; border-top:solid 1px #e5e5e5; height:45px; vertical-align:middle; color:#333333; font-weight:bold; }
div#area3 div.fil_com table td a { padding-right:18px; background:url("/images/cpin/main/blit_off_01.gif") right 50% no-repeat; font-weight:500; font-family:"SJongR", "dotum", 'arial';}
div#area3 div.fil_com table td a:active,div#area3 div.fil_com table td a:focus,div#area3 div.fil_com table td a:hover { color:#e85b24; background:url("/images/cpin/main/blit_on_01.gif") right 0 no-repeat; }
div#area3 div.fil_com table td.b_r{ border-right:solid 1px #e5e5e5; }

div#area3 div.fil_com table td div a { padding-right:18px; background:url("/images/cpin/main/blit_off_01.gif") right 50% no-repeat; font-weight:500; font-family:"SJongR", "dotum", 'arial';}
div#area3 div.fil_com table td div.fil { width:74px; height:45px; line-height:45px; display:inline-block; border-right:solid 1px #dfdfdf;}

div#area3 div.one { width:236px; height:287px; background:url("/images/cpin/main/above1.jpg") 1px 0 no-repeat; }
div#area3 div.two { width:236px; height:287px; background:url("/images/cpin/main/above2.jpg") 1px 0 no-repeat; }
div#area3 div.three { width:236px; height:287px; background:url("/images/cpin/main/above3.jpg") 1px 0 no-repeat; }


div#area3 div.popzone { float:left; }
div#area3 div.popzone div.p_child_one {width:229px; height:196px; margin-bottom:8px; border:solid 1px #dfdfdf; border-radius:4px; }
div.p_child_one div#slides2 { height:158px;}
div.p_child_one p.pop_title { height:38px; line-height:38px; padding-left:17px; color:#3f3f3f; font-size:14px; font-family:"SJongR", "dotum", 'arial'; }
div.p_child_one div#slides2 img { border-radius:0 0 4px 4px; position:absolute; left:0;}
div.p_child_one a img { border-radius:0 0 4px 4px;}

div#slides2 .slidesjs-play { width:18px; height:18px; position:absolute;top:15px; right:1%; overflow:hidden; display:inline-block; background:url("/images/cpin/main/play.gif") no-repeat; z-index:22; text-indent:-1000em;}
div#slides2 .slidesjs-stop { width:18px; height:18px; position:absolute;top:15px; right:1%; overflow:hidden; display:inline-block; background:url("/images/cpin/main/stop.gif") no-repeat; z-index:22; text-indent:-1000em;}

div#slides2 .slidesjs-pagination {position:absolute; top:15px; right:3%; z-index:21; }
div#slides2 .slidesjs-pagination li {float:left; width:15px; height:15px; margin-right:3px; padding:0; border:none;}
div#slides2 .slidesjs-pagination li a {width:13px; height:13px; display:inline-block; text-indent:-1000em; background:url("/images/cpin/main/num_off.gif") no-repeat; }
div#slides2 .slidesjs-pagination li a.active { background:url("/images/cpin/main/num_on.gif") no-repeat; text-indent:-1000em; }

div#area3 div.popzone div.p_child_two {}

div#slides3 { position:relative; height:82px;}
div#slides3 .slidesjs-play { width:18px; height:17px; position:absolute;top:0; right:34px; overflow:hidden; display:inline-block; background:url("/images/cpin/main/play_2.gif") no-repeat; z-index:22; text-indent:-1000em;}
div#slides3 .slidesjs-stop { width:18px; height:18px; position:absolute;top:0; right:34px; overflow:hidden; display:inline-block; background:url("/images/cpin/main/stop_2.gif") no-repeat; z-index:22; text-indent:-1000em;}

div#slides3 .slidesjs-previous { width:17px; height:17px; position:absolute;top:0; right:17px; background:url("/images/cpin/main/pre.gif") no-repeat; text-indent:-1000em; z-index:20;}
div#slides3 .slidesjs-next { width:17px; height:17px; position:absolute;top:0px; right:0%; background:url("/images/cpin/main/nxt.gif") no-repeat; text-indent:-1000em;z-index:20;}


#main_wrap4 { background:#f7f7f7; padding:40px 0;}
#main_wrap4 div#area4 { position:relative; width:1000px; margin:auto; }
#main_wrap4 div#area4 h3 { margin-bottom:18px; color:#2c2c2c; font-size:16px; font-weight:500; font-family:"SJongR", "dotum", 'arial'; }
div.gongi {position:relative; width:283px; float:left; margin-right:58px; }
div.gongi ul li { padding:0 0 0 11px; line-height:26px; background:url("/images/cpin/main/blit_02.gif") 0 50% no-repeat; font-family:"SJongR", "dotum", 'arial';}
div.gongi ul li a { color:#666666; }
div.gongi ul li:hover a { color:#444444; text-decoration:underline;}
div.gongi ul li span { display:inline-block; float:right; }
div.gongi a.more {position:absolute; top:0; right:0; width:18px; height:18px; }

div.message {position:relative; width:299px; float:left; margin-right:59px;}
div.message div.pic { margin-bottom:4px; display:inline-block;}
div.message div.pic>div{  float:left; border:solid 1px #d7d7d7; width:96px; height:62px; margin-right:13px; }
div.message div.pic dl { float:left; width:187px;  display:inline-block; }
div.message div.pic dt { margin-bottom:12px; font-family:"SJongR", "dotum", 'arial';}
div.message div.pic dt a{ color:#3f3f3f; }
div.message div.pic dd {line-height:21px; font-family:"SJongR", "dotum", 'arial'; }
div.message div.pic dd a{ color:#666666; }

div.message ul li { padding:0 0 0 11px; line-height:26px; background:url("/images/cpin/main/blit_02.gif") 0 50% no-repeat; font-family:"SJongR", "dotum", 'arial';}
div.message ul li a { color:#666666; }
div.message ul li:hover a { color:#444444; text-decoration:underline;}
div.message ul li span { display:inline-block; float:right; }
div.message a.more {position:absolute; top:0; right:0; width:18px; height:18px; }

/* 행복스토리 */
div.happy {position:relative; width:299px; float:left;}
div.happy div.pic { margin-bottom:4px; display:inline-block;}
div.happy div.pic>div{  float:left; border:solid 1px #d7d7d7; width:96px; height:62px; margin-right:13px; }
div.happy div.pic dl { float:left; width:187px;  display:inline-block; }
div.happy div.pic dt { margin-bottom:12px; font-family:"SJongR", "dotum", 'arial';}
div.happy div.pic dt a{ color:#3f3f3f; }
div.happy div.pic dd {line-height:21px; font-family:"SJongR", "dotum", 'arial'; }
div.happy div.pic dd a{ color:#666666; }

div.happy ul li { padding:0 0 0 11px; line-height:26px; background:url("/images/cpin/main/blit_02.gif") 0 50% no-repeat; font-family:"SJongR", "dotum", 'arial';}
div.happy ul li a { color:#666666; }
div.happy ul li:hover a { color:#444444; text-decoration:underline;}
div.happy ul li span { display:inline-block; float:right; }
div.happy a.more {position:absolute; top:0; right:0; width:18px; height:18px; }

/* div.happy { float:left; width:300px; }
div.happy p { color:#666666; line-height:21px; font-size:13px; font-family:"SJongR", "dotum", 'arial'; }
div.happy p a { color:#f6445d; padding-right:20px; background:url("/images/cpin/main/arraw_bg.gif") right 50% no-repeat; } */