@charset "utf-8";

/****************************************/
/*	Name: PUBLISHING GUIDE
/*	PART: SITE COMMON STYLE
/*	Version: 1.0
/*	Author: 
/****************************************/
#wrap {position:relative; width:100%; min-width:320px; min-height:calc(100% - 255px);} /* 181116 수정 */
body {height:100%; background: url(/images/common/loading.gif) no-repeat -9999px -9999px;} /* 181116 수정 */
/* common */
.ellipsis { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block; }
.dimmed, .pop_dimmed { display: none;  position: fixed; top: 0; left: 60px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5);  z-index: 996;}
.click_box { position: relative; /*cursor: pointer;*/}
.click_box:after { display: inline-block; content: ''; position: absolute; right: 0; bottom: 0; background: url(/images/page/input_after.png) 0 0 no-repeat; background-size: 100%; width: 8px; height: 8px;}
.hidden { font-size: 0; width: 0; height: 0; text-indent: -9999em;}
.accent { color: #68b3ce;}
.accent2 { color: #5754b5;}
.accentB { color: #5691bd}
.noti_box { background: #f6fafd; padding: 15px; border: 1px solid #bcd5e9; border-radius: 5px;}
span.noti_box {display:block; margin-top:8px; padding:10px; font-size:14px; color:#5895c7;}
.noti_box p { color: #5895c7; font-size: 15px;}
button { cursor: pointer;}
.mo_show { display: none;}

#header {margin:0 auto;max-width:1200px;height:40px;overflow: hidden} /* 181106 수정 */
#header h1 {float:left;margin-top:12px;background-image: url(/images/wchr/common/logo.png);} /* 181127 수정 */
#header h1 a {display: inline-block;width:60px;height:20px;vertical-align: top;font-size:0;}
#header div {margin-top:10px;float: right}
#header div * {display: inline-block;line-height: 1; vertical-align: bottom; font-size:13px}
#header div p:before {content:'';display:inline-block;margin-right:10px;width:14px;height:14px;vertical-align: bottom;background-image: url(/images/wchr/common/logon.png);} /* 181127 수정 */
#header div p span {font-weight: bold}
#header div ul {margin-left:15px}
#header div ul li:before {content: '';margin:0 10px;width: 1px;height: 10px;border-left: 1px solid #e5e5e5;}
#header div ul > li:first-child:before {content:none}
#header div ul li a {color:#999}

/* title */

/* input */
[class^='custom_check'], [class^='custom_radio'] { display: inline-block; position: relative; line-height: 1; z-index: 100;}
[class^='custom_check'] input, [class^='custom_radio'] input { overflow: hidden; width: 1px; height: 1px; opacity: 0; position: absolute; top: 0; left: 0;}
[class^='custom_check'] label:before, [class^='custom_radio'] label:before { display: inline-block; content: ''; }
[class^='custom_check'] label, [class^='custom_radio']  label { padding-right: 15px; color: #bfbfbf;}
[class^='custom_check'] input:checked + label, [class^='custom_radio'] input:checked  + label { background: url(/images/common/custom_chk_s.png) right 0 no-repeat; /*background-size: 12px auto;*/ color: #000;}

.custom_check.chk_blue label { background: url(/images/common/custom_chkG.png) 10px 7px no-repeat; background-size: 12px auto; padding-right: 0; padding-left: 17px; font-size: 15px; color: #b3b3b3; border:1px solid #d9d9d9; padding:5px 10px 5px 28px;} /* 190906 수정 */
.custom_check.chk_blue input:checked + label { background:#68b3ce url(/images/common/custom_chkW.png) 10px 7px no-repeat; background-size: 12px auto; color: #fff; border-color:#68b3ce;} /* 190906 수정 */
.custom_check.chk_purple input +  label { background: url(/images/common/custom_chkG.png) 0 3px no-repeat; background-size: 12px auto; padding-right: 0; padding-left: 17px; font-size: 15px; color: #b3b3b3; }
.custom_check.chk_purple input:checked +  label { background: url(/images/common/custom_chkP.png) 0 3px no-repeat; background-size: 12px auto; color: #594cb5;}

.chk_bor { border: 1px solid #ccc;  text-align: center;}
.chk_bor.active { border: 1px solid #68b3ce;}
.chk_bor .custom_check { display: block; line-height: 1.5;}
.chk_bor .custom_check input + label { display: block; padding: 12px; }
.chk_bor .custom_check input + label, .chk_bor .custom_check input:checked + label { background: none;}
.chk_bor .custom_check input + label:before, .chk_bor .custom_check input:checked + label:before {position:relative; top:5px; width:12px; height:20px; margin-right:10px; background:url(/images/common/custom_chkG.png) 0 3px no-repeat; background-size:12px auto;} /* 190906 추가 */
.chk_bor .custom_check input:checked + label:before {background-image: url(/images/common/custom_chkB.png)} /* 190906 추가 */
.chk_bor .custom_check.chk_purple input + label:before { display: inline-block; content: ''; background: url(/images/common/custom_chkG.png) 0 3px no-repeat; background-size: 12px auto; width: 12px; height: 16px; margin-right: 5px; }
.chk_bor .custom_check.chk_purple input:checked + label:before  { background: url(/images/common/custom_chkP.png) 0 3px no-repeat; background-size: 12px auto;}

.payment_input .box_inputForm + .box_inputForm, 
.payment_input .box_inputForm + .boxinput_wrap,
.payment_input .boxinput_wrap + .box_inputForm,
.custom_input .box_inputForm + .box_inputForm, 
.custom_input .box_inputForm + .boxinput_wrap,
.custom_input .boxinput_wrap + .box_inputForm,
.custom_input .boxinput_wrap + .boxinput_wrap{ margin-top: 8px;}
.boxinput_wrap .box_inputForm { margin-top: 0 !important;}
.boxinput_wrap.col2 .box_inputForm { width: 50%;}
.boxinput_wrap.col2 .box_inputForm + .box_inputForm { width: -webkit-calc(50% - 8px); width: -moz-calc(50% - 8px); width: calc(50% - 8px); margin-left: 8px;}
.boxinput_wrap.col2.inbtn  .box_inputForm + .box_inputForm { width: -webkit-calc(50% - 76px); width: -moz-calc(50% - 76px); width: calc(50% - 76px);}
.boxinput_wrap.col2.inbtn .btn_confirm { width: 60px; min-width: 60px; height: 60px; margin-left: 8px; padding: 0;}
.box_inputForm.card_num .box_label { position: relative; float: left; width: 25%; -moz-box-sizing: border-box; box-sizing: border-box;}
.box_inputForm.card_num .box_label + .box_label { padding-left: 10px;}
.box_inputForm.card_num .box_label + .box_label:before { display: inline-block; content: '-'; position: absolute; left: 0; top: 0; margin-right: 5px; font-size: 16px;}
.box_inputForm.card_num .box_label + .box_label label { padding-left: 10px;}
.box_inputForm .radio_wrap { display: block; /*margin-top: 3px;*/ margin: 6px 0; font-size: 0;}
.box_inputForm .custom_radio { width: 50%; font-size: 12px;}
.box_inputForm .custom_radio label { font-size: 16px;}
.box_inputForm .custom_radio input:checked + label { background-position: right center;}
.box_inputForm.inselect { padding: 7px 0;}
.box_inputForm.inselect strong { margin-left: 12px; /*font-weight: normal;*/}
.box_inputForm.inselect .select-box { padding: 0 12px !important;} /* 181122 수정 */

.box_inputForm.inselect .select-box.box_bottom .selectricItems { top: inherit; bottom: 50px;}

.mobile .box_inputForm.inselect .select-box, .tablet .box_inputForm.inselect .select-box { padding: 0 12px !important;}
.payment.select-box { margin: 6px 0; padding: 0 12px;}
.payment.select-box select { width: 100%; height: 28px;}
.payment.select-box .selectricWrapper { padding: 0;}
.payment.select-box .selectric .label { padding-left: 0; font-size: 16px; line-height: 20px;} /* 181122 수정 */
.payment.select-box select { font-size: 16px;}
.payment.select-box .selectric .button { display: none;}
.payment.select-box .selectricItems { top: 23px; left: -12px; width:calc(100% + 22px) !important;} /* 181122 수정 */

.box_inputForm .custom_radio label.ico_gender {display:inline-block; height:28px; background:url(/images/common/ico_gender.png) right 0 no-repeat; background-size:11px auto; line-height:28px; cursor:pointer}
.box_inputForm .custom_radio label.ico_gender.female {background-position:right 0;}
.box_inputForm .custom_radio label.ico_gender.male {background-position:right -76px;}
.box_inputForm .custom_radio input:checked + label.female {background-position:right -38px;}
.box_inputForm .custom_radio input:checked + label.male {background-position:right -115px;}

.mobile .select-box, .tablet .select-box { margin: 0;}

/* table */
.tbl_type1 { border-top: 1px solid #a1a6b2;}
.tbl_type1 thead th, .tbl_type1.row tbody th { padding: 6px 0 6px 20px; font-size: 13px; font-weight: bold; color: #68b3ce; text-align: left;} /* 171218 수정*/
.tbl_type1 th, .tbl_type1 td {border-bottom: 1px solid #f1f2f4;}
.tbl_type1 tbody th { font-size: 14px; font-weight: bold; color: #333; text-align: left;}
.tbl_type1 td { padding: 9px 10px 9px 20px; font-size: 14px; color: #333; vertical-align: top;}
.tbl_type1 .desc_list li { font-size: 14px; color: #333;}
.tbl_desc + div[class*='tbl_'] { margin-top: 15px;}

.tbl_type2 table {margin-top:10px;}
.tbl_type2 table tbody th {height:30px; padding-left:20px; text-align:left; font-size:12px; color:#fff;}
.tbl_type2 table.taR tbody td {text-align:right;}
.tbl_type2 table tbody td {height:30px;text-align:left; font-size:14px; color:#fff; font-weight:bold; letter-spacing:0;}

.tbl_type3 table tbody th {height:30px; padding-left:20px; text-align:left; font-size:13px; color:#5f99c9;}
.tbl_type3 table tbody td {height:30px; padding-right:20px; text-align:left; font-size:17px; color:#000; letter-spacing:0;}
.tbl_type3 table.taR tbody td {text-align:right;}
.tbl_type3 table tbody td.totalPrice {font-size:26px;}

/* placeholder */
.box_inputForm {position:relative; padding:7px 12px; background-color:#f3f4f6; text-align:left;}
.box_inputForm strong {display:block;}
.box_inputForm input {width:100%; height:28px; margin:0; padding:0; border:none; background:transparent; font-size:16px; color:#000;}
.box_inputForm input:hover,
.box_inputForm input:focus {border:none;}
.box_label {display:inline-block; position:relative; width:100%; height:28px;}
.box_label label {display:block; position:absolute; left:0; top:0; font-size:16px; color:#bfbfbf;}
.box_label label.empty {display:none;}

/* tabmenu */
.tab_wrap .tabs li { float: left; border-bottom: 1px solid #e6e6e6; -moz-box-sizing: border-box; box-sizing: border-box;}
.tab_wrap .tabs.col2 li { width: 50%;}
.tab_wrap .tabs.col3 li { width: 33.33%;}
.tab_wrap .tabs.col4 li { width: 25%; text-align: center; -moz-box-sizing: border-box; box-sizing: border-box;}
.tab_wrap .tabs.col5 li { width: 20%;}
.tab_wrap .tabs li > a { display: block;}

.tab_wrap.tab_type1 .tabs { position: relative; border: 1px solid #e6e6e6; border-bottom: none;}
.tab_wrap.tab_type1 .tabs.col3 > li.active:first-child + li {
	background: rgba(238,238,238,1);
	background: -moz-linear-gradient(left, rgba(238,238,238,1) 0%, rgba(245,245,245,1) 50%, rgba(254,254,254,1) 93%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(238,238,238,1)), color-stop(50%, rgba(245,245,245,1)), color-stop(93%, rgba(254,254,254,1)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(left, rgba(238,238,238,1) 0%, rgba(245,245,245,1) 50%, rgba(254,254,254,1) 93%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(left, rgba(238,238,238,1) 0%, rgba(245,245,245,1) 50%, rgba(254,254,254,1) 93%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(left, rgba(238,238,238,1) 0%, rgba(245,245,245,1) 50%, rgba(254,254,254,1) 93%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to right, rgba(238,238,238,1) 0%, rgba(245,245,245,1) 50%, rgba(254,254,254,1) 93%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=1 );
	}
.tab_wrap.tab_type1 .tabs.col3 > li { 
	/*background: #ececec;*/
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 50%, rgba(239,239,239,1) 93%, rgba(238,238,238,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(50%, rgba(245,245,245,1)), color-stop(93%, rgba(239,239,239,1)), color-stop(100%, rgba(238,238,238,1)));
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 50%, rgba(239,239,239,1) 93%, rgba(238,238,238,1) 100%);
	background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 50%, rgba(239,239,239,1) 93%, rgba(238,238,238,1) 100%);
	background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 50%, rgba(239,239,239,1) 93%, rgba(238,238,238,1) 100%);
	background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 50%, rgba(239,239,239,1) 93%, rgba(238,238,238,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=1 );
	/*height: 50px;*/
	}
.tab_wrap.tab_type1 .tabs > li:first-child {
	background: rgba(193,193,193,1);
	background: -moz-linear-gradient(left, rgba(193,193,193,1) 0%, rgba(213,213,213,1) 6%, rgba(223,223,223,1) 11%, rgba(233,233,233,1) 28%, rgba(236,236,236,1) 81%, rgba(237,237,237,1) 93%, rgba(238,238,238,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(193,193,193,1)), color-stop(6%, rgba(213,213,213,1)), color-stop(11%, rgba(223,223,223,1)), color-stop(28%, rgba(233,233,233,1)), color-stop(81%, rgba(236,236,236,1)), color-stop(93%, rgba(237,237,237,1)), color-stop(100%, rgba(238,238,238,1)));
	background: -webkit-linear-gradient(left, rgba(193,193,193,1) 0%, rgba(213,213,213,1) 6%, rgba(223,223,223,1) 11%, rgba(233,233,233,1) 28%, rgba(236,236,236,1) 81%, rgba(237,237,237,1) 93%, rgba(238,238,238,1) 100%);
	background: -o-linear-gradient(left, rgba(193,193,193,1) 0%, rgba(213,213,213,1) 6%, rgba(223,223,223,1) 11%, rgba(233,233,233,1) 28%, rgba(236,236,236,1) 81%, rgba(237,237,237,1) 93%, rgba(238,238,238,1) 100%);
	background: -ms-linear-gradient(left, rgba(193,193,193,1) 0%, rgba(213,213,213,1) 6%, rgba(223,223,223,1) 11%, rgba(233,233,233,1) 28%, rgba(236,236,236,1) 81%, rgba(237,237,237,1) 93%, rgba(238,238,238,1) 100%);
	background: linear-gradient(to right, rgba(193,193,193,1) 0%, rgba(213,213,213,1) 6%, rgba(223,223,223,1) 11%, rgba(233,233,233,1) 28%, rgba(236,236,236,1) 81%, rgba(237,237,237,1) 93%, rgba(238,238,238,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1c1c1', endColorstr='#eeeeee', GradientType=1 );
}
.tab_wrap.tab_type1 .tabs > li:last-child { 
	/*background: #ececec;*/
	background: rgba(238,238,238,1);
	background: -moz-linear-gradient(left, rgba(238,238,238,1) 0%, rgba(236,236,236,1) 50%, rgba(233,233,233,1) 74%, rgba(223,223,223,1) 88%, rgba(216,216,216,1) 93%, rgba(213,213,213,1) 95%, rgba(193,193,193,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(238,238,238,1)), color-stop(50%, rgba(236,236,236,1)), color-stop(74%, rgba(233,233,233,1)), color-stop(88%, rgba(223,223,223,1)), color-stop(93%, rgba(216,216,216,1)), color-stop(95%, rgba(213,213,213,1)), color-stop(100%, rgba(193,193,193,1)));
	background: -webkit-linear-gradient(left, rgba(238,238,238,1) 0%, rgba(236,236,236,1) 50%, rgba(233,233,233,1) 74%, rgba(223,223,223,1) 88%, rgba(216,216,216,1) 93%, rgba(213,213,213,1) 95%, rgba(193,193,193,1) 100%);
	background: -o-linear-gradient(left, rgba(238,238,238,1) 0%, rgba(236,236,236,1) 50%, rgba(233,233,233,1) 74%, rgba(223,223,223,1) 88%, rgba(216,216,216,1) 93%, rgba(213,213,213,1) 95%, rgba(193,193,193,1) 100%);
	background: -ms-linear-gradient(left, rgba(238,238,238,1) 0%, rgba(236,236,236,1) 50%, rgba(233,233,233,1) 74%, rgba(223,223,223,1) 88%, rgba(216,216,216,1) 93%, rgba(213,213,213,1) 95%, rgba(193,193,193,1) 100%);
	background: linear-gradient(to right, rgba(238,238,238,1) 0%, rgba(236,236,236,1) 50%, rgba(233,233,233,1) 74%, rgba(223,223,223,1) 88%, rgba(216,216,216,1) 93%, rgba(213,213,213,1) 95%, rgba(193,193,193,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#c1c1c1', GradientType=1 );
	}
.tab_wrap.tab_type1 .tabs:after { display: block; content: ''; clear: both;}
.tab_wrap.tab_type1 .tabs li:first-child:after { display: block; content: ''; position: absolute; bottom: -10px; left: 0; width: 100%; height: 10px; background: url(/images/page/tab_shadow.png) center 0 no-repeat;}
.tab_wrap.tab_type1 .tabs > li > a { padding: 12px 0 12px 30px;  font-size: 18px; color: #999; -moz-box-sizing: border-box; box-sizing: border-box;}
.tab_wrap.tab_type1 .tabs > li.active, .tab_wrap.tab_type1 .tabs > li.active:first-child {
	/*background: #fff;*/
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 93%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(93%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 93%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 93%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 93%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 93%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
	}
.tab_wrap.tab_type1 .tabs > li.active a { color: #68b3ce;}
.tab_wrap.tab_type1 .tabs.blue > li.active a { color: #5691bd;}
.tab_wrap.tab_type1 .tabs.violet > li.active a { color: #bc4ac0;}
.tab_wrap.tab_type1 .tabs li.active a:after { display: inline-block; content: ''; background: url(/images/page/ico_tab_s_on.png) 0 0 no-repeat; background-size: 100%; width: 11px; height: 12px; /* margin: 0 0 1px 7px; */margin: 0 0 -1px 7px;}
.tab_wrap.tab_type1 .tabs.blue li.active a:after { background-image: url(/images/page/ico_tab_s_on3.png);}
.tab_wrap.tab_type1 .tabs.violet li.active a:after { background-image: url(/images/page/ico_tab_s_on4.png);}
.tab_wrap.tab_type1 .tabs.col3:after {background:url(/images/common/tab_shadow_step3.png) 0 0 no-repeat; background-size:contain;}

.tab_wrap.tab_type1 .tabs.purple > li.active a { color: #5754b5;}
.tab_wrap.tab_type1 .tabs.purple li.active a:after { background: url(/images/page/ico_tab_on2.png) 0 0 no-repeat; background-size: 100%}

.tab_wrap.tab_type2 .tabs > li > a { height: 40px; font-size: 14px; line-height: 40px; color: #b3b3b3; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #a1a6b2; -moz-box-sizing: border-box; box-sizing: border-box;}
.tab_wrap.tab_type2 .tabs li:first-child a { border-left: 1px solid #e6e6e6;}
.tab_wrap.tab_type2 .tabs { margin-bottom: 8px;}
.tab_wrap.tab_type2 .tabs.col0, .tab_wrap.tab_type2 .tabs.col1 { display: none;}
.tab_wrap.tab_type2 .tabs li { text-align: center; border-right: 1px solid #e6e6e6;}
.tab_wrap.tab_type2 .active a { color: #000; border: 1px solid #a1a6b2 !important; border-bottom: 1px solid #fff !important;}

/* btn */
.btns { font-size: 0; text-align: center;}
.btns .btnS + .btnS { margin-left: 4px;}
.btns .btnL + .btnL, .btns .btnM + .btnM { margin-left: 8px;}
.btnS { display: inline-block; height: 30px; padding: 0 10px; font-size: 12px; text-align: center; line-height: 30px; border: none; vertical-align: middle;}
.btnM { display: inline-block; min-width: 83px; height: 40px; padding: 0 15px; font-size: 15px; text-align: center; line-height: 40px; border: none; vertical-align: middle; -moz-box-sizing: border-box; box-sizing: border-box; }
.btnL { display: inline-block; min-width: 130px; height: 50px; padding: 0 20px; font-size: 16px; text-align: center; line-height: 50px; border: none; vertical-align: middle; -moz-box-sizing: border-box; box-sizing: border-box; }
.btn_cancel, .btn_confirm.ready, .btn_normal { background: #b8becc; color: #fff;}
.btn_cancel:hover, .btn_normal:hover, .btn_confirm.ready:hover { background: #a1abc2;}
.btn_confirm { background: #5754b5; color: #fff;}
.btn_confirm:hover { background: #4b4a73;}
.btn_close { background: #f3f3f3; color: #666;}
.btn_close:hover { background: #e1e1e1;}
.btn_border{border:1px solid #fff;background:transparent;color:#fff;}

.btn_sm_link_blue {padding-right:14px; background:url(/images/common/bg_btnCancel_small.png) 100% 50% no-repeat; background-size:7px auto; text-decoration:underline; vertical-align:initial !important;}
.btn_sm_link_purple {padding-right:14px; background:url(/images/common/btn_sm_link_blue.png) 100% 50% no-repeat; background-size:7px auto; vertical-align:initial !important;}
.btn_sm_link_white {padding-right:14px; background:url(/images/common/bg_btnLink_small.png) 100% 50% no-repeat; background-size:7px auto; text-decoration:underline; color:#fff; vertical-align:initial !important;}
.btn_sm_link_blue:hover,
.btn_sm_link_white:hover {text-decoration:underline;}
.btn_normal.white {border:1px solid #d9d9d9; background-color:#fff; color:#666; -moz-box-sizing: border-box; box-sizing: border-box;}
.btn_orange {background-color:#e89d3c; color:#fff;}
.btns.multi .none { display: none !important;}

.btnR .btnBox {float:right; padding-right:30px;}
.btnR .btnBox .btn {font-size:13px; color:#5854b3; font-weight:bold; text-decoration:none;}

.btn_r {text-align:right;}

.btn {position:relative; display:inline-block; vertical-align:middle; cursor:pointer;}
.btn.white {color:#fff !important;}
.btn_modify {height:19px; padding-left:18px; background: url(/images/common/btn_modify_s.png) 0 0 no-repeat; font-size:12px;}
.btn_modify:hover {opacity:0.5;}
.btn_modify.gray { background: url(/images/common/btn_modifyG.png) 0 0 no-repeat; background-size: contain; height: 19px; margin-top: 8px; padding-right: 10px; color: #a1a6b3;}
.btn_arrow { padding-right: 11px; background: url(/images/common/btn_arrow.png) right center no-repeat;}

/* no hover btn */
/*.btn_cancel.noHover:hover {background-color:#b8becc;}
.btn_normal.noHover:hover {background-color:#b8becc;}
.btn_confirm.noHover:hover {background-color:#5754b5;}
.btn_confirm.ready.noHover:hover {background-color:#b8becc;}
.btn_close.noHover:hover {background-color:#f3f3f3;}*/

/* paging */
.paging_wrap { width: 100%; margin: 30px 0; text-align: center; font-size: 0;}
.paging_wrap .paging { margin-left: -11px;}
.paging_wrap a, .paging_wrap strong { display: inline-block; margin-left: 11px; padding: 5px 8px; font-size: 14px; color: #999; vertical-align: middle;}
.paging_wrap strong { color: #68b3ce;}
.paging_wrap .first, .paging_wrap .prev, .paging_wrap .next, .paging_wrap .end { background-position: center center !important; background-size: auto 11px !important; width: 6px; height: 11px; font-size: 0;}
.paging_wrap .first, .paging_wrap .end { width: 7px;}
.paging_wrap .first { background: url(/images/common/page_first.png) no-repeat;}
.paging_wrap .prev { background: url(/images/common/page_prev.png) no-repeat;}
.paging_wrap .next { background: url(/images/common/page_next.png) no-repeat;}
.paging_wrap .end { background: url(/images/common/page_end.png) no-repeat;}

/* popup */
.remodal-wrapper.full { padding: 0;}
.remodal { padding: 0; width: auto; min-width: 460px;}
.remodal-close { right: 0; left: inherit; width: 46px; height: 46px; color: #767676; z-index:99;} /* 191204 수정 */
.remodal-close:hover, .remodal-close:focus { color: #767676;}
.remodal-close:before { content: ''; background: url(/images/common/pop_close.png) center center no-repeat; background-size: 16px; width: 16px; height: 16px; padding: 15px;}
.remodal .title { position: relative; background: #68b3ce; padding: 8px 0; font-size: 22px; color: #fff;}
.remodal .title.type_blue { background: #5691bd;}
.remodal .title .remodal-close:before { content: ''; background: url(/images/common/close_mobile.png) center center no-repeat; background-size: 16px; width: 16px; height: 16px; padding: 15px;}
.remodal div.title p.title { padding: 0;}
.remodal .cont { position: relative; padding: 25px 30px; text-align: left;} /* 180705 수정 */
.remodal .cont h2 { margin-bottom: 20px; font-size: 26px; color: #000; text-align: center;}
.remodal .cont p { font-size: 14px; color: #333;}
.remodal .cont .accent { color: #68b3ce !important;}
.remodal .cont .txt + .txt { margin-top: 15px;}
.remodal-cancel, .remodal-cancel:hover, .remodal-cancel:focus { background: #b8becc;}
.remodal-confirm, .remodal-confirm:hover, .remodal-confirm:focus { background: #5754b5;}
.remodal-confirm.ready, .remodal-confirm.ready:hover, .remodal-confirm.ready:focus { background: #b8becc;}
.remodal .btns { margin-top: 0; padding: 30px 0; font-size: 0; border-top: 1px solid #e6e6e6;}
.remodal .btns * { min-width: 129px; padding-right: 20px; padding-left: 20px; font-size: 16px; -moz-box-sizing: border-box; box-sizing: border-box;}
.remodal .btns * + *{ margin-left: 8px;}
.w590 {width:590px;}
.w680 {width:680px;}

/* 180711 삭제
.remodal.pop_crew img {width: 100%}
.remodal.pop_crew a {position: absolute;bottom:4.7%;width:13%;height:9%;font-size:0}
.remodal.pop_crew a.agree {left:35.6%}
.remodal.pop_crew a.disagree {right:35.6%}
.remodal.pop_crew a.close {left:45%;bottom:2.5%;width:13%;height:5.5%;}
*/

/* scroll */
.scrollbar-inner > .scroll-element.scroll-y { top: 5px; height: calc(100% - 10px);}
.scrollbar-inner > .scroll-element .scroll-bar  { opacity: 1;}
.scrollbar-inner > .scroll-element .scroll-bar, .scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #d9d9d9;}

/* terms */
.terms_wrap * { font-size: 13px;}
.terms_wrap { width: 100%; padding: 0 20px 15px 10px; box-sizing: border-box;}
.terms_wrap h1 { margin: 10px 0; font-weight: bold; color: #000; text-align: center;}
.terms_wrap .date { margin: 10px 0; text-align: right;}
.terms_wrap dl { margin-bottom: 10px;}
.terms_wrap dt { color: #000;}
.terms_wrap dd { margin-bottom: 10px;}
.terms_wrap dd .terms_list { margin-top: 10px;}
.terms_wrap .in_table { margin-top: 10px;}
.terms_wrap .tbl_type1 { margin-top: 5px;}
.terms_wrap .tbl_desc { margin-top: 8px;}
.terms_wrap .sub_list span { display: block; margin-left: 15px;}
.terms_wrap td.txtC { padding-left: 20px; vertical-align: middle;}

.terms_wrap .terms_list > li { margin-bottom: 10px; color: #000;}
.terms_wrap .add_rules strong { display: block; font-weight: normal;}

body.main #wrap { /* min-height: 828px; */}


/*.main #contentWrap { position: absolute; top: 0;}*/
.main #contents { }
.sub #wrap:after { display: block; content: ''; clear: both;}
/*.sub #gnb { float: left;}
.sub #contentWrap { float: right;}*/
.sub #contents { min-height: auto;}
.page { width: 100%; max-width: 965px; min-width: 708px; margin: 0 auto; padding: 30px 40px 100px; -moz-box-sizing: border-box; box-sizing: border-box;}
.page.depth3 { padding-top: 40px;}


.main #contents { min-height: 828px; }
.main_box { width: 100%;height:519px;background: url(/images/common/main_bg.jpg) center 0 no-repeat; background-size: cover;box-sizing:border-box;} /* 191023 수정 */
.main_box:after {content:''; display:block; clear:both;}
.bnr_box { position: absolute; bottom: 150px; left: 0;  width: 100%; height: 150px; }

.title_wrap { position: relative; background: #214c5a; height: 208px;line-height:208px;text-align: center; -moz-box-sizing: border-box; box-sizing: border-box;}
.title_wrap h2 { display:inline-block;font-size: 30px; color: #fff; text-align: center;}
.title_wrap .back, .title_wrap .mo_toggle { display: none;}
.title_wrap .process { display: none;}
.title_wrap.in_process {line-height:30px;}
.title_wrap.in_process h2 {display:block; padding-top:65px;}
.title_wrap.in_process .process { display: inline-block; margin: 10px 0 0 0;}
.title_wrap.in_process .process li { display: inline-block; margin-right: 30px; font-size: 15px; color: #a1a6b3; text-align:left;}
.title_wrap.in_process .process .active { color: #fff;}
.title_wrap.in_process .process li:after { display: inline-block; content: ''; background: url(/images/common/arrow_process.png) right -18px no-repeat; background-size: 28px auto; width: 28px; height: 18px; margin: 0 0 -3px 30px;}
.title_wrap.in_process .process li.active:after { background-position: right 0;}
.title_wrap.in_process .process li.last {margin-right:0;}
.title_wrap.in_process .process li.last:after { display: none;}
.mobile .title_wrap select, .tablet .title_wrap select { font-size: 12px;}

.breadcrumb { background: #fff; width: 100%; height: 50px; border-bottom: 1px solid #e6e6e6; box-sizing: border-box;}
.breadcrumb ul.breadcrumb_list {margin:0 auto;width:965px;border-left:1px solid #e6e6e6}
.breadcrumb ul.breadcrumb_list:after {display:block; content:""; clear:both;}
.breadcrumb ul.breadcrumb_list > li {float:left; height:49px; line-height:inherit !important; border-right: 1px solid #e6e6e6;}
.breadcrumb ul.breadcrumb_list > li a {display:block; padding: 0 18px; line-height:50px; text-align: center;}
.breadcrumb .select-box {display:inline-block; height:49px;}
.breadcrumb .selectricItems {width:174px !important;} /* 사이즈 조정 필요 */

#footer { position:relative;width: 100%; -moz-box-sizing: border-box; box-sizing: border-box;background: #3d3e3e; padding:30px 0; min-height: 150px; color: #fff; }
#footer .selectric .button, #footer .select-box select { background-image: url(/images/common/bu_selectArrowC.png);}
#footer .selectricOpen .selectric .button { background-image: url(/images/common/bu_selectArrow.png);}
#footer .inner {margin:0 auto;max-width:1200px}

.sub #footer {margin-top:100px}

.foot_top { position:relative;}
.foot_slide { float: left;}
.foot_slide a { display: block;}
.foot_slide li { width: auto !important;}
.foot_slide li img { width: auto; /*height: 21px;*/}
#footer .bx-wrapper { margin: 0 190px 0 0 !important; }
#footer .bx-wrapper .bx-prev, #footer .bx-wrapper .bx-next { background-size: 10px auto !important;}
#footer .bx-wrapper .bx-prev { left: -25px; background: url(/images/common/page_prev.png) no-repeat center center;}
#footer .bx-wrapper .bx-next { right: -25px; background: url(/images/common/page_next.png) no-repeat center center;}
#footer .bx-wrapper .bx-controls-direction a { width: 20px; height: 20px; margin-top: -9px; z-index: 800}

.foot_menu a {display:inline-block; position:relative; padding-right:20px; font-size: 12px;}
.foot_menu a:first-child {padding-left:0;}
.foot_menu a:after {display:block; content:""; position:absolute; right:8px; top:50%; width:1px; height:12px; margin-top:-5px; border-right: 1px solid #fff;}
.foot_menu a:last-child:after { display:none;}
.foot_addr { margin: 3px 0; font-size: 11px;}
.foot_copy { font-size: 10px;}
.family_site { position:absolute; right:0; top: 0;width: 210px; padding: 0;}
#footer .selectricWrapper { width: 210px; box-sizing: border-box;}
#footer .select-box { border:1px solid #6d6c78; -moz-box-sizing: border-box; box-sizing: border-box;}
#footer .select-box select { width: 100%;}
.family_site .select {height:30px;}
.family_site .selectric .label { line-height:30px;}
.family_site .selectricItems { width:210px !important;  bottom: 30px; top: inherit;} /* 사이즈 지정 해야함 */
.foot_com { position: absolute; right: 0; bottom: 5px;}
.foot_com a + a { margin-left: 10px;}
.foot_com img { width: auto; height: 39px;}
.foot_lang_wrap { display: none;}

.foot_bottom { position: relative;margin-top: 10px;}
.foot_menu a { color: #fff; opacity: 0.5;}
.foot_addr, .main .foot_copy { color: #fff; opacity: 0.3;}

.loading { display: none; position: absolute; width: 100%; z-index: 990;}
.loading p {position: fixed; top: 50%; left: 50%; background: #5f99c9 url(/images/common/loading.gif) center 26px no-repeat; width: 106px; height: 106px; margin: -53px 0 0 -53px; border-radius: 50%;}
.remodal .loading { top: 46px !important; height: 100% !important; height: calc(100% - 46px) !important;}
.remodal .loading.pop .load { margin-left: -53px !important;}

/* responsive */
@media screen and (max-width:767px) {
	.page {min-width:100%;}
	.loading p { background-position: center 18px; background-size: 61px auto; width: 81px; height: 81px;}
	.remodal .loading.pop .load { margin-left: -40px !important;}
    
    .tbl_type1 thead th, .tbl_type1 td {padding-left:0}

	/* input */
	[class^='custom_check'] input:checked + label, [class^='custom_radio'] input:checked  + label { background-image: url(/images/common/custom_chk.png); background-size: 11px auto;}
	.page .boxinput_wrap.col3 .box_inputForm { width: 100%; margin-left: 0 !important;}
	.boxinput_wrap.col3 .box_inputForm + .box_inputForm { margin-top: 8px !important;}
	.boxinput_wrap.col2.inbtn  .box_inputForm + .box_inputForm { width: -webkit-calc(50% - 8px); width: -moz-calc(50% - 8px); width: calc(50% - 8px);}
	.boxinput_wrap.col2.inbtn .btn_confirm { width: 100%; height: 60px; margin: 8px 0 0; margin-left: 0; }

	/* table */
	.tbl_type1 th, .tbl_type1 td {  font-size: 13px;}

	/* tabmenu */
	.tab_wrap.tab_type1 .tabs.col3 > li > a {padding-left:18px; font-size:15px;}
	.CN .tab_wrap.tab_type1 .tabs.col3 > li > a,
	.JP .tab_wrap.tab_type1 .tabs.col3 > li > a { padding-left: 10px; font-size: 14px;}

	.tab_wrap .tabs.mypage_tabs.col3 li { width: 30.28%;}
	.EN .tab_wrap .tabs.mypage_tabs.col3 li a { padding-top: 9px;}
	.tab_wrap .tabs.mypage_tabs.col3 li + li { width: 39.44%;}
	.EN .tab_wrap .tabs.mypage_tabs.col3 li + li a { padding: 4px 0 3px 12px; line-height: 1.2;}
	.tab_wrap .tabs.mypage_tabs.col3 li + li + li { width: 30.28%; line-height: 1.5;}
	.EN .tab_wrap .tabs.mypage_tabs.col3 li + li + li a { padding: 11px 0 8px 12px;}
	.EN .tab_wrap .tabs.mypage_tabs.col3 li a {  height: 41px; padding-left: 12px; font-size: 13px;}

	/* btn */
	.btns.col1 {margin-top:8px; padding:0 8px;}
	.btns.col1 a {width:100%;}
	.btns.col1 a + a {margin:8px 0 0 0 !important;}
	.btns.col2 {margin-top:8px; padding:0 8px;}
	.btns.col2 a {width:48.6%;}
	.btns.col2 a + a {margin-left:2.6%;}
	.btns.col3 {margin-top:8px; padding:0 8px;}
	.btns.col3 a {width:48.6%;}
	.btns.col3 a + a {margin-left:2.6%;}
	.btns.col3 a + a + a.btnL { width: 100%; margin: 8px 0 0;}
	.btns.multi { margin-top: 8px; padding: 0 8px; box-sizing: border-box;}
	.btns.multi a { margin-left: 0 !important;}
	.btns.multi.col3 a.btnL { width:48.6%; width: calc( 50% - 4px); margin-top: 0;}
	.btns.multi.col2 a.last, .btns.multi.col3 a.first + a { margin-left: 8px !important;}	
	.btns.multi.col3 a.last { width:100%; margin:8px 0 0 0;}
	.btns.multi.col4 a, .btns.multi.col5 a { float: right; width: 49%; width: calc( 50% - 4px);}
	.btns.multi.col4 a:nth-child(odd), .btns.multi.col5 :nth-child(odd) { float: left;}
	.btns.multi.col4 a + a + a, .btns.multi.col5 a + a + a { margin-top: 8px;}
	.btns.multi.col5 .last { width: 100%;}
	
	
	.mobNone {display:none !important;}
	.mobBlock {display:block !important;}

	.btn_modify { background-image: url(/images/common/btn_modify.png); background-size:contain;}
	
	/* paging */
	.paging_wrap a, .paging_wrap strong { margin-left: 8px;}

	/* popup */
	.remodal { min-width: 100%; max-width: 100%;}
	.remodal .cont { padding: 15px 20px;}
	.remodal .cont h2 { margin-bottom: 15px; font-size: 22px;}
	.remodal .cont p.tags {overflow-x:auto; padding:0 1px; white-space:nowrap;}
	.remodal .title { font-size: 20px;}
	.remodal .title.type_blue {background-color:#5691bd;}
	.remodal .btns, .remodal .btns.col1 { padding: 8px;}
	.remodal .btns * { width: -webkit-calc(50% - 4px); width: -moz-calc(50% - 4px); width: calc(50% - 4px); font-size: 15px;}
	.remodal .btns.col1 * { width: 100%;}
		
	/* scroll */
	.scrollbar-inner > .scroll-element.scroll-y { width: 4px;}

	.mo_hide { display: none;}
	.mo_show { display: block;}
	
	.dimmed { left: 0; background: rgba(0, 0, 0, 0.8);}
	#wrap { min-width: 300px;}

	/* 181116 수정 */
    #header{padding:0 12px;height:50px;border-bottom:1px solid #000}
    #header h1 {margin-top:15px}
    #header div {margin-top:13px}
    #header div p {display:none}
	
    .pop_dimmed { left: 0;}

	.main #contents { height: auto !important; min-height: 100px !important;}
	#contentWrap { position: relative; left: 0;}
/*	.title_wrap { display:none}*/
	.title_wrap.in_process {height:auto; padding-bottom:20px; line-height:30px;}
	.title_wrap.in_process h2 {display:block; padding-top:20px;}
	.title_wrap.in_process .process {margin-top:10px;}
	.title_wrap.in_process .process li {margin-top:10px;}
	.breadcrumb { display: none;}
	.page { padding: 0 0 60px; min-width: 100%;}
	.page .section { padding: 0 8px;}
	.page .section .desc_list, .page .section .bul { margin-left: 0; margin-right: 0;}
	.desc_list, .bul { margin: 0 8px;}
	.page.depth3 { padding-top: 0;}

	.util { display: none;}
    
    #footer {padding:30px}
    .sub #footer {margin-top:0}
    #footer .inner {width:100%}
	.foot_top, .main .foot_bottom { height: auto; margin-top: 0;}
	.foot_slide, .family_site, .foot_copy, .main .foot_cont, .sub .foot_addr, .sub .foot_menu { float: none; width:auto;}
	.foot_slide li img { height: 26px;}
	#footer .bx-wrapper { width: 100%;}
	.family_site { position: static; margin: 20px 0 10px;}
	.family_site { width: 100%; margin: 18px 0 12px !important; padding: 0 !important;}
	#footer .selectricWrapper { width: 100%; padding: 0;}
	.family_site {padding:0 15px !important;} /* 181121 수정 */
	.family_site * {outline:none;} /* 181121 수정 */
	.family_site .selectricItems {left:-16px; width:calc(100% + 30px) !important;} /* 181121 수정 */
	.family_site.select-box.iphone { padding: 0;}
	.family_site .selectric .label { padding-left: 0;color:rgba(255,255,255,.3);} /* 181121 수정 */
	.family_site .selectric .button { right: 0;} /* 181121 수정 */
	.mobile .family_site { padding: 0 20px !important;}
	.mobile .family_site.iphone { padding: 0 !important;}
	.foot_menu a { line-height: 2;}
	.foot_addr { margin: 5px 0 7px; line-height: 1.6;}
	.foot_com { position: static; margin-top: 7px;}
	.foot_com img { height: 26px;}
	.foot_lang_wrap { display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 48px; padding: 0 20px; -moz-box-sizing: border-box; box-sizing: border-box;}
	.foot_lang { display: block; width: 100%; background: url(/images/common/bu_selectArrowC.png) right center no-repeat; background-size: 11px 6px; height: 47px; font-size: 13px; color: #fff; line-height: 47px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; border: none;}
	.foot_lang_wrap.selected .foot_lang { background-image: url(/images/common/bu_selectArrow.png);}
	.main .foot_lang_wrap { background: #2e2d3d; color: #fff; border-top: 1px solid #6d6c78;}
	.main .foot_lang_wrap .foot_lang { background-color: #2e2d3d;}

	/* tabmenu */
	.tab_wrap.tab_type1 .tabs > li > a { padding: 8px 0 8px 10px; font-size: 15px;}
}
@media screen and (min-width:768px) and (max-width:920px) { 
	.btns.multi.col5 a:nth-child(odd) { margin-left: 0 !important;}
	.btns.multi.col5 a { float: right; width: 49%; width: calc( 50% - 4px);}
	.btns.multi.col5 :nth-child(odd) { float: left;}
	.btns.multi.col5 a + a + a { margin-top: 8px;}
	.btns.multi.col5 .last { width: 100%;}
}

@media screen and (min-width:768px) and (max-width:1025px) {  
	.dimmed { z-index: 1000;}
    
    #header {padding:0 30px}
    
    .breadcrumb ul.breadcrumb_list {width:100%;box-sizing: border-box}
    
    #footer {padding:30px}
    #footer .inner {width:100%}
	#footer .selectricWrapper { width: 160px;}
        
	.family_site.select-box { width: 160px;}
	.family_site .selectric { width: 100%;}
	.family_site .selectricItems { width: 160px !important;}
	.foot_com img { height: 29px;}	
	.mobile .title_wrap .select-box select, .tablet .title_wrap .select-box select { font-size: 11px;}
	.pc .breadcrumb .selectricItems { left: -21px;}
	.page { width: auto; min-width: 628px; -moz-box-sizing: border-box; box-sizing: content-box;}

}

@media screen and (min-width:1025px) {
	.remodal-is-locked { padding-right: 15px;}

	#contents { position: relative;}
	.sub #contents { min-height: 710px;}
	/*.page { width: 960px; -moz-box-sizing: border-box; box-sizing: content-box;}*/

	/* input */
	.payment.select-box { margin: 6px 0; padding: 0 !important;}

	.pop_dimmed { left: 220px;}
	
}

@media screen and (max-width:1024px) {
	/* btn */
	.btnR .btnBox {padding-right:0;}
}

/******211101 freepass new css add***********/
#img_freepass_under{margin-top:-8px;}