/* 최상단 배너 */

.top_1.headers{position: relative;}

#head_wrap{margin-bottom: 0; }

#head_wrap .top_ban_area{} /*최상단 배너 바탕색 지정 */
.top_ban_area{position: relative;}

#head_wrap .top_ban_area .tb_wrap{position: relative;    width: 1200px;    margin: 0 auto; background-color:#ccc;}
.top_ban_area .tb_close_btn{    position: absolute;    top: 20px;    right: 20px;}


#head_wrap .top_basic_area{    height: 40px;    border-bottom: 1px solid #e5e5e5;}
#head_wrap .top_basic_area .tba_box{position: relative;width: 1200px;margin: 0 auto;}
#head_wrap .top_basic_area .tba_box .tba_menus{position: absolute;top: 0px;left: 0px;height: 40px;padding: 0px;}
#head_wrap .top_basic_area .tba_box .tba_menus li{float: left;padding: 0 3px;font: normal 11px gulim;line-height: 40px;}
#head_wrap .top_basic_area .tba_box .tba_menus li a{display: block;font-family: gulim;font-size: 11px;color: #a4a4a4;}
#head_wrap .top_basic_area .tba_box .tba_menus li a:hover{color: #000000;    text-decoration: none;}
#head_wrap .top_basic_area .tba_box .tba_menus .splitline{color: #a4a4a4;}


#head_wrap .top_basic_area .tba_box .tba_box_right{position: absolute;top: 0px;right: 0px;height: 40px;border-right: 1px solid #e5e5e5;border-left: 1px solid #e5e5e5;padding: 0 15px;}
#head_wrap .top_basic_area .tba_box .tba_box_right li{float: left;padding: 0 0 0 0;font: normal 11px dotum,ng;line-height: 40px;}
#head_wrap #logins{right:50px;}

#head_wrap .top_menu_area .tma_box .tma_search{position: absolute;top: 40px;left: 310px;}
#head_wrap .top_menu_area .tma_box .tma_search form{}
#head_wrap .top_menu_area .tma_box .tma_search fieldset{}

legend{width: 0;height: 0;visibility: hidden;font-size: 0;line-height: 0;text-indent: -9999px;}

input{box-sizing: border-box;}
#head_wrap .top_menu_area .tma_box .tma_logo{position: absolute;top:50px;left:0;}
#head_wrap .top_menu_area .tma_box .tma_logo img{}

#head_wrap .top_menu_area .tma_box .tma_search form li{float: left;}
#head_wrap .top_menu_area .tma_box .tma_search form .search_input{width: 470px;height: 60px;border: 1px solid #e5e5e5;font-size: 18px;vertical-align: middle;padding: 0 25px;color: #7c8389;background: #fff;border-radius: 100px;}
#head_wrap .top_menu_area .tma_box .tma_search form .search_btn{padding: 12px;height: 45px;z-index: 99999999;position: absolute;right: 25px;top: 7px;}


#head_wrap .top_menu_area{height: 130px;}
#head_wrap .top_menu_area .tma_box{position: relative;width: 1200px;margin: 0 auto;}
#head_wrap .top_menu_area .tma_box .top_slide{position: absolute;top: 13px;right: 0px;width: 190px;height: 110px;overflow: hidden;}



#top_cat_wrap{padding-bottom: 0px;position: relative;z-index: 100;border-bottom: 1px solid #efefef;}
#tcat_fixed{    width: 100%;z-index: 100;}
#tcat_top_line{background: #FFFFFF;width: 100%;}
#tcat_area{position: relative;height: 55px!important;}
#top_category{position: relative;margin: 0 auto;width: 1200px!important;z-index: 6;}
#top_category .navigation{height: 55px;line-height: 55px;font-size: 14px;clear: both; }
#top_category .navigation li{    position: relative;display: inline-block;padding: 0px 32px 0px 32px;font-weight: bold;z-index: 100; }
#top_category .navigation .first{padding: 0 35px 0 35px;    background: url(../../img/menu_ico.png) no-repeat 0px 20px;    cursor: pointer; }
#drop-down li a{font-family: noto sans cjk kr,'Nanum Gothic', sans-serif;color: #222;font-size: 19px;text-decoration: none; font-weight: bold;}

#drop-down .sub_01{width:1200px!important;}
#drop-down #smenu .ttcat_last{width: 17.37%!important;}


.ttcat{position: relative;}
.ttcat img{width:100%;top:;bottom:-300px;position: absolute;}




.section_tit{margin:0 auto;padding: 70px 0 10px 0;width: 1200px;}
.section_tit p{color:#333;font-size:36px;letter-spacing: -0.4px;line-height: 1.3}
.section_tit_bold{font-weight: bold;}
.section_tit_gray{font-size: 22px !important;color: #707070 !important;margin-top: 10px;}
.reser_tit{margin-bottom: 30px;}

#section_004{width:1200px;margin:0 auto;}
#section_004 .section_container{border-top: none !important;}

#section_01 { position:relative;width:1920px;height:498px;left:50%;margin-left:-960px;margin-bottom:30px; *zoom:1;z-index:1 }
.wap_popup {position:relative;width:1920px;height:498px; } 
.wap_popup:after {content:""; display:block; clear:both;*zoom:1;} 
.wap_popup .btn_area { position: absolute;bottom:15px;left:50%;width:172px;margin-left:-86px;z-index:15} 
.wap_popup .btn_area li{ float:left;padding:0px 5px 0 0} 
.wap_popup .btn_area img{ vertical-align:top} 
.wap_popup  li {float: left;padding:0px;cursor:pointer;list-style-type:none;} 
.wap_popup  li.active {float: left;position: relative; width:auto;height:auto;cursor:pointer;} 
.wap_popup .bottomover {  float: left;position: absolute; width:auto;height:auto;filter: alpha(opacity=0);opacity:0} 
.wap_popup .wappopbody {position: relative; width:1920px;height:498px;overflow:hidden;} 
.wap_popup .wappopbody .wrapper-li { float:left;position: absolute;width:1920px;height:498px; }  
.moview_nextBtns { display:block;position:absolute; right:15%; top:42%; /*display:block;*/ width:38px;height:3px;background:url(../../img/djds/main_bnr/btn/next_btn.png) no-repeat; z-index:999;text-indent:-9999999px;} 
.moview_prevBtns { display:block;position:absolute; left:15%; top:42%; /*display:block;*/ width:38px;height:3px;background:url(../../img/djds/main_bnr/btn/prev_btn.png) no-repeat; z-index:999;text-indent:-9999999px; }

.clear{clear:both;}

#section_02 {position:relative; margin-bottom:70px!important; *zoom1;} /* IE5.5~7 브라우저 대응 Hack */
#section_02 .section02_left { width:618px;height:492px;overflow:hidden;float:left;border:1px solid #eee;box-sizing: border-box;} 
#section_02 .section02_right { width:482px;float:left;border:1px solid #eee;box-sizing: border-box;} 
#section_02 .section02_right ul { *zoom1;} /* IE5.5~7 브라우저 대응 Hack */
#section_02 .section02_right li { float:left }
#section_02 .section02_right ul:after {content:""; display:block; clear:both;}

#section_003 { width:1200px;margin: 0 auto; background-color: #fff; padding:0px 0 70px 0;}
.section_container{width:1200px; margin: 0 auto; *zoom1;}




#section_003 .section_003_right{display:inline-block;background-color:#fff;border:1px solid #eee; width:540px;height:320px;padding:20px 10px;margin-left:17px;float:right;}

/*   리스트 페이지 상품 디자인 시작    */

#section_004 { width:1200px;margin: 0 auto; background-color: #fff; padding:0px 0 70px 0;}
#section_004 .section_container .item_display{}
#section_004 .section_container .item_display ul{}
.section_container .item_display ul li{display: inline-block; width:280px;box-sizing: border-box;;height:540px;vertical-align: top;position: relative; padding-top:20px;margin-right: 23px;letter-spacing: -0.4px;cursor: pointer;}
.section_container .item_display ul li:nth-child(4n){margin-right: 0;}

.section_container .item_display ul li .thum_img{background-color: #f7f7f7;border-radius: 5px;text-align: center;padding: 42px 0;position: relative;}
.section_container .item_display ul li .thum_img img{width:auto;height:240px;max-width:100%;display: inline-block;transition: .5s;}
.section_container .item_display ul li .thum_img span img{width:auto;height:18px;display: inline-block;transition: .5s;}
.section_container .item_display ul li .thum_img span{display: inline-block;width: 46px;height: 46px;border-radius: 100px;background-color: #fff;box-shadow: 2px 2px 4px rgba(40, 40, 40, 0.24);position: absolute;bottom: 24px;right: 15px;transition: .2s;opacity: 0}
.section_container .item_display ul li:hover .thum_img span{display: ;transition: .2s;opacity: 1;}
.section_container .item_display ul li:hover .thum_img img{ transform: scale(1.1);transition: .5s;}
.section_container .item_display ul li p:nth-child(2){font-size: 22px;font-weight: bold;margin-top: 13px;color: #000;word-break: keep-all;}
.section_container .item_display ul li p:nth-child(3){font-size: 16px;color: #707070;margin-top: 3px;font-weight: 300;}
.section_container .item_display ul li p:nth-child(4){font-size: 22px;font-weight: bold; margin-top: 13px;margin-bottom: 10px;color: #000;}
.section_container .item_display ul li p:nth-child(5){display: inline-block;border-radius: 3px;border: 1px solid #e4e4e4;color: #707070;margin-right: 3px;padding: 2px 5px;font-size: 13px;}
.section_container .item_display ul li p:nth-child(6){display: inline-block;border-radius: 3px;border: 1px solid #e4e4e4;color: #707070;padding: 2px 5px;font-size: 13px;}



#section_004 .section_container .item_display ul li .opacitywhite{
	width: 100%;height: 100%;
	background-color: #fff;
	opacity: 0.5;
	position: absolute;
	top:0;
	z-index: 12;
	transition: 0.6s ease-in;
	-webkit-transition: 0.6s ease-in;
	-o-transition: 0.6s ease-in;
	-moz-transition: 0.6s ease-in;

}



#section_004 .section_container .item_display ul .item-li:after{
    content: "";
    text-align: left;
    position: absolute;
    top:0;
    left:0;
    width: 50px;
    height: 0px;
    margin-left:0px;
    border-top: 0px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 70px solid transparent;
    z-index: 1;
    clear: both;
}
#section_004 .section_container .item_display ul .item-li{
	color:#000;
}

#section_004 .section_container .item_display ul .item-li .m_price{
	color: #f2420e;
	font-size: 20px;
	font-family: "Nanum Gothic";
	font-weight: bold;
	padding: 12px 0px;
}

#section_004 .section_container .item_display ul .item-li img{
	margin:0 auto;
}

#section_004 .section_container .item_display ul .red:after{    
    border-left: 80px solid red;
}
#section_004 .section_container .item_display ul .orange:after{    
    border-left: 80px solid orange;
}
#section_004 .section_container .item_display ul .deepskyblue:after{    
    border-left: 80px solid deepskyblue;
}
#section_004 .section_container .item_display ul .blue:after{    
    border-left: 80px solid blue;
}

#section_004 .section_container .item_display ul li small{position: absolute;top:7px;left:10px;z-index: 10;font-size:14px;color:#fff;font-weight:500;}


/*   리스트 페이지 상품 디자인 끝   */





#section_005{padding:90px 0;background-color: #ecedfc;}
#section_005 .section_container .sec5_left{display: inline-block;}
#section_005 .section_container .sec5_left .sec5tables table{border:0px solid #000; width:600px;text-align:center;border-radius: 15px;}
#section_005 .section_container .sec5_left .sec5tables table tbody{border:0px solid #000;}
#section_005 .section_container .sec5_left .sec5tables table tbody tr{border:0px solid #000;height:40px;}

#section_005 .section_container .sec5_right{float: left;margin-left: 10px;}
#section_005 .section_container .sec5_right .sec5_btns{width:590px;}
.sec5_btn1,.sec5_btn2,.sec5_btn3{text-align: center;padding-top:0px;box-sizing: border-box;float: left}
.sec5_btn1 a,.sec5_btn2 a,.sec5_btn3 a{font-size:20px;color: #fff;}
.sec5_btn2{margin-top:10px;}
/*.sec5_btn3{margin-top:10px;}*/


/* realtime */
.real_tit{display: inline-block;padding: 0;vertical-align: top;width: auto !important;}
.realtimelist{padding:0 10px;max-width: 1200px; min-width: 300px;margin:0 auto;}
.realtimetable table{width:100%;text-align: center;}
.realtimetable table tr{width:100%;}
.realtimetable table tbody tr td{padding:0px 0;height:180px;max-height:180px; overflow:hidden;}
.realtimetable table tbody tr td ul{background-color: #fff;margin-bottom: 10px;border-radius: 10px;box-shadow: 0px 2px 4px rgba(172, 175, 224, 0.24)}
.realtimetable table tbody tr td li{float: left;text-align: center;color:#444;font-weight: 300;font-size: 18px;padding: 17px 0;}
.realtimetable table tbody tr td li:nth-child(1){width: 140px;}
.realtimetable table tbody tr td li:nth-child(2){width: 50px;}
.realtimetable table tbody tr td li:nth-child(3){width: 150px;}
.realtimetable table tbody tr td li:nth-child(4){width: 200px;}
.realtimetable table tbody tr td li:nth-child(5){width: 110px;color: #5b3fd5;font-weight: bold;}

#ticker_01{height:275px; overflow:hidden;width: 650px;margin-left: 165px;}



/* 우배너 */

#right_banner{right: 40px;bottom: 40px;position: fixed;color: #fff;}
#right_banner ul{width: 180px;text-align: right;}
#right_banner ul li{width: 100%;position: relative;overflow: hidden;}
#right_banner ul li a{width: 70px;height: 70px;margin-bottom: 10px;border-radius: 50px;cursor: pointer;transition: .2s;display: inline-block;}
#right_banner ul li a:hover{text-decoration: none;}
#right_banner ul li a:hover{width: 180px;transition: .2s;  background-position: 18px center !important;}
#right_banner ul li:nth-child(1) a::after{ content: "1577-3269";font-weight: bold;color: #fff;font-size: 20px;position: absolute;left: 180px;top: 20px;transition: .2s;width: max-content;}
#right_banner ul li:nth-child(2) a::after{ content: "카톡상담";font-weight: bold;color: #381e1e;font-size: 20px;position: absolute;left: 180px;top: 20px;transition: .2s;width: max-content;}
#right_banner ul li:nth-child(1) a:hover::after{left: 60px;transition: .2s;}
#right_banner ul li:nth-child(2) a:hover::after{ left: 70px;transition: .2s;}
#right_banner ul li:nth-child(3) a:hover{width: 70px;background-position: center center !important;}
#right_banner ul li:nth-child(1) a{background: #4184ff url('/img/call_ico.jpg') no-repeat center center;}
#right_banner ul li:nth-child(2) a{background: #ffe600 url('/img/kakao_ico.png') no-repeat center center;}
#right_banner ul li:nth-child(3) a{background: #f1f1f1 url('/img/top_ico.jpg') no-repeat center center;}



/* 디테일 페이지 */
.detail_container{}
.detail_box>ul>li{margin: 0;
    padding: 0;
    float: left;
}
.iphone_detail_box01{width: 280px;float: left;margin-right: 20px;}



.detail_box .title1 img{
    vertical-align: top;
}


/* LIST페이지 */
.list_tabs{width: 1200px;margin: 0 auto;}
.list_tabs p{font-size: 36px;font-weight: bold;margin:60px 0 25px 0;color: #000}
.list_tabs ul {border-bottom: 1px solid #efefef;padding-bottom: 50px;}
.list_tabs ul li{float: left;cursor: pointer;text-align: center;border: 1px solid #ddd;font-size: 20px;margin-top: -1px;margin-right: 30px;padding: 7px 60px;border-radius: 50px;}
.list_tabs ul li:hover{background-color: #000;color: #fff;border: 1px solid #566573;}
.tab-on{background-color: #000;color: #fff;border: 1px solid #000!important;font-weight:bolder;}

.list_statusbar{font-size:18px;margin:50px 0 15px 0;}
.list_statusbar span{float: right;}
.list_statusbar span ul li{float: left;text-align:center;margin:0 0 0 20px;cursor: pointer;font-size:18px;font-weight: 300;color: #333}
.list_statusbar span ul li.on{font-weight: 500;}


/* item title02*/
.item_link{ width:100%; overflow:hidden;text-align:center;margin-top:17px;}
.item_link dl { list-style:none;   margin:0;   padding:8px 0 0 0; clear:both;}
.item_link dl:first-child { padding-top:0;}
.item_link dt {margin: 0;padding: 2px 0 3px 0;}
.item_link .soldout{ color: #dddddd;}
.item_link dd {margin: 0;padding: 2px 0 0 0;}
.item_link .rate_price {font-size: 18px; font-weight:500; color:#6426c8;}
.item_link .month_price {font-size: 11px; color:#999999;}
.item_link a{text-decoration: none; color:#444444;}
.item_link a:hover{text-decoration: none;color:#444444;}
.item_link a:visited {text-decoration: none;color:#444444;}
.item_link dd a:active {text-decoration: none;color:#444444;}
.item_link_under{margin-top:20px;height:60px;background-color:#f7f7f7;}
.item_link_under .itemicons {	margin-top: 3px; }
.item_link_under .iconarea {
	font-size:14px;vertical-align:middle;padding:20px;
}	
.topinfo {  margin:5px 5px 5px 5px;}
.topinfo span{float:right; }
.topinfo span b{font-weight:bold; }
.agingDiv {border: 1px solid #d2d2d2;}

.getGooditem {}
.getGooditem ul {   list-style:none;   margin:0;   padding:0;}
.getGooditem li {margin: 0;padding: 0px 0 0 0; float:left;}
.getGooditem li:first-child {padding:0;}
.blank {width:4px;}
.questions{
	position: relative;
	top:4px;
	float:right:
}
.detail_box { width:1200px;letter-spacing: -0.4px;}
.detail_box>ul {list-style:none; margin:0;padding:0; clear: both;}
.detail_box>ul>li {margin: 0;padding:0; float:left;}

.dtail_icon{ width:123px;}
.dtail_icon>ul {list-style:none; margin:0;padding:0; clear: both;}
.dtail_icon>ul>li {margin: 0;padding:0; float:left;}

#dtail_icon_sub {}
#dtail_icon_sub>ul {list-style:none; margin:0;padding:0; clear: both;}
#dtail_icon_sub>ul>li {margin: 0;padding:0; float:left;}

.iphone_end { overflow:hidden;height:auto; width:1200px;text-align:center; border-top:1px solid #000;}
.iphone_end h2{font-size:30px; line-height:40px;}
.iphone_end .subtitle{font-size:18px;}

.iphone_end2 { overflow:hidden;height:auto; width:1200px;}
.iphone_end2 ul{ margin:0; padding:0;}
.iphone_end2 li { margin:0; padding:0;}
.iphone_end2 h2{font-size:30px; line-height:40px;}
.iphone_end2 .subtitle{font-size:18px;}
.iphone_end2 .order_id{font-size:18px; font-weight:500;color:#6426c8;}
.iphone_end2 .radioonly{ padding:30px 20px; }
.iphone_end2 .linetwo{ padding:20px 20px; }

.detail_box .title1{ font-size:26px; vertical-align:middle;color: #000;border-bottom: 3px solid #000;padding-bottom: 20px}
.detail_box .title1 img{vertical-align:top;}
.detail_box .title2{ font-size:34px; font-weight:bold; color:#000;margin-bottom: 3px;}

.detail_box .thum_img{ background-color: #f7f7f7;border-radius: 5px;text-align: center;padding: 42px 0;position: relative;}
.detail_box .thum_img img{width: auto;height: 240px;display: inline-block;}

.sub_spec{font-size: 20px;margin-top: 30px}
.sub_spec .col_tit{font-weight: bold;background-color: #000;color: #fff;border-radius: 30px;padding: 8px 0;display: block;width: 100px;text-align: center;margin: 0 auto;margin-bottom: 10px;}
.sub_spec .spec_btn{border-radius: 30px;border: 1px solid #dfdfdf;color: #696969;padding: 10px 30px;display: block;width: 200px;margin: 0 auto;margin-top: 30px;cursor: pointer;font-size: 18px;}

#modal-spec .modal-box{width: 725px!important;text-align: left}
#modal-spec .modal-box h1{font-size: 24px;}
#modal-spec .modal-box .modal-body{text-align: left;}
#modal-spec .modal-body table{border-collapse: collapse;width: 100%}
#modal-spec .modal-body tr{}
#modal-spec .modal-body tr td{font-size: 18px;border: 1px solid #ddd;padding: 10px 15px;}
#modal-spec .modal-body tr td:nth-child(1){width: 30%; background-color: #efefef}
#modal-spec .modal-body tr td:nth-child(2){width: 70%;}

.detail_box #title3 {font-size:20px; color:#000;width:545px;}
.detail_box #title3>ul {list-style:none; margin:0; padding:0; clear: both; border-bottom:1px solid #e8e8e8;display: flex;align-items: center;}
.detail_box #title3>ul>li {margin: 0; padding:24px 10px 24px 20px ;display: inline-block;}
.detail_box #title3>ul>li:first-child {width:125px;font-weight: bold;padding-top: 27px;}
.detail_box #title3>ul>li:last-child {width:100%;font-size: 0;}
.detail_box #title3>ul>li div {font-size: 20px ;}


.detail_box .prettydropdown {width: calc(100% - 10px);}
.detail_box .prettydropdown ul{width: 100%;border: 2px solid #fa5f5a !important;font-weight: bold;border-radius: 5px;max-height: 400px !important;}
.prettydropdown > ul > li{position: initial !important;width: 400px !important;}


.detail_box #title3 .halbu_price {font-size:20px;}
.detail_box #title3 .type3_jiwon_type{font-size:14px;}
.detail_box #title3 .chungguhalinga{font-size:22px;}
.detail_box #title3 .firstchild_subtitle{margin-top:10px;font-size:12px; line-height:16px !important;}
.detail_box .detailimgs{cursor:pointer;bottom:5px;}
.detail_box .detailimgs.active img{
	border:#cacaca 1px solid;  /* 10px 라인이 안쪽으로 적용되어 전체 div크기가 늘어나지 않게 하기위해서. */
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box; /* Firefox, other Gecko */
	box-sizing: border-box; /* Opera/IE 8+ */
}

.detail_infobox{ 
	width:804px;
	/*background-color:#eee;*/
	padding-right:20px;
	float:left;
}	
#table4 { 
	font-size:16px; color:#000; overflow:auto; border-top:1px solid #cacaca; border-bottom:1px solid #cacaca;
	width:100%;
	background-image: url(/resources/img/203/detail_infobox_bg.png);
	background-repeat: repeat-y;
}
#table4 tr { border-bottom:1px solid #cacaca;}
#table4 td {margin: 0; float:left; padding:20px 20px;}
#table4 td.htselect{padding:10px 20px;}
#table4 td.htlinetwo{padding:20px 20px;}
#table4 td:first-child {width:105px;}
#table4 td:last-child {width:280px;}

#table5 { 
	font-size:16px; color:#000; overflow:auto; border-top:1px solid #cacaca; border-bottom:1px solid #cacaca;
	width:100%; 
	background-image: url(/resources/img/203/detail_infobox_bg.png);
	background-repeat: repeat-y;
}
#table5 tr { border-bottom:1px solid #cacaca;}
#table5 td {margin: 0; float:left; padding:30px 20px;}
#table5 td.htselect{padding:20px 20px;}
#table5 td.htlinetwo{padding:20px 20px;}
#table5 td:first-child {width:105px;}
#table5 td:last-child {width:200px;}

.detail_infobox #table6 { 
	font-size:16px; color:#000; border-bottom:1px solid #cacaca;
	width:1200px; clear:both;
	background-image: url(/resources/img/203/detail_infobox_bg.png);
	background-repeat: repeat-y;
}
.detail_infobox #table6 tr { border-bottom:1px solid #cacaca;}
.detail_infobox #table6 td {margin: 0; float:left; padding:30px 20px;}
.detail_infobox #table6 td.htselect{padding:20px 20px;}
.detail_infobox #table6 td.htlinetwo{padding:20px 20px;}
.detail_infobox #table6 td:first-child {width:110px;}




.detail_infobox #table8 { 
	font-size:16px; color:#000; border:1px solid #cacaca;
	width:100%; clear:both; text-align:center;
	background-repeat: repeat-y;
}
.detail_infobox #table8 tr {}
.detail_infobox #table8 td {margin: 0; padding:30px 20px;}
.detail_infobox #table8 td:first-child {background-color:#f7f7f7;}
.detail_infobox #table8 .price {font-size:30px; font-weight:900; color:#cacaca;/*color:#6426c8;*/}
.detail_infobox #table8 .pricechoice {color:#6426c8;}
.detail_infobox #table8 td.htselect{padding:20px 20px;}
.detail_infobox #table8 td.htlinetwo{padding:20px 20px;}


.order_infobox #table9 { 
	font-size:16px; color:#000;width:1200px; border-top:2px solid #000; border-bottom:1px solid #000;
}
.order_infobox #table9 thead th { background-color:#333; font-size:14px; color:#999;line-height:40px;}
.order_infobox #table9 tbody tr th.bggrey { background-color:#efe9f9; color:#6426c8;}
.order_infobox #table9 tbody tr th { text-align:center; color:#000; border-right:1px solid #cacaca; height:100px; background-color:#f3f3f3;}
.order_infobox #table9 tbody tr th:last-child { border-right:none;}
.order_infobox #table9 tbody tr th span{ font-size:25px; font-weight:900;}
.order_infobox #table9 tbody tr th .lasttitle{ font-size:20px; font-weight:500;}
.order_infobox #table9 tbody tr th .lastprice #hap_price{ font-size:30px; font-weight:900;}
.order_infobox #table9 tbody tr th .icons{ position:relative;}
.order_infobox #table9 tbody tr th .icons .imgs{ position:absolute; top:-45px; left:199px;}
.order_infobox #table9 tbody td { vertical-align:top; font-size:14px; color:#000; background-color:#fff; border-right:1px solid #cacaca; padding:20px 20px 30px 20px; }
.order_infobox #table9 tbody td:last-child { border-right:none;}
.order_infobox #table9 tbody td span{float:right;}

.detail_box .dtail_icon { display: inline-block; text-align: center; border:1px solid #cacaca; }
.detail_box .dtail_icon ul li{width:40px; height:40px; line-height:37px; border-right:1px solid #cacaca;}
.detail_box .dtail_icon ul li:last-child{border-right:none;}
.detail_box .dtail_icon ul li img{vertical-align:middle;}
.detail_box .dtail_icon ul li.active{background-color:#f3f3f3;}
.detail_box .dtail_icon ul li:hover {background-color:#f3f3f3;}

.detail_box #dtail_icon_sub { 
	display: inline-block; width:204px; text-align: center; border:1px solid #cacaca;
	left:231px;
	top:-47px;
	background-color:#fff;
}
.detail_box .sns_arrow_bg { 
	left:-50px;
}
.detail_box #dtail_icon_sub ul li{width:40px; height:40px; line-height:37px; border-right:1px solid #cacaca;}
.detail_box #dtail_icon_sub ul li:last-child{border-right:none;}
.detail_box #dtail_icon_sub ul li img{vertical-align:middle;}
.detail_box #dtail_icon_sub ul li .sns_arrow_bg{ position:absolute; left:-6px; top:14px;}


.detail_box_step02 { width:1050px; overflow:auto; height:auto;}
.detail_box_step02 ul {list-style:none; margin:0;padding:0; clear: both;}
.detail_box_step02 li {margin: 0;padding:0; float:left;}
.detail_box_step02 li:last-child {float:right;}




/* Eventzone */

.label_ing{border:0;background-color:#222;padding:8px 35px;color:#fff;cursor:pointer;}
.label_ing::focus{outline:none;}
.label_end{border:0;background-color:#999;padding:8px 35px;color:#fff;cursor:pointer;}
.label_end::focus{outline:none;}

.section_eventpage{}
.section_eventpage .eventlist_wrapper{width:1200px;margin:0 auto;display: flex;flex-wrap: wrap;justify-content: space-between;}
.section_eventpage .event_itembox{margin-right: 23px;margin-bottom: 23px;display: inline-block;width:49%;}
.section_eventpage .event_itembox:nth-child(2n){margin-right:0}
.section_eventpage .event_item{border:1px solid #ccc;width:100%;overflow: hidden;text-align: center;position: relative;}
.section_eventpage .event_item:hover{border:1px solid #354a5d;}
.section_eventpage .event_item .event_imgbox{position: relative;width:100%;height:auto;text-align:center;}
.section_eventpage .event_item .event_imgbox > img{width:100%;left:;position: relative;}
.section_eventpage .event_item .eventend_imgbox >img{}
.section_eventpage .event_textbox{text-align:center;position: relative;}
.section_eventpage .event_textbox > a{font-weight:bold;line-height:1.4;margin:0;font-size:24px;color:#222;width:70%;margin:0 auto 20px;word-break: keep-all;padding:25px 0;text-decoration: none;cursor: pointer;display: block;position: relative;-webkit-transition: 0.3s ease;transition: 0.3s ease;}

.section_eventpage .event_textbox > .event_link:hover{color: #fa5f5a;transform: translateY(-5px);-webkit-transition: 0.3s ease;transition: 0.3s ease;}
.section_eventpage .event_textbox > .event_link:hover::after{background-color: #000;-webkit-transition: 0.3s ease;transition: 0.3s ease;}
.section_eventpage .event_textbox > .event_link::after{content:"";position: absolute;height:3px; width: 100px; bottom:0;left:0;right:0;background-color: #000;margin:0 auto;-webkit-transition: 0.3s ease;transition: 0.3s ease;}
.section_eventpage .event_textbox > b{font-size: 18px;color:#fa5f5a;}
.section_eventpage .event_textbox > s{display: block;text-decoration: none;font-size: 16px;}
.section_eventpage .event_textbox > button{margin:20px 0;position: relative;border-radius: 8px;}


.event_over{position:relative;}
.event_over a{z-index:9;color:#919191!important;}
.event_over .event_link:hover{color: #fbba9b!important;}
.event_over .event_link::after{background-color: #919191!important;}
.event_over::after{position:absolute;right:0;left:0;top:0;bottom:0; background:rgba(255,255,255,0.5);content:"";}

/* Mypage */

#mypage_tab .tab-bar-center {width:49.6%;}



[data-pagination],
[data-pagination] *,
[data-pagination] *:before,
[data-pagination] *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-kerning: auto;
}
[data-pagination] {
  font-size: 8pt;
  line-height: 1;
  font-weight: 200;
  font-family: 'Open Sans', 'Source Sans Pro', Roboto, 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', 'Myriad Pro', 'Segoe UI', Myriad, Helvetica, 'Lucida Grande', 'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', Tahoma, Geneva, Arial, sans-serif;
  -webkit-text-size-adjust: 100%;
  margin: 1em auto;
  text-align: center;
  transition: font-size .2s ease-in-out;

}
[data-pagination] ul {
  list-style-type: none;
  display: inline;
  font-size: 100%;
  margin: 0;
  padding: .5em;
}
[data-pagination] ul li {
  display: inline-block;
  font-size: 18px;
  width: auto;
  border-radius: 3px;
	margin-right: 10px;
}
[data-pagination] ul li:nth-last-child(1){
	margin-right: 0;
}
[data-pagination] > a {
  font-size: 140%;
}
[data-pagination] a {
  color: #777;
  font-size: 100%;
  padding: .5em;
}
[data-pagination] a:focus,
[data-pagination] a:hover {
	color: #000;
	text-decoration: none;
}
[data-pagination] li.current {
  
 background-color: #000;
border-radius: 50px;
padding: 11px 0;
color: #fff;
width: 44px;
height: 44px;
	font-weight: 400;
}
[data-pagination] li.current > a {
  
		color:#fff;
  }

/* Disabled & Hidden Styles */
[data-pagination] .disabled,
[data-pagination] [hidden],
[data-pagination] [disabled] {
  opacity: .5;
  pointer-events: none;
}
@media (min-width: 350px) {
  [data-pagination] {
    font-size: 10pt;
  }
}
@media (min-width: 500px) {
  [data-pagination] {
    font-size: 12pt;
  }
}
@media (min-width: 700px) {
  [data-pagination] {
    font-size: 14pt;
  }
}
@media (min-width: 900px) {
  [data-pagination] {
    font-size: 16pt;
  }
}




/* 인터넷  */

#internet_full{text-align: center;  }

#internet_full h1 {
    font: 600 1.5em/1 'noto sans cjk kr', sans-serif;
    color: rgba(0,0,0,.5);
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .5em;
    position: absolute;
    bottom: 20%;
    width: 100%;
}

#internet_full h1 span, h1 span:after {
    font-weight: 900;
    color: #efedce;
    white-space: nowrap;
    display: inline-block;
    position: relative;
    letter-spacing: .1em;
    padding: .2em 0 .25em 0;
}

 #internet_full h1 span {
    font-size: 4em;
    z-index: 1;
    text-shadow: .04em .04em 0 #738481;
}

#internet_full h1 span:after {
    content:"";
    color: rgba(0,0,0,.35);
    text-shadow: none;
    position: absolute;
    left: .0875em;
    top: .0875em;
    z-index: -1;
    
}


.inter-tit-2:after{}
.inter-tit-2{text-shadow: .04em .04em 0 #d0d0d0!important;color: #6e928b!important;  }

.inter-tit-1{
	/*-webkit-animation: neon2 1.5s ease-in-out infinite alternate;
	-moz-animation: neon2 1.5s ease-in-out infinite alternate;
	animation: neon2 1.5s ease-in-out infinite alternate;
	color:#fff!important;*/
}

#internet_full .section_tit{position:relative;height:300px;}
#internet_full .internet-title p{}
#internet_full .internet-title t{}

#internet_full .internet_gigawrap{background-color: #9cb8b3; padding:0px 0 100px;}


/*
	#internet_full .inter-wrapper{width:100%;height:;background-color: #fafafa;border-top:1px solid #aaa;border-bottom: 1px solid #aaa;padding:50px 0;margin-top: -1px;}
*/
#internet_full .inter-wrapper{
    width: 100%;
    height: ;
    background-color: #efedce;
    border-top: 1px solid #78a29b;
    border-bottom: 1px solid #78a29b;
    padding: 50px 0;
    margin-top: -1px;
}

#internet_full .inter-innerbox{width:1200px; height:180px; margin:0 auto;padding: 0px 0;}
#internet_full .inter-innerbox div{float:left;}

#internet_full .inter-inner-title{text-align: center;width:25%;border-right:1px solid #ccc;height:180px;}
#internet_full .inter-inner-gift{text-align: center;width:45%;height:100%;border-right:1px solid #ccc;height:180px;}
#internet_full .inter-inner-money{text-align: center;width:20%;height:100%;}
#internet_full .inter-inner-btn{text-align: center;width:10%;height:100%;}
#internet_full .inter-inner-btn button{text-align: center;background-color: #d71826; color:#fff;height:100%;border: 1px solid #d71826;font-size: 18px;padding: 0 18px;cursor: pointer;}



/* popup */

.popup_main{position:absolute;top:0;border:0px solid #aaa;width:auto;background:#fff;border:1px solid #354a5d;z-index:200;}
.popup_main .popup_tit{width:100%;text-align:center;background-color:#354a5d;color:#fff;}
.popup_main .popup_tit p{margin-bottom:0;font-size:14px;font-weight:100;}
.popup_middle{padding:5px;}
.popup_middle img{width:auto;height:auto;max-width:100%;max-height:100%;}
.popup_middle p{}
.popup_bottom{border-top:1px solid #aaa;border-bottom:0px solid #354a5d;background-color:#354a5d;position:relative;}
.popup_btm_disable{display:inline-block;width:100%;text-align:left;padding:5px 0 5px 10px;background-color:#4d6275;color:#fff;}
.popup_btm_close{display:inline-block;width:100px;max-width:100px;text-align:center;background-color:#354a5d;padding:4px 0;color:#fff;position:absolute;top:0;right:0;}
.popup_btm_close button{background-color:transparent;border:0px;cursor:pointer;color:#fff;}


/*
	상세페이지 사은품 시작
*/
.detail02{background-color: #000; height: 350px; font-family:"Malgun Gothic"; color:#fff; text-align: center;}
.detail02 .status{ width: 900px; border: 1px solid #fff; margin:auto; font-size: 18px; font-weight: bold;  padding:20px;}
.detail02 .report{width: 900px; padding:20px; height: 200px;}
.detail02 .report .name01{color:#00d0dd;}
.detail02 .report .name02{color:#ffcc00;}


img{display: block;}
.box{ list-style: none; padding:0; margin:0;  background-color: #dfdfdf; }
.box li{width: 270px; height: 363px; margin-top:10px; margin-left:10px; margin-right:-7px; display:inline-block; border: 1px solid #aaa; text-align: center; }
.box li .gift_num{background-color:#ff8c21 ;margin:0px auto; #ccc; width: 60px; padding: 0px 0px 0px 0px; color:#fff; font-family: "Malgun Gothic"; font-weight: bold; font-size: 20px;}
.box li .special{font-size: 17px; font-family: Malgun Gothic; font-weight: bold; color: #000; padding-bottom:7px;}
.box li .gift_title{font-size: 12px; font-family: Malgun Gothic; font-weight: bold; color: #6e6e6e;}
.box li .gift_content{font-size: 13px; font-weight: bold; color: #2f2f2f;}
/*
	상세페이지 사은품 끝 
*/