@charset "utf-8"; 
@import url("common.css");

/* Layout */
body{background:#e5eaee;_font-family:'Malgun Gothic';}

header{}
	.header{position:fixed;top:0;width:100%;height:43px;margin-bottom:6px;background:#fff;z-index:150;			
		-webkit-box-shadow: 1px 0px 9px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 1px 0px 9px 0px rgba(0,0,0,0.75);
		box-shadow: 1px 0px 9px 0px rgba(0,0,0,0.75);}

        /* logo */
        h1{position:relative;}
	        h1 a{position:absolute;top:2px;left:15px;display:block;width:87px;height:38px;z-index:11;text-indent:-9999px}
.h1_cj {
    background: url(../images/common/logo/h1_clip.png) no-repeat;
    background-size: 100%;
}
	        .h1_cjenm {background:url(../images/common/logo/h1_cj.png) no-repeat;background-size:100%;}
	        .h1_bnc {background:url(../images/common/logo/h1_clip.png) no-repeat;background-size:100%;}
	        .h1_clip {background:url(../images/common/logo/h1_clip.png) no-repeat;background-size:100%;}
	        .h1_etbs {background:url(../images/common/logo/h1_clip.png) no-repeat;background-size:100%;}
	        .h1_ezwel {background:url(../images/common/logo/h1_clip.png) no-repeat;background-size:100%;}
	        .h1_fmvice {background:url(../images/common/logo/h1_clip.png) no-repeat;background-size:100%;}
	        .h1_koreanurse {background:url(../images/common/logo/h1_clip.png) no-repeat;background-size:100%;}
	        .h1_nhcard {background:url(../images/common/logo/h1_clip.png) no-repeat;background-size:100%;}
	        .h1_samsung {background:url(../images/common/logo/h1_clip.png) no-repeat;background-size:100%;}
	        .h1_customs {background:url(../images/common/logo/h1_customs.png) no-repeat;background-size:100%;}
	        .h1_hanabank {background:url(../images/common/logo/h1_hanabank.png) no-repeat;background-size:100%;}
	        .h1_hyundai {background:url(../images/common/logo/h1_hyundai.png) no-repeat;background-size:100%;}
	        .h1_b2btest {background:url(../images/common/logo/h1_hyundai.png) no-repeat;background-size:100%;}
	        .h1_kal {background:url(../images/common/logo/h1_kal.png) no-repeat;background-size:100%;}
	        .h1_kfta {background:url(../images/common/logo/h1_kfta.png) no-repeat;background-size:100%;}
	        .h1_kt {background:url(../images/common/logo/h1_kt.png) no-repeat;background-size:100%;}
	        .h1_ollehkt {background:url(../images/common/logo/h1_kt.png) no-repeat;background-size:100%;}
	        .h1_metlife {background:url(../images/common/logo/h1_metlife.png) no-repeat;background-size:100%;}
	        .h1_nts {background:url(../images/common/logo/h1_nts.png) no-repeat;background-size:100%;}
	        .h1_shinhan {background:url(../images/common/logo/h1_shinhan.png) no-repeat;background-size:100%;}
	        .h1_spo {background:url(../images/common/logo/h1_spo.png) no-repeat;background-size:100%;}
	        .h1_swc4u {background:url(../images/common/logo/h1_swc4u.png) no-repeat;background-size:100%;}
	        .h1_woori {background:url(../images/common/logo/h1_woori.png) no-repeat;background-size:100%;}
.h1_blink {
    background: url(../images/common/logo/h1_clip.png) no-repeat;
    background-size: 100%;
}

.h1_kawf {
    background: url(../images/common/logo/h1_clip.png) no-repeat;
    background-size: 100%;
}
.h1_thekmall {
    background: url(../images/common/logo/h1_clip.png) no-repeat;
    background-size: 100%;
}


	header a.b_open{position:absolute;display:inline-block;line-height:40px;width:23px;top:0;right:15px;}
		header a.b_open img{width:100%;}
	nav{overflow:hidden;width:100%;background:#fff;position:fixed;top:50px;border-bottom:1px solid #e6e6e6;font-size:80%;}
		nav ul{}
		nav ul li{float:left;line-height:36px;}
		nav ul li a{color:#b0b0b0;margin-left:13px;}
		nav ul li a.on{color:#000;font-weight:bold;text-decoration:underline;}
	aside{position:fixed;z-index:105;}
		.aside_bg{position:fixed;top:43px;right:0;height:100%;width:100%;background:black;filter:alpha(opacity=43);opacity: 0.43;}
		.aside_wrap{position:fixed;overflow:hidden;top:43px;right:0;height:100%;background:#fff;border-top:1px solid #c9c9c9;}
			.aside_wrap .srh{height:27px;padding:2px 0;margin:19px 15px 0;background:url(../images/common/bg_srh.png) no-repeat;background-size:100%;}
				.aside_wrap .srh input[type=text]{border:1px solid #e8e8e8;background:#e8e8e8;width:217px;height:20px;line-height:20px;margin:2px 0 0 10px;-webkit-appearance:none;}
				.btn_srh{display:inline-block;*display:inline;*zoom:1;width:28px;height:25px;text-indent:-9999px;}
			.aside_wrap .login {margin:15px 0 20px 23px}
				.aside_wrap .login span{display:inline-block;*display:inline;*zoom:1;text-decoration:underline;color:#444;font-size:80%;margin:10px 10px 0 0;}
				.btn_logout{display:inline-block;*display:inline;*zoom:1;background:#bababa;color:#fff;padding:3px 12px 2px;font-size:12px;
							-webkit-border-radius: 20px;
							-moz-border-radius: 20px;
							border-radius: 20px;
							}
				.btn_login{display:inline-block;*display:inline;*zoom:1;font-weight:bold;background:#0096f2;color:#fff;width:118px;text-align:center;line-height:36px;font-size:15px;
							-webkit-border-radius: 3px;
							-moz-border-radius: 3px;
							border-radius: 3px;
							}
				.btn_join{display:inline-block;*display:inline;*zoom:1;font-weight:bold;background:#909090;color:#fff;width:118px;text-align:center;line-height:36px;font-size:15px;
							-webkit-border-radius: 3px;
							-moz-border-radius: 3px;
							border-radius: 3px;
							}
			.aside_wrap ul {float:right;width:266px;border-top:1px solid #e8eae9;}
				.aside_wrap ul li{overflow:hidden;padding:10px 8px 10px 40px;border-bottom:1px solid #e8eae9;background-size:10%;}
				.aside_wrap ul a, .aside_wrap ul .menu{display:block;color:#494949;font-size:95%;font-weight:bold;}
				.aside_wrap ul li.m_sub {padding-left:8px;}
				.aside_wrap ul li.m_sub a{float:left;font-size:80%;font-weight:normal;color:#444;width:33.33%;margin-bottom:10px;}
				.aside_wrap ul li.m_sub a.long{width:60%;}
				.aside_wrap ul li.m_clip{background:url(../images/common/ico_myclip.png) no-repeat 8px 10px;background-size:8%;}
				.aside_wrap ul li.m_rank{background:url(../images/common/ico_rank.png) no-repeat 8px 8px;background-size:8%;}
				.aside_wrap ul li.m_category{background:url(../images/common/ico_category.png) no-repeat 8px 12px;background-size:8%;}
				.aside_wrap ul li.m_event{background:url(../images/common/ico_event.png) no-repeat 8px 12px;background-size:8%;}
				.aside_wrap ul li.m_news{background:url(../images/common/ico_news.png) no-repeat 8px 12px;background-size:8%;}
				.aside_wrap ul li.m_member{background:url(../images/common/ico_member.png) no-repeat 8px 9px;background-size:7%;}
.container{position:relative;width:100%;margin-top:85px;}
.main_commerce, .main_con_box, .main_recommand{background:#fff;overflow:hidden;border-bottom:1px solid #c4c9cd;
		-webkit-box-shadow: 0 0 1px 0 rgba(0,0,0,0.75);
		-moz-box-shadow: 0 0 1px 0 rgba(0,0,0,0.75);
		box-shadow: 0 0 1px 0 rgba(0,0,0,0.75);}
	.main_top_wrap{position:relative;height:361px;}
		.main_top_num {position:absolute;width:100%;top:328px;left:50%;margin-left:-50%;z-index:102}
            .main_top_num p {text-align:center;}
			.main_top_num a{display:inline-block;width:10px;height:9px;margin:0 3px;text-indent:-9999px;background:url(../images/common/sp_ico.png) ;}
			.main_top_num a.on{background-position:0 -19px}
			.main_top_num a.off{background-position:0 0}
		.main_top_img{overflow:hidden;z-index:100}
			.main_top_img .img_list{position:absolute;width:100%;height:359px;top:0;}
			.main_top_img .img_list p{height:100%;}
			.main_top_img .img_list dl{position:absolute;bottom:0;width:100%;height:242px;background:url(../images/main/bg_main_top.png) repeat-x}
			.main_top_img .img_list dl dt{color:#fff;font-weight:bold;font-size:130%;padding:120px 15px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
			.main_top_img .img_list dl dd{color:#fff;font-size:80%;padding:0 15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
			.main_top_img .img_list dl dd.discount{color:#00a5f2;font-weight:bold;font-size:100%;margin-bottom:5px;}
	.main_commerce{margin:10px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		}
		
		.commerce_pad{width:300px;margin:0 auto;}
		.main_commerce dl{float:left;width:132px;background:url(../images/main/bg_commerce.png) no-repeat;background-size:100%;margin-left:15px;}
			.main_commerce dl dt{text-indent:-9999px;}
			.main_commerce dl dd{color:#0daaf3;text-align:right;font-size:12px;margin:5px 7px 0 0;}
		.main_commerce .commerce_logo{float:left;}
	.main_con{margin:10px;}
	.main_con_box{margin-bottom:10px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		}
        .main_con_box:nth-child(3n+1){clear:both;}
		.main_con_box .img img{width:100%;border-bottom:1px solid #e5eaee;}
		.main_con_box dl{border-bottom:1px solid #e5eaee;padding:10px 0;}
			.main_con_box dl dt{color:#000;font-weight:bold;font-size:100%;padding:0 15px 5px;}
			.main_con_box dl dd{color:#6a7883;font-size:80%;padding:0 15px;}
			.main_con_box dl dd.theater{color:#00a5f2;}
		.main_con_box .discount{color:#e75845;font-weight:bold;padding:5px 15px 7px;font-size:14px;}
			.main_con_box .discount em{font-size:16px;}
			.main_con_box .discount span{font-size:22px;margin:0 3px;}
	.main_recommand{clear:both;}
		.main_recommand p{border-bottom:1px solid #e5eaee;color:#000;font-weight:bold;padding:13px 10px 4px}
		.main_recommand ul{padding:10px 5px 0}
		.main_recommand ul li{float:left;width:133px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:5px}
		.main_recommand ul li img{width:100%;border:1px solid #e6e6e6;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			}
		.main_recommand ul li a{color:#444;font-size:12px;font-weight:bold;}
		.main_recommand:after{content:""; display:block;clear:both;margin-bottom:10px}
footer{position:relative;background:#e5eaee;color:#969696;font-size:11px;padding:20px 0;}
	footer p{width:95%;margin:0 auto;text-align:center;}
	footer p em{color:#242424}


@media all and (min-width: 670px){
	nav ul{margin:0 auto;width:400px !important;}
		nav ul li:first-child a{margin-left:0;}
		nav ul li a{margin-left:22px;}
	.main_top_img .img_list{height:360px;}		
		.main_con_box .img img{height:100%;}
	.main_con_box{width:32.6%;float:left;}
	.main_con_box:nth-child(3n-1){margin-right:1%;margin-left:1%;}
	.main_recommand ul li{width:145px;}
}


/* MO main  */
.ct_container.momain {
    margin: 10px;
    border-radius: 5px;
    text-align: center;
    background-color: #0a3c5f;
}

.cliptime_momain {
    display: inline-block;
    max-width: 300px;
    height: 75px;
    font-weight: 100;
}

    .cliptime_momain .clip_group {
        position: relative;
    }

        .cliptime_momain .clip_group .time_group {
            position: absolute;
            bottom: 11px;
            left: 8px;
            list-style: none;
            display: flex;
            width: 180px;
            align-items: center;
            justify-content: center;
        }

            .cliptime_momain .clip_group .time_group li {
                position: relative;
                flex-grow: 1;
                color: #fff;
                font-size: 20px;
                text-align: center;
                letter-spacing: -.5px;
            }

                .cliptime_momain .clip_group .time_group li ~ li:before {
                    content: ":";
                    position: absolute;
                    top: 0px;
                    left: -1px;
                    font-size: 16px;
                    display: inline-block;
                    vertical-align: middle;
                }