@charset "utf-8";

/* text color set */
.c_black { color: #363636 !important;}
.t01 { color: #124ea8 !important;} /* 공통 텍스트 컬러 */
.t02 { color: #0c5bd2 !important;} /* 부제목 등 포인트 텍스트 컬러 */

/* bg color set */
.c01 { background-color: #124ea8 !important; color: #fff !important;} /* 공통 배경 컬러 */

/* box frame */
.bf32 { position: relative; display: block;}
.bf32:before { content: ""; display: block; padding-top: 66.7%;}
.bf169 { position: relative; display: block;}
.bf169:before { content: ""; display: block; padding-top: 56.3%;}
.bfbox { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; z-index: 1;}
.bfbox img { width: 100%; height: 100%;}

/* Remocon */
#remocon { position: fixed; top: 10px; left: -13px; width: 140px; height: 600px; z-index: 10000;}
#remocon iframe { width: 140px; height: 600px;}

/* POP To TOP */
.btn_top_wrap { position:fixed; left:0; bottom:0; width:100%; height:1; z-index:100;}
.btn_top_wrap div { position:relative; max-width: 1100px; width:100%; margin:0 auto;}
.btn_top { position:absolute; top: -70px; right:-50px; display: block; width: 40px; height: 40px; text-indent: -9999px; transition: none; background: #a8a9aa url(../btn/btn_top.png) no-repeat 0 0; background: rgba(82,84,86,.5) url(../btn/btn_top.png) no-repeat 0 0; border-radius: 5px;}
.btn_top:hover { background-color: #4f4f4f;}

/* Sticky banner */
.top_banner { position: relative; width: 100%; z-index: 1000;}
.banner_wrap { position: relative; width: 1100px; height: 0; margin:0 auto;}
.banner_wrap > div { position: absolute; top: 30px; width: 160px;}
.banner_wrap .banner_left { left:-170px; text-align: right;}
.banner_wrap .banner_right { right:-170px; text-align: left;}
.com_ban { text-align: center;}
.banner_wrap .fix_banner_wrap, .banner_wrap .fix_banner_wrap02 { width: 160px; z-index: 200;}

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-fix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.7);}
/* Dialog
----------------------------------*/
.ui-dialog { position: relative; padding: 0; background: #fff; border:1px solid #ccc; border-radius: 5px; box-shadow: 0 0 20px #333;}
.ui-corner-all { border-radius: 0 !important;}
.ui-widget-content { border: 0;}

.ui-icon { display: block; width: 16px; height: 16px; background-image: url(../icon/jquery-ui.png);}
.ui-icon-closethick { background-position: -96px -128px; text-indent: -9999px;}

.ui-dialog .ui-dialog-titlebar { padding: .4em .3em .6em 1em; position: relative; background: #444; border:1px solid #333; border-radius: 3px; color: #fff; font-weight: bold;}
.ui-dialog .ui-dialog-title { float: left; margin: 0; font-size: 17px; font-family: 맑은고딕, Malgun Gothic, Apple SD Gothic Neo, 돋움, Dotum, Helvetica, Droid Sans, AppleSDGothic, Arial, sans-serif;}
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: 10px; top: 7px; width: 18px; margin: 0; padding: 1px; height: 18px; border: 0;}
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 0; width: 18px; height: 18px; background: url(../btn/btn_edit_close.png) no-repeat 0 0;}
.ui-dialog .ui-dialog-titlebar-close:hover span { background-position: 0 -18px;}
.ui-dialog .ui-dialog-content { border: 0; padding: 0; background: none; overflow: hidden; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move;}

/* Form SET */
input[type=text], 
input[type=password], 
input[type=number], 
input[type=tel], 
input[type=email] {
	border:1px solid #dedede;
	border-radius:0;
	-webkit-appearance:none;
	font-family: 맑은고딕, Malgun Gothic, Apple SD Gothic Neo, 돋움, Dotum, Droidsans, AppleSDGothic, Arial, sans-serif;
	color: #363636;
	font-size:14px;
	width:100%;
	height:16px;
	padding:9px 7px 11px;
	margin:0;
	line-height: 1 !important;
}

input[type=text]:disabled, 
input[type=password]:disabled, 
input[type=number]:disabled, 
input[type=tel]:disabled, 
input[type=email]:disabled { 
	background: #f3f3f3; 
	color: #bbb !important;
}

button, input[type=button], 
input[type=reset], 
input[type=submit] { 
	cursor:pointer; 
	-webkit-appearance:button; 
	border:none; 
	font-family: 맑은고딕, Malgun Gothic, Apple SD Gothic Neo, 돋움, Dotum, Droidsans, AppleSDGothic, Arial, sans-serif; 
	font-size:15px; 
	margin:0; 
	border-radius:0; 
	outline:0;
}

input[type=file] { 
	border:1px solid #dedede; 
	border-radius:0; 
	-webkit-appearance:none; 
	font-family: 맑은고딕, Malgun Gothic, Apple SD Gothic Neo, 돋움, Dotum, Helvetica, Droid Sans, AppleSDGothic, Arial, sans-serif; 
	color: #363636; 
	font-size:14px; 
	width:100%; 
	height:38px; 
	line-height: 38px; 
	background: #fff !important; 
	margin: 0 !important;
}
.file_wrap { 
	padding-right: 2px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
input[type=file] { 
	height:20px; 
	line-height: 1.2; 
	padding: 7px 0 9px;
}
}

input[type=radio], 
input[type=checkbox] { 
	position:absolute; 
	top:4px; 
	left:4px; 
	margin:2px !important;
}

textarea { 
	width:100%; 
	border:1px solid #dedede; 
	-webkit-appearance:none; 
	border-radius:0; 
	font-family: 맑은고딕, Malgun Gothic, Apple SD Gothic Neo, 돋움, Dotum, Helvetica, Droid Sans, AppleSDGothic, Arial, sans-serif; 
	color: #363636; 
	font-size:14px; 
	padding:10px 7px; 
	line-height:1.4;
}

/* selectbox */
select { 
	font-family: 맑은고딕, Malgun Gothic, Apple SD Gothic Neo, 돋움, Dotum, Helvetica, Droid Sans, AppleSDGothic, Arial, sans-serif; 
	color: #363636; 
	font-size:15px; 
	margin:0;
}
.slt { display:inline-block; height:36px; overflow:hidden; border:1px solid #dedede; vertical-align:middle; background:#fff url(../bg/bg_select.png) no-repeat right center; font-size:15px;}
.slt > span { display:block; margin-right:-20px;}
.slt select { display:block; background:transparent; width:100%; margin-right:65px; border:0; font-size:14px !important; height:40px; padding: 10px 0; -webkit-appearance:none; vertical-align:middle; margin-top:-3px; padding-left:8px;}
.slt select:checked { background:transparent;}

.select_box { position: relative; display: inline-block; height: 36px; background: #fff url(../bg/bg_select.png) right center no-repeat; border: 1px solid #dedede;}
.select_box.disabled { background-color: #eee;}
.select_box.disabled label { color: #a9a9a9;}
.select_box label { position: absolute; font-size: 14px; color: #000; top: 8px; left: 9px; z-index: 1; letter-spacing: 0;}
.select_box select { position: relative; width: 100%; height: 36px; line-height: 36px; padding: 10px 0; margin: 0 -1px; opacity: 0; filter: alpha(opacity=0); z-index: 2; -webkit-appearance:none; vertical-align:middle;}
.select_box.bd_sel select { width: 95px;}

/* checkbox radio */
.icheckbox { position:absolute; top:1px; width:20px; height:20px;  background:url(../btn/btn_chk.png) no-repeat 0 0; cursor:pointer;}
.chk { color:#808080; display:inline-block; margin:0 5px 5px; padding-left:22px; font-size:14px; cursor:pointer;}
.icheckbox.checked { background-position:0 -20px;}
.icheckbox.disabled { background-position:0 -40px;}
.chk_all { position:relative; display:inline-block; cursor:pointer;}

.chk_s .icheckbox { width:14px; height:14px; background:url(../btn/btn_chk_s.png) no-repeat 0 0;}
.chk_s .chk { margin:1px 5px 5px; padding-left:17px; color: #808080;}
.chk_s .icheckbox.checked { background-position:0 -14px;}
.chk_s .icheckbox.disabled { background-position:0 -28px;}

.iradio { position:absolute; top:1px; width:20px; height:20px; background:url(../btn/btn_rdo.png) no-repeat 0 0;}
.rdo { color:#808080; display:inline-block; margin:0 5px 5px; padding-left:22px; font-size:14px; cursor:pointer;}
.iradio.checked { background-position:0 -20px;}
.iradio.disabled { background-position:0 -40px;}
.rdo_all { position:relative; display:inline-block; cursor:pointer;}

.rdo_s .iradio { top: 4px; width:14px; height:14px; background:url(../btn/btn_rdo_s.png) no-repeat 0 0;}
.rdo_s .rdo { margin:1px 5px 5px; padding-left:13px; color: #808080;}
.rdo_s .iradio.checked { background-position:0 -15px;}
.rdo_s .iradio.disabled { background-position:0 -30px;}

/* tooltip */
.tooltip { position: relative;}
.tooltip[title]:hover:after { content: attr(title); padding: 2px 4px 4px; position: absolute; left: 0; top: -23px; z-index: 20; white-space: nowrap; background: #f3f3f3; border: 1px solid #dedede; color: #808080; text-indent: 0 !important; font-size: 11px; line-height: 1; font-weight: normal; box-shadow: 0 0 3px rgba(0,0,0,.3); z-index: 60;}

/* datepicker */
.ui-datepicker { width:255px; display:none; background:#f0f0f0; z-index:11 !important; border-right:2px solid #bababa; border-bottom:2px solid #bababa;}
.ui-datepicker a { transition: none;}
.ui-datepicker .ui-datepicker-header { position:relative; padding:10px 0; border-bottom:1px solid #fff;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top:8px; width:30px; height:30px; background:url(../btn/btn_calsel.png) no-repeat 0 0; cursor:pointer;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display:none;}
.ui-datepicker .ui-datepicker-prev { left:10px;}
.ui-datepicker .ui-datepicker-next { right:10px; background-position:-30px 0;}
.ui-datepicker .ui-datepicker-prev-hover { background-position:0 -30px;}
.ui-datepicker .ui-datepicker-next-hover { background-position:-30px -30px;}
.ui-datepicker .ui-datepicker-title { margin:0 2.3em; line-height:1.8em; text-align:center;}
.ui-datepicker .ui-datepicker-title * { font-size:15px;}
.ui-datepicker select.ui-datepicker-month-year { width:100%;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width:49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em;}
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;}
.ui-datepicker td { padding:3px;}
.ui-datepicker td span, .ui-datepicker td a { display:block; width:30px; height:24px; padding-top:6px; background:#fff; text-align:center; border-radius:50%;}
.ui-datepicker td a:hover { background:#7f7f7f; color:#fff;}
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
.ui-datepicker-week-end span, .ui-datepicker-week-end a { color: #0c5bd2;}
.cal_wrap img { cursor:pointer; margin-left:5px;}
.ui-state-highlight { background:#7f7f7f !important; color:#fff;}

/* paging */
.paging { position: relative; text-align: center; padding: 35px 0 0; font-size: 0; vertical-align: middle;}
.paging .btn_pagenum { display: inline-block; vertical-align: middle;}
.paging .btn_pagenum a { position: relative; display: inline-block; line-height: 1; font-size: 15px; color: #808080; height: 23px; line-height: 20px; margin: 0 12px;}
.paging .btn_pagenum a:after { position: absolute; left: -13px; top: 10px; content: ""; display: block; width: 2px; height: 2px; background: #dedede;}
.paging .btn_pagenum a:first-child:after { display: none;}
.paging .btn_pagenum a:hover { color: #124ea8;} /* 공통 컬러 적용 */
.paging .btn_pagenum a.on { color: #124ea8; font-weight: bold;} /* 공통 컬러 적용 */
.paging a.btn_p { position: relative; display: inline-block; width: 23px; height: 23px; background: url(../btn/btn_page.png) no-repeat 0 0; text-indent: -9999px; overflow: hidden; vertical-align: middle; transition: none;}
.paging a.btn_p:after { display: none;}
.paging a.btn_p.prev { background-position: 0 0;}
.paging a.btn_p.next { background-position: -23px 0;}
.paging a.btn_p.prev:hover { background-position: 0 -23px;}
.paging a.btn_p.next:hover { background-position: -23px -23px;}

/* path */
.path_wrap { position: relative;}
.path_wrap h3 { font-size: 26px; font-weight: bold; padding-bottom: 17px; line-height: 1.2; border-bottom: 1px solid #dedede;}
.path_wrap ul { position: absolute; top: 16px; right: 1px;}
.path_wrap ul:after { content:""; display:block; clear:both;}
.path_wrap ul li { float: left; color: #808080;}
.path_wrap ul li:before { content: ""; display: inline-block; margin:0 5px; width: 5px; height: 9px; background: url(../icon/icon_path.png) no-repeat 0 0; vertical-align: middle;}
.path_wrap ul li:first-child:before { display: none;}
.path_wrap ul li a { color: #808080; font-size: 11px; font-family: Apple SD Gothic Neo, 돋움, Dotum, Helvetica, Droid Sans, AppleSDGothic, Arial, sans-serif; line-height: 1;}
.path_wrap ul li a:hover { color: #222;}

.btn_allmore { position: absolute; right: 0; top: 18px; background: url(../icon/icon_path.png) no-repeat right 3px; line-height: 1; font-size: 12px; padding-right: 10px; color: #808080;}
.btn_allmore:hover { color: #222;}

/* reply */
.reply_wrap { position: relative;}
.reply_wrap h4 { font-size: 16px; margin-bottom: 7px;}
.reply_wrap h4 b { font-size: 13px; margin-left: 7px;}
.reply_wrap h4 b span { color: #d4253e;}

.reply_form { position: relative; background: #f3f3f3; padding: 20px 30px 10px; border: 1px solid #ededed; margin-bottom: 30px; margin-top: -1px;}
.reply_form > h5 { font-weight: normal; font-size: 13px; margin-bottom: 10px;}
.reply_form > ul { position: relative; margin: 0 -6px 10px;}
.reply_form > ul:after { content: ""; display: block; clear: both;}
.reply_form > ul li { float: left; width: 50%;}
.reply_form > ul li div { position: relative; padding-right: 16px; margin: 0 6px;}
.reply_form > ul li div label { top: 7px; left: 7px; color: #bbb; font-size: 14px;}
.reply_form > ul li div input { padding: 6px 7px 7px;}

.reply_form > dl { position: relative; margin-bottom: 10px;}
.reply_form > dl:after { content: ""; display: block; clear: both;}
.reply_form > dl dt, .reply_form > dl dd { float: left;}
.reply_form > dl dt { font-size: 15px; color: #222; margin-right: 13px; padding-top: 3px;}
.reply_form > dl dd:after { content: ""; display: block; clear: both;}
.reply_form > dl dd span { float: left; display: block;}
.reply_form > dl dd div { float: left; position: relative; padding-right: 16px; margin: 0 6px;}
.reply_form > dl dd div label { top: 7px; left: 7px; color: #bbb; font-size: 14px;}
.reply_form > dl dd div input { width: 200px; padding: 6px 7px 7px;}

.reply_form .reply_text { position: relative;}
.reply_form .reply_text > div { position: relative; padding-right: 16px;}
.reply_form .reply_text > div label { top: 7px; left: 7px; color: #bbb; font-size: 14px;}
.reply_form .reply_text > div textarea { padding: 6px 7px 7px; height: 60px;}
.reply_form .reply_text > b { display: block; font-size: 11px; color: #4c4c4c; margin-bottom: 22px; padding-top: 5px; letter-spacing: 0;}
.reply_form .reply_text > b span { color: #d4253e; letter-spacing: 0; margin-right: 1px;}
.reply_form > button { position: absolute; right: 30px; bottom: 12px; background: #fff; border: 1px solid #dedede; padding: 3px 18px 6px;}
.reply_form > button:active { color: #999;}

.reply_wrap .pw_input { position: absolute; left: 7px; top: 12px; width: 171px; height: 60px; padding-top: 15px; padding-left: 12px; background: url(../reply/bg_pw_input.png) no-repeat 0 0; z-index: 10;}
.reply_wrap .pw_input label { display: block; width: 113px; text-align: center; color: #808080; margin: 3px 0 5px; font-size: 11px;}
.reply_wrap .pw_input input { width: 105px; padding: 4px 5px;}
.reply_wrap .pw_input .btn_close_p { position: absolute; right: 10px; top: 15px;}

.reply_wrap .reply_list { position: relative;}
.reply_wrap .reply_list > li { position: relative; padding: 17px 10px 15px; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; margin-top: -1px;}
.reply_wrap .reply_list .reply_top { position: relative; margin-bottom: 12px;}
.reply_wrap .reply_list .reply_top:after { content: ""; display: block; clear: both;}
.reply_wrap .reply_list .reply_top h5 { float: left; font-size: 14px; color: #222; margin-right: 7px; line-height: 1;}
.reply_wrap .reply_list .reply_top ul { float: left; padding-top: 4px;}
.reply_wrap .reply_list .reply_top ul:after { content: ""; display: block; clear: both;}
.reply_wrap .reply_list .reply_top ul li { position: relative; float: left; font-size: 11px; color: #bbb; border-left: 1px solid #dedede; height: 10px; line-height: 1; margin-right: 10px; padding-left: 8px;}
.reply_wrap .reply_list .reply_top ul li:first-child { border-left: 0;}
.reply_wrap .reply_list p { font-size: 13px; color: #363636; margin-bottom: 10px;}
.reply_wrap .reply_list .reply_bot { position: relative; margin-top: 15px; min-height: 30px;}
.reply_wrap .reply_list .reply_bot:after { content: ""; display: block; clear: both;}
.reply_wrap .reply_list .reply_bot a { float: left;}
.reply_wrap .reply_list .reply_bot ul { float: right;}

.reply_wrap .btn_reply_re { position: relative; display: block; border: 1px solid #dedede; height: 28px; line-height: 30px; padding: 0 23px 0 12px;}
.reply_wrap .btn_reply_re:after { position: absolute; right: 8px; top: 13px; content: ""; display: block; width: 5px; height: 3px; background: url(../reply/btn_reply_collap.png) no-repeat 0 0;}
.reply_wrap .btn_reply_re.on:after { background-position: 0 -3px;}
.reply_wrap .btn_reply_re:hover { background: #f9f9f9;}
.reply_wrap .btn_reply_re span { color: #d4253e;}
.reply_wrap .btn_recom:after { content: ""; display: block; clear: both;}
.reply_wrap .btn_recom li { float: left; margin-left: 10px;}
.reply_wrap .btn_recom li a { position: relative; display: block; border: 1px solid #dedede; height: 28px; line-height: 30px; padding: 0 15px 0 34px; font-size: 12px; font-weight: bold; color: #124ea8;}
.reply_wrap .btn_recom li a:hover { background: #f9f9f9;}
.reply_wrap .btn_recom li a:after { position: absolute; left: 10px; top: 6px; content: ""; display: block; width: 16px; height: 16px; background: url(../reply/btn_recom.png) no-repeat -18px 0;}
.reply_wrap .btn_recom li:first-child a { color: #d4253e;}
.reply_wrap .btn_recom li:first-child a:after { background-position: 0 0;}

.reply_wrap .re_reply_box { margin: 15px -10px -16px;}
.reply_wrap .re_reply_box .reply_top h5 { font-weight: normal; font-size: 13px;}
.reply_wrap .re_reply_box .reply_top ul { padding-top: 3px;}
.reply_wrap .re_reply_box .reply_list > li { padding-left: 30px; background: url(../reply/icon_re_reply.png) no-repeat 10px 16px;}

/* Mypage TAB menu */
.tab_nav { position: relative; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede;}
.tab_nav li a { display: block; height: 15px; line-height: 1; padding: 20px 0 21px; background: url(../bg/bg_tab.png) no-repeat right center; text-align: center; font-size: 15px; color: #363636; font-weight: bold;}
.tab_nav li a:hover { background-color: #f9f9f9;}
.tab_nav li a.on { background-color: #464a50; box-shadow: inset 0 0 5px 5px rgba(0,0,0,.2); color: #fff;}

/* Company */
.company_lnb { position: relative; border-top: 1px solid #dedede; padding-bottom: 60px;}
.company_lnb li { border-bottom: 1px solid #dedede;}
.company_lnb li a { position: relative; display: block; line-height: 1.3; padding: 16px 30px 18px 15px; background: #f3f3f3; font-size: 14px; color: #363636;}
.company_lnb li a:after { position: absolute; right: 10px; top: 50%; margin-top: -6px; content: ""; display: block; width: 10px; height: 13px; background: url(../bg/bg_com_lnb.png) no-repeat 0 -68px;}
.company_lnb li a:hover { background-color: #f9f9f9;}
.company_lnb li a.on { background-color: #464a50; box-shadow: inset 0 0 5px 5px rgba(0,0,0,.2); color: #fff; background-position: right 0;}
.company_lnb li a.on:after { background-position: 0 -20px;}

.company_wrap { position: relative;}
.company_wrap > h3 { font-size: 25px; border-bottom: 1px solid #363636; font-weight: normal; line-height: 1; padding-bottom: 15px; letter-spacing: -0.15em; margin-bottom: 35px;}

.company_wrap .btn_dark { background: #808080; color: #fff;}
.company_wrap .file { position:relative; padding-bottom: 10px;}
.company_wrap .file:after { content: ""; display: block; clear: both;}
.company_wrap .file label { width:100px; float:left; padding: 5px 0 0;}
.company_wrap .file .fileadd { float:left; display: block; padding:0 0 0 10px;}
.company_wrap .file .fileadd a { display: block; text-align: center; margin-bottom: 5px;padding: 0 10px; height: 28px; line-height: 26px; font-size: 14px !important; margin-left: 0 !important;}
.company_wrap .file select {border:1px solid #dedede; width:577px; height:200px; font-size:11px; float:left;}

.company_info { position: relative; padding: 35px 0 10px;}
.company_info dl { position: relative; padding-left: 178px; min-height: 30px; margin-bottom: 18px; font-size: 15px; color: #363636;}
.company_info dl dt { position: absolute; left: 0; top: 0; padding-left: 46px; height: 30px; line-height: 28px; font-weight: bold;}
.company_info dl dt:after { position: absolute; left: 0; top: 0; content: ""; display: block; width: 30px; height: 30px; background: url(../icon/icon_company.png) no-repeat 0 0;}
.company_info dl.ciw01 dt:after { background-position: 0 0;}
.company_info dl.ciw02 dt:after { background-position: -30px 0;}
.company_info dl.ciw03 dt:after { background-position: -60px 0;}
.company_info dl dd { padding-top: 4px;}

#map-canvas { width: 100%; height: 400px;}

#map-canvas02 { width: 100%; height: 400px;}

.company_form .info_wrap { padding: 15px; background: #f3f3f3;}
.company_form .info_wrap b { color: #0c5bd2; display: block; margin-bottom: 7px; font-size: 15px;}

.company_form .form_box { position: relative; padding: 0 0 16px;}
.company_form .form_box:after { content: ""; display: block; clear: both;}
.company_form .form_box * { font-size: 15px;}

.company_form .form_box dl { position: relative; margin-bottom: 10px;}
.company_form .form_box dl:after { content: ""; display: block; clear: both;}
.company_form .form_box dl dt, .company_form .form_box dl dd { float: left;}
.company_form .form_box dl dt { width: 100px; padding-top: 7px;}
.company_form .form_box dl dt span, .c011_myp .form_box dl dt label { color: #808080;}
.company_form .form_box dl dd { position: relative; width: 660px; font-size: 0;}
.company_form .form_box dl dd > span { position: relative; display: block; margin: 10px 0;}

.company_form .i_label { left: 7px; top: 8px; color: #888; line-height: 1.4;}
.company_form .require { color: #363636 !important;}
.company_form .require:after { content:"*"; margin-left: 3px; font-size: 19px; color: #d4253e; vertical-align: middle;}
.company_form .require_txt { position: absolute; right: 0; top: 13px; font-size: 11px;}
.company_form .require_txt b { color: #d4253e; font-size: 15px; margin-right: 3px; line-height: 1;}

.company_form input[type=text], .company_form textarea { width: 644px;}
.company_form textarea { height: 200px;}

.company_form input { vertical-align: middle;}
.company_form .btn_gray { display: inline-block; padding: 13px 35px 19px; height: 47px; line-height: 1; background: #dedede; color: #848484; vertical-align: middle; margin-left: 5px; font-size: 19px;}
.company_form .btn_gray:hover { background: #bbb;}

.company_form .btn_blue { display: inline-block; padding: 13px 35px 19px; height: 47px; line-height: 1; color: #fff; vertical-align: middle; margin-left: 5px; font-size: 19px;}

.company_form .btn_center { position: relative; text-align: center; padding: 20px 0;}

.company_form .float_list { position: relative;}
.company_form .float_list:after { content: ""; display: block; clear: both;}
.company_form .float_list li { position: relative; float: left;}
.company_form .float_list li:before { content: "-"; text-align: center; float: left; display:block; width: 15px; height: 38px; line-height: 38px;}
.company_form .float_list li:first-child:before { display: none;}

.company_form .float_list li input { width: 64px;}

/* My Plan */
.myplan_wrap { position: relative; padding-top: 40px;}
.myplan_wrap > h2 { position: fixed; top:0; left: 0; width: 100%; font-size: 17px; color: #fff; text-align: center; background: #808080; padding: 10px 0; z-index: 10;}

.myplan_wrap .info_wrap { position: absolute; right: 10px; bottom: 5px; font-weight: normal; font-size: 11px;}
.myplan_wrap .info_wrap b { color: #0c5bd2; margin-right: 4px; font-size: 17px;}

.myplan_wrap .form_box { position: relative; padding: 15px; border-bottom: 1px solid #dedede;}
.myplan_wrap .form_box:after { content: ""; display: block; clear: both;}
.myplan_wrap .form_box * { font-size: 15px;}

.myplan_wrap .form_box dl { position: relative; margin-bottom: 10px;}
.myplan_wrap .form_box dl:after { content: ""; display: block; clear: both;}
.myplan_wrap .form_box dl dt { position: absolute; left: 0; top: 0; width: 100px; padding-top: 10px;}
.myplan_wrap .form_box dl dd { float: none; position: relative; font-size: 0; margin-left: 100px;}
.myplan_wrap .form_box dl dd > span { position: relative; display: block; padding: 10px 0; min-height: 16px;}
.myplan_wrap .i_wrap { padding: 0 16px 0 0;}
.myplan_wrap.wid140 .form_box dl dt { width: 140px;}
.myplan_wrap.wid140 .form_box dl dd { margin-left: 140px;}

.myplan_wrap input { vertical-align: middle;}
.myplan_wrap textarea { height: 70px;}
.myplan_wrap .btn_gray { display: inline-block; padding: 0 22px; height: 30px; line-height: 31px; background: #dedede; color: #848484; vertical-align: middle; margin-left: 5px; font-size: 15px;}
.myplan_wrap .btn_gray:hover { background: #bbb;}

.myplan_wrap .btn_blue { display: inline-block; padding: 0 22px; height: 30px; line-height: 31px; background: #124ea8; color: #fff; vertical-align: middle; margin-left: 5px; font-size: 15px;}
.myplan_wrap .btn_blue:hover { background: #0d4190;}

.myplan_wrap .btn_dark { display: inline-block; padding: 0 22px; height: 30px; line-height: 31px; background: #808080; color: #fff; vertical-align: middle; margin-left: 5px; font-size: 15px;}
.myplan_wrap .btn_dark:hover { background: #222;}

.myplan_wrap .btn_center { position: relative; text-align: center; padding: 20px 0;}
.myplan_wrap .btn_center a, .myplan_wrap .btn_center input { width: 85px; padding: 0;}
.myplan_wrap .btn_center .icon_list { position: absolute; left: -5px;}

.myplan_wrap .require:after { content:"*"; margin-left: 3px; font-size: 17px; color: #d4253e; vertical-align: middle;}

.myplan_wrap .float_list { position: relative;}
.myplan_wrap .float_list:after { content: ""; display: block; clear: both;}
.myplan_wrap .float_list li { position: relative; float: left;}
.myplan_wrap .float_list li:before { content: "-"; text-align: center; float: left; display:block; width: 15px; height: 38px; line-height: 38px;}
.myplan_wrap .float_list.f_date li:before { content: "~"; width: 16px;}
.myplan_wrap .float_list li:first-child:before { display: none;}
.myplan_wrap .float_list li input { width: 64px;}
.myplan_wrap .float_list.f_date li input { width: 111px; background: url(../bg/bg_cal.png) no-repeat right 9px;}
.myplan_wrap .i_label { padding: 10px 20px 10px 7px; color: #bbb; line-height: 1.4;}

.chk_list { position: relative; padding: 5px 0 0;}
.chk_list:after { content: ""; display: block; clear: both;}
.chk_list li { float: left; position: relative; margin: 3px 5px;}

.pop_desc { position: relative; padding: 20px 0 17px; margin: 0 15px; font-size: 13px; color: #808080; border-bottom: 1px solid #dedede;}
.pop_desc b { font-weight: normal; color: #222; display: block; margin-bottom: 3px;}
.c_txt { font-style: normal; color: #808080; margin-left: 7px; font-size: 13px !important;}
.pop_desc b.c_red { color: #0c5bd2;}

.terms_con .terms_wrap { position: relative; border-bottom: 1px solid #dedede; padding-top: 8px;}
.terms_con .terms_wrap > h3 { height: 30px; line-height: 31px; background: #f3f3f3; font-size: 15px; padding: 0 10px;}
.terms_con .terms_wrap .terms_box { height: 50px; overflow-y: scroll;}
.terms_con .terms_wrap .terms_box * { font-size: 12px;}
.terms_con .terms_agree { position: relative; padding: 5px 0; margin-top: 5px;}

/* member out */
.member_out h2 { position: relative; font-size: 17px; color: #fff; text-align: center; background: #808080; padding: 10px 0;}

.member_out .column02:after { content: ""; display: block; clear: both;}
.member_out .column02 > dl { float: left; width: 50%;}

.member_out .form_box { position: relative; padding: 15px 60px; border-bottom: 1px solid #dedede;}
.member_out .form_box:after { content: ""; display: block; clear: both;}
.member_out .form_box * { font-size: 15px;}

.member_out .form_box dl { position: relative; margin-bottom: 10px;}
.member_out .form_box dl:after { content: ""; display: block; clear: both;}
.member_out .form_box dl dt { position: absolute; left: 0; top: 0; width: 100px; padding-top: 10px;}
.member_out .form_box dl dt span, .member_out .form_box dl dt label { color: #808080;}
.member_out .form_box dl dd { position: relative; font-size: 0; padding-left: 100px; padding-right: 20px}
.member_out .form_box dl dd > span { position: relative; display: block; margin: 10px 0;}

.member_out input { vertical-align: middle;}
.member_out .btn_gray { display: inline-block; padding: 0 22px; height: 30px; line-height: 31px; background: #dedede; color: #848484; vertical-align: middle; margin-left: 5px; font-size: 15px;}
.member_out .btn_gray:hover { background: #bbb;}

.member_out .btn_blue { display: inline-block; padding: 0 22px; height: 30px; line-height: 31px; background: #124ea8; color: #fff; vertical-align: middle; margin-left: 5px; font-size: 15px;}
.member_out .btn_blue:hover { background: #0d4190;}

.member_out .btn_center { position: relative; text-align: center; padding: 20px 0;}

.member_out .caution_txt { text-align: center; padding: 30px 0 15px;}
.member_out .caution_txt * { font-size: 13px; color: #808080;}
.member_out .caution_txt h6 { font-size: 15px; color: #222; margin-bottom: 10px;}

/* mini popup */
.mini_popup { position:fixed; left: 0; top: 0; min-width: 50px; z-index:1000; box-shadow: 0 20px 20px rgba(0,0,0,.5);}
.mini_popup > a { display: block;}
.mini_popup ul { background: #333; position: relative; margin: 0 !important;}
.mini_popup ul:after { content: ""; display: block; clear: both;}
.mini_popup ul li a { display: block; height: 40px; text-indent: -9999px;}
.mini_popup ul li.mpn01 { float: left; width: 124px; background: url(../btn/btn_not_open.png) no-repeat 0 0;}
.mini_popup ul li.mpn02 { float: right; width: 39px; background: url(../btn/btn_mpop_close.png) no-repeat 0 0;}

/* Terms */
.terms_box { position: relative; padding: 15px; font-size: 13px; line-height: 1.4; color: #363636;}
.terms_box * { color: #363636;}
.terms_box h1 { font-size: 15px;}
.terms_box h2 { font-size: 14px;}
.terms_box p { font-size: 13px; text-align: justify; margin-bottom: 15px;}
.terms_box h1, .terms_box h2, .terms_box h3 { margin-bottom: 5px;}
.terms_box ol { margin-bottom: 15px;}
.terms_box li { margin: 3px 0; line-height: 1.4; text-align: justify;}

.terms_con .terms_wrap { position: relative; border-bottom: 1px solid #dedede; padding-top: 15px;}
.terms_con .terms_wrap > h3 { height: 30px; line-height: 31px; background: #f3f3f3; font-size: 15px; padding: 0 10px;}
.terms_con .terms_wrap > span { display: none;}
.terms_con .terms_wrap .terms_box { height: 50px; overflow-y: scroll;}
.terms_con .terms_wrap .terms_box * { font-size: 12px;}
.terms_con .terms_agree { position: relative; padding: 5px 0; margin-top: 5px;}

.company_wrap .terms_box { padding: 0;}
.company_wrap .terms_box * { color: #363636;}

/* Auto Slide for Banner */
.banner_slide { position: relative;}
.banner_slide img { width: 100%;}