@charset "UTF-8";

/*==========================================================================================*/
/* SECTION PLANPHONE SEARCH */



div.borderrightdotted { border-right:1px dotted #ccc; }
div.searchIndexCon { padding:10px 30px; font-size:13px; color:#333; }
div.searchIndexCon p { font-size:13px; color:#333; }
div.searchIndexCon h3 { font-size:16px; color:#ea5700; margin:10px 0; padding:0; }

div.searchIndexCon2 { margin:10px; margin-bottom:25px; padding:40px 50px 20px 50px; }
div.searchIndexCon2 a.btn-orange { margin-left:5px; }
div.inputrow { display:block; padding:0; }
div.inputrow p { display:inline-block; width:80px; font-size:14px; color:#333; }
div.inputrow a { display:inline-block; font-size:12px; color:#ea5700; }
div.inputrow input { display:inline-block; box-shadow:inset 0 1px 2px rgba(0,0,0,0.2); width:250px; padding:10px; height:16px; font-size:14px; border-radius:6px; border:1px solid #ccc; background:white; }

#mainboxFull h4 {font-size:17px !important; color:#ea5700 !important;  margin-top:0 !important;  padding:0;  text-shadow:1px 1px 0 white;  text-align:left;  }
h3.ordernumber { font-size:15px !important; color:#ea5700; font-weight:bold; }
h3.ordernumber p { font-size:14px !important; color:#333; padding:0 1px; margin:0; }
h3.ordernumber span { color:#555; font-weight:normal; margin-bottom:5px; }
a.btn-back { display:block; font-size:12px; color:#555; background:url(../images/icon-leftbox.png) no-repeat -240px 0; padding-left:20px; margin-bottom:20px; }
a.btnprintrighttop { position:absolute; top:35px; right:30px; }
b.red { color:#d03044; font-size:14px; font-weight:bold; padding:0; margin-bottom:0 !important; }
p.important { color:#d03044; font-size:14px; margin:0; }
p.red { color:#d03044; font-size:14px; font-weight:bold; padding:0; margin-bottom:0 !important; }
p.red { color:#d03044; font-size:14px; font-weight:bold; padding:0; margin-bottom:0 !important; }
p.note { color:#888; font-size:12px; padding:0; margin-bottom:0 !important; }
p.statusNoBottom { margin-bottom:0 !important; }
a.orange { color:#ea5700 !important; padding:auto 5px !important; }
a.red { color:#d03044 !important; padding:auto 5px !important; }
span.orange { color:#ea5700; }
.radioSelection { margin-bottom:5px; padding-left:40px; position:relative; }
.radioSelection input { position:absolute; top:0; left:5px; }
.radioSelection .head { font-size:15px; }
.radioSelection p { font-size:13px; margin:0; padding:0; }
.radioSelection a { color:#333 !important; }

.mb5 { margin-bottom:5px !important; }
.mb20 { margin-bottom:20px !important; }

.boxPlain h3 { margin-top:0 !important; }
table.table-planPhoneBasic2 { margin-bottom:25px !important; margin-top:0 !important; }

div.btn-fix { display:inline-block; margin:auto 5px; background:#888; color:white; border-radius:20px; text-align:center; width:50px !important; cursor:pointer; }
div.btn-fix:hover { background:#ea5700; }

div.orangebox { display:table; background:white; color:#333; font-size:13px !important; margin-top:-15px !important; 
	border-top:1px solid #e5e5e5;
	width:100%; box-shadow:0 1px 3px rgba(0,0,0,0.5); margin-bottom:8px; border-radius:6px; }
div.orangebox p { display:table-cell; height:100%; padding:15px 25px; width:auto; border-right:1px dotted #aaa; color:#333; font-size:13px !important; margin:0px; line-height:24px; }
div.orangebox p:last-child { border-right:none; /*background:#ea5700;*/ }
div.orangebox p b { display:block; font-size:20px !important; font-weight:bold; color:#ea5700; }


div.orangebox2 { display:table; color:#333; margin:0; margin-bottom:-10px; width:920px; border-top:1px solid #ccc; }
div.orangebox2 p { display:table-cell; /*height:100%; */padding:15px 25px 20px 25px; width:auto; border-right:1px dotted #aaa; color:#333; font-size:13px !important; margin:0px; line-height:24px; }
div.orangebox2 p:last-child { border-right:0; }
div.orangebox2 p.btncell { display:block; width:180px; position:relative; }
div.orangebox2 p b { display:block; font-size:23px !important; font-weight:normal !important; color:#ea5700; }
div.orangebox2 a.btn-orange { position:absolute !important; top:17px !important; left:30px; }


div.studentUploadBox { border:1px solid #ccc; background:#f5f5f5; box-shadow:inset 0 1px 2px rgba(0,0,0,0.2); padding:10px 15px; margin-bottom:5px; border-radius:6px; }
div.studentUploadBox h2 { font-size:21px; color:#333; }
div.studentUploadBox p { font-size:14px; color:#333; margin-bottom:3px; }
p.studentUploadNote { color:#d03044; font-size:12px; margin-top:8px; margin-bottom:0px !important; }


div.basicDatePicker { font-size:13px; color:#333; margin-bottom:10px; }
div.basicDatePicker input { font-size:13px; color:#333; margin:auto 4px; }
div.returnAnnounceBox { color:white; background:#ea5700; padding:20px 30px; margin-top:-20px; margin-bottom:20px; text-align:center; }

div.btnsetRow { padding:20px 50px 30px 130px; }
div.btnsetRow a { margin:0px !important; padding:20px 40px !important; }

div.planBoxDiv { width:90%; text-align:center; position:relative; padding:40px 20px; margin:0 auto; }
div.planBoxDiv div.phone { display:inline-block; margin:0; height:150px; vertical-align:middle; }
div.planBoxDiv div.phone img { width:150px; height:150px; vertical-align:middle; }
div.planBoxDiv div.mark_add { font-size:24px; font-weight:bold; color:#333; margin:0px; display:inline-block; vertical-align:middle; }
div.planBoxDiv div.subbox { font-size:13px; padding:15px; text-align:center; border:1px solid #333; border-radius:6px; color:#333; width:160px; display:inline-block; vertical-align:middle; }



div.planBoxDiv div.subbox div { font-size:15px; color:#333; margin: 4px 4px 10px 4px; color:#ea5700; }



/* SELECT PHONE SAME BRAND */
div#selectPhoneBlock { display:block; padding:0; margin-left:-5px; margin-bottom:20px; margin-right:-20px; position:relative; }
div#selectPhoneBlock div.step1 { display:inline-block; border:2px solid #fff; border-radius:5px; width:220px; 
	background:white; padding-top:7px; box-shadow:0 1px 4px rgba(0,0,0,0.4);
	margin:4px; margin-bottom:7px; padding-bottom:10px; position:relative; text-align:center; cursor:pointer; }
div#selectPhoneBlock div:hover { border:2px solid #ea5700;  }
div#selectPhoneBlock div.selected { border:2px solid #ea5700; box-shadow:inset 0 3px 10px rgba(0,0,0,0.3) 0 0 repeat-x; background:(http://www.uplus.co.kr/common/ui/images/us/mblist1504_list_tran.png);   }
div#selectPhoneBlock div.fifth { margin-right:0; }

div#selectPhoneBlock p { display:block; margin:0; padding:0; font-size:13px; }
div#selectPhoneBlock p.brand { color:#ea5700; font-size:13px; }

div.finalConfirmShowBox { margin-bottom:14px; text-align:center; }
div.navNumberBox2 { text-align:center; }
div.gowithplan { background:#eee; margin:0; padding-bottom:15px; }
div.boxFavourNumber { padding:20px 35px; color:#333; }
div.boxFavourNumber input { margin:auto 8px; border:1px solid #ccc; border-radius:4px; box-shadow:inset 0 1px 3px rgba(0,0,0,0.5); padding:10px; color:#333; }
div.boxFavourNumber span { font-size:12px; color:#888; }

h4.titleOrange { cursor:pointer; font-size:15px !important; padding:4px 7px; color:#888 !important; border:1px solid #888; border-radius:20px; display:inline-block; margin-top:10px; margin-right:5px; }
h4.titleOrangeSelected { color:#ea5700 !important; border:1px solid #ea5700; }



/* PLAN */
table.tablePlanSelect td { text-align:center; }
table.tablePlanSelect td a.btn { padding:5px 35px 5px 35px; position:relative; white-space:nowrap; }
table.tablePlanSelect td a.btn div#iconselect { width:22px; height:22px; margin:4px auto; background: url(../images_planphone/icon-selected.png) no-repeat left top; display:block; }
table.tablePlanSelect td a.selected { /*padding:5px 15px 5px 55px !important;*/ }
table.tablePlanSelect td a.selected div#iconselect { background-position:left bottom !important; }
table.tablePlanSelect td.price { color:#d41500; }
table.tablePlanSelect td.title { color:#ea5700; font-size:18px; }
table.tablePlanSelect td.title2 { color:#ea5700; font-size:15px; width:80px; }
table.tablePlanSelect td.subth { background:#888 !important; font-size:12px; color:white; }

table.tableThSort th { position:relative; }


div.btngroup a.btn div#iconselect { position:absolute; top:12px; left:30px; width:22px; height:22px; margin:4px auto; background: url(../images_planphone/icon-selected.png) no-repeat left top; display:block; }
div.btngroup a.selected { /*padding:5px 15px 5px 55px !important;*/ }
div.btngroup a.selected div#iconselect { background-position:left bottom !important; }

div.codeinputbox { position:relative; height:60px; }
div.codeinputbox input { width:50px !important; display:block !important; margin:0 !important; position:absolute; top:0px; left:145px; }
div.codeinputbox img.codeinput { display:block !important; position:absolute; top:0px; left:215px; }
div.codeinputbox a.codeinput { font-size:12px; position:absolute; top:15px; left:325px; }

div.selection { display:block; position:relative; padding-left:30px; margin-top:10px; }
div.selection h3 { font-size:16px; color:#333; }
div.selection input[type='radio'] { position:absolute; top:0px; left:5px; }



/* APPLY FLOW */
div.sideblockType { display:block; position:relative; border:3px solid; }
p.rednote { color:#da3245; font-size:12px; }
.alertspan { background:url(../images_planphone/icon_caution.png) no-repeat 5px -1px #ea5700; border-radius:3px; text-align:left; padding:3px 10px; padding-left:28px; color:white !important; font-size:11px; line-height:12px; margin-top:10px; }
.alertspan img.icon { position:relative; margin-right:5px; }
div.alignright { margin-bottom:30px; margin-right:30px; text-align:right; }
div.alignright a.btn-orange-next { float:right !important; }

div.phoneTitleBlock { padding:20px 10px; padding-left:75px; color:#ea5700; position:relative; border-bottom:1px solid #ccc; height:40px; }
div.phoneTitleBlock img { width:70px; height:70px; position:absolute; top:5px; left:5px;  }
div.phoneTitleBlock p { margin:0; padding:0; font-size:14px; }
div.phoneTitleBlock b { margin:0; padding:0; font-size:15px; font-weight:bold; padding-bottom:10px; }


div.phonePriceBox2Fright { text-align:right; margin-bottom:40px; }
div.phonePriceBox2Fright a.btn { margin-top:2px; margin-right:5px; padding:19px 30px; }
div.phonePriceBox2Fright a.btn-orange-next { float:right; }


p.introductionLine { font-size:14px; color:#333; }
div.boxHowPickup { margin:15px 25px; }
div.boxHowPickup h3 { color:#da3245; font-size:18px; }
div.boxHowPickup div.btngroup { margin-bottom:20px; margin-top:20px; border:1px solid #ccc; border-radius:5px; }
div.boxHowPickup div.btngroup .selectStoreBox { text-align:left; margin-top:10px; margin-bottom:25px; }
div.boxHowPickup div.btngroup .selectStoreBox select { display:inline-block; }
div.boxHowPickup div.btngroup .selectStoreBox p { display:inline-block; }
div.boxHowPickup span { font-size:12px; color:#da3245; margin-bottom:10px; }



a.btnwithArrow { width:150px !important; padding:20px !important; vertical-align:middle; margin-right:4px !important; position:relative; font-size:14px !important; }
a.btnwithArrow .arrow { position:absolute; left:25px; top:16px; }
p.iconred { color:#d13045 !important; }
span.redstar { margin-left:5px; color:#da3245; }
div.uploadicon { display:inline; position:relative; left:-10px; }
a.btn-orange-upload { position:relative; text-align:center; right:-10px; bottom:3px; }

div.startIntroTextBox { margin:20px 25px; margin-bottom:10px !important; padding:50px 25px 20px 25px; border:1px solid #ccc; position:relative; }
div.startIntroTextBox b { font-size:15px; color:#333; margin:12px 0; margin-top:30px !important; }
div.startIntroTextBox p { font-size:13px; color:#333; margin:12px 0; }
div.startIntroTextBox ul { font-size:13px; color:#333; margin:7px 0; padding:0; padding-left:18px; }
div.startIntroTextBox ul li { list-style:disc; font-size:13px; color:#333; }

td.noteBlue {}
td.noteBlue b { color:#da2345; }

div.btnsetCenter { text-align:center; height:40px; padding:20px; }

ul.basicnote { font-size:13px; color:#333; padding-left:15px; }
ul.basicnote li { list-style:disc; font-size:13px; color:#333; }


/* added by TWM */
div.phoneTitleBlock { min-height:40px; height:auto !important; }

/*---------------------------TWM ADD-----------------------*/
/* 封閉賣場 by TWM */
.close-name{
	height:40px;
}
.close-func{
	box-shadow:none; text-align:center; margin:0 auto; background:none; border:0; display:inline-block;margin-bottom:0;
}

.close-func tr td{
	padding:5px;
}

.close-func select{
	width:100px; line-height:30px; height:30px; 
}

.close-func a.sure{
	padding: 3px 25px;
}
.close-benefit{
	background:url(../images_planphone/close-banner.jpg);
	height:230px;
}
.close-benefit ul{
	position:relative;
	top:40px;
	margin-left:400px;
	text-align:left;
	
}
.close-benefit ul li{
	list-style:disc;
	font-size:15px;
	line-height:30px;
	color:#272727;
}
.close-benefit2{
	width:100%;
	margin:0 auto;
	text-align:center;
	margin-top:40px;
}
.close-benefit2 ul{
	text-align:left;
	margin-left: 15px;
	
}
.close-benefit2 ul li{
	list-style:circle;
	font-size:16px;
	line-height:30px;
	color:#272727;
}

div.orangebox3 { width:100%; height:100px;  }
div.orangebox3 a.btn-orange { position:absolute !important;  }


div.orangebox3 { border-top:0px solid #ccc; }
.boxOrange a.btn2{
	position: relative;left: 90px;top: 2px;
}
div.planBoxDiv2 {
    padding: 0 0 10px 0;
}
.linethrough{
	color:#6B6B6B; margin-right:10px; text-decoration: line-through;}
.finalred{
	font-size: 25px !important;
}
div.planBoxDiv div.subbox-red {
border: 1px solid #D40104;height: 115px; padding-top:35px;
}
div.close-benefit2 p.brand {
    color: #EA5700;
    font-size: 18px;
	text-align:left;
}
div.close-benefit2 p {
    display: block;
    margin: 0px;
    padding: 0px;
    font-size: 13px;
	color:#252525;
	text-align:left;
}