@charset "utf-8";
@media print {
	header, #header, #lmenu, #location, #data_control, footer, #footer, #tab, #stab, .stab, #tab5depth, #shareSns{display:none !important;}
	 body {print-color-adjust:exact; -webkit-print-color-adjust:exact;} 
	 .sub_title{background:none !important; border-bottom:2px solid #000; height:auto !important; padding:40px 0px; margin-bottom:40px; border-radius:0px !important}
	 h3{color:#222 !important; text-shadow:none !important}
	#wrap, 	 h4, 	 .h4_con, .stabBox{float:none  !important; width:100%  !important; min-width:100% !important; max-width:100% !important}
	 .center_system{transform:scale(.7); width:1200px}
}
* {box-sizing:border-box}
html,body,div,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video, ul, li, dl, dd, select,button {margin:0; padding:0; font-family:'Gmarket', '맑은 고딕', 'Malgun Gothic'; color:#333; font-size:17px; list-style-type:none; line-height:1.5}
img, input.image, fieldset,iframe {border:0 none;}
img, fieldset {border:none;}
li img, dd img {vertical-align:top;}
input,textarea {vertical-align:middle;}
hr {display:none;}
select, textarea {vertical-align:top; padding:1px;}
legend {position:absolute; top:0; left:0; overflow:hidden; height:0; font-size:0; line-height:0;}
img {max-width:100%;}
address {font-style:normal;}
textarea, select {border: 1px solid #c9c9c9; background: #fff;}
span.button, img.button, a.button {cursor: pointer; vertical-align: middle;}
table {border-collapse:collapse;}
th, td {text-align:center;}
.dipy_n {display:none; }
.dipy_inline {display:inline;}
.background_n {background:none;}
.w100 {width:100%;}
.ir {overflow:hidden; display:block; margin:auto; text-indent:-5000px; font-size:0; line-height:0; width:0; height:0;}
.ir_ib {overflow:hidden; display:inline-block; margin:auto; text-indent:-5000px; font-size:0; line-height:0; width:0; height:0;}
caption, .hidden {position:absolute; display:block; overflow:hidden; text-indent:-5000px; font-size:0; line-height:0; width:1px; height:1px;}

/* link */
a:link, a:visited {text-decoration: none; color:currentColor}
a:active, a:hover {text-decoration: underline; color:currentColor}
/* ol_type */
li.type_decimal {list-style-type:decimal; margin-left:20px;}
li.type_lower_roman {list-style-type:lower-roman;}
/* line */
ul.float_box {overflow:hidden;}
ul.float_box li {float:left;}
.float_l {float:left;}
.float_r {float:right;}
.clear_b {clear:both;}
.middle {vertical-align:middle !important;}
.top {vertical-align:top !important;}
.bottom {vertical-align:bottom;}
.center {text-align:center !important;}
.left {text-align:left !important;}
.right {text-align:right !important;}
.justify {text-align:justify;}
td.left {text-align:left !important;}
/* font */
.wfont {font-weight:600;}
.sfont {font-size:0.95em;}
.bfont {font-size:1.2em;}
.normal {font-weight:normal;}
.ls_1 {letter-spacing:-1px;}
/* skip_nav */
#skipnav{position:absolute;  top:-10px; left:0px; right:0px; margin:auto; width:80%; max-width:900px; z-index:9999}
#skipnav a{display:block; position:absolute; top:-100px; width:100%; text-align:center; padding:30px 0px; color:#111; font-size:1.5em; background:#fdb813; border:3px solid #222; box-shadow:1px 2px 4px rgba(0,0,0,.5); transition:all ease .2s}
#skipnav a:hover, #skipnav a:focus, #skipnav a:active{top:20px}
.skipMap{display:inline-block; position:absolute; text-indent:-5000px; color:#333; z-index:9999}
.skipMap:hover, .skipMap:focus, .skipMap:active{padding:5px 10px; text-indent:0px; background:#fff; border:1px solid #aaa}

/*margin_padding*/
.mt_n {margin-top:0 !important;}
.margin_20 {margin:20px;}
.margin_t5 {margin-top:5px;}
.margin_t10 {margin-top:10px !important;}
.margin_t15 {margin-top:15px;}
.margin_t20 {margin-top:20px !important;}
.margin_t25 {margin-top:25px;}
.margin_t30 {margin-top:30px !important;}
.margin_t35 {margin-top:35px;}
.margin_t40 {margin-top:40px;}
.margin_t50 {margin-top:50px !important;}
.margin_t100 {margin-top:100px;}

.margin_l5 {margin-left:5px;}
.margin_l10 {margin-left:10px;}
.margin_l25 {margin-left:25px;}
.margin_l30 {margin-left:30px;}
.margin_l40 {margin-left:40px;}

.margin_r5 {margin-right:5px;}
.margin_r10 {margin-right:10px;}
.margin_r25 {margin-right:25px;}
.margin_r30 {margin-right:30px;}
.margin_r40 {margin-right:40px;}

.margin_b5 {margin-bottom:5px;}
.margin_b10 {margin-bottom:10px;}
.margin_b20{margin-bottom:20px;}
.margin_b30{margin-bottom:30px;}
.margin_b40 {margin-bottom:40px;}
.margin_b50 {margin-bottom:50px !important;}

.padding_t5 {padding-top:5px;}
.padding_t10 {padding-top:10px;}
.padding_t15 {padding-top:15px;}
.padding_t20 {padding-top:20px;}
.padding_t25 {padding-top:25px;}
.padding_t50 {padding-top:50px;}

.padding_b5 {padding-bottom:5px;}
.padding_b10 {padding-bottom:10px;}
.padding_b20 {padding-bottom:20px;}

#detail_con>.ready {text-align:center; margin-top:30px;}
#detail_con>.ready p.stit {display:inline-block; padding:10px 100px; color:#fff; background:#000;}
#detail_con>.ready p.con {position:relative; margin-top:30px; margin-bottom:200px; font-size:25px;}
#detail_con>.ready p.con:after {display:block; content:""; position:absolute; left:50%; top:160%; width:1px; height:125px; background:#a8a8a8;}
#detail_con>.ready .end {color:#4e4e4e;}

#data_control {margin:5% auto; border-top:1px solid #333; border-bottom:1px solid #333;}
#data_control .tit {float:left; width:15%; padding-top:5px; padding-bottom:5px; font-size:17px; font-weight:500;}
#data_control ul {float:left; padding-top:5px; padding-bottom:5px; overflow:hidden;}
#data_control ul>li {float:left;}

#data_control .satisfaction {padding:15px 15px 15px 30px; overflow:hidden;}
#data_control .satisfaction>ul {width:62%;}
#data_control .satisfaction>ul>li {width:18%; line-height:26px;}
#data_control .satisfaction>ul>li:first-child, #data_control .satisfaction>ul>li:last-child {width:21%;}
#data_control .satisfaction>ul>li input {vertical-align:middle;}
#data_control .satisfaction>ul>li label {padding:3px 0 3px 30px; font-size:15px;}
#data_control .satisfaction>ul>li.sogood label {background:url('/share/img/sogood.gif') no-repeat left center;}
#data_control .satisfaction>ul>li.good label {background:url('/share/img/good.gif') no-repeat left center;}
#data_control .satisfaction>ul>li.soso label {background:url('/share/img/soso.gif') no-repeat left center;}
#data_control .satisfaction>ul>li.bad label {background:url('/share/img/bad.gif') no-repeat left center;}
#data_control .satisfaction>ul>li.sobad label {background:url('/share/img/sobad.gif') no-repeat left center;}
#data_control .satisfaction>div {float:right; text-align:center; width:20%; white-space:nowrap;}
#data_control .satisfaction>div input {vertical-align:top; width:50%; height:40px; color:#fff; font-size:15px; border:0; background:#007cde;}
#data_control .satisfaction>div a {display:inline-block; width:50%; height:40px; padding-top:9px; color:#fff; font-size:15px; background:#484848;}
#manager {position:relative; padding:15px 30px; border-top:1px solid #ddd; overflow:hidden;}
#manager ul {width:55%;}
#manager ul>li {width:36%; padding:1px 0; font-size:15px;}
#manager ul>li:before {content:''; display:inline-block; vertical-align:middle; width:4px; height:4px; margin-right:5px; background-color:#333; border-radius:100%;}
#manager ul>li:nth-child(2) {width:28%;}
#manager>img {position:absolute; right:0; bottom:0;}

/* 실명인증 */
#loginForm {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.7); z-index:600;}
#loginForm>div {position:relative; width:90%; max-width:970px; margin:15% auto; padding:50px; background:#fff;}
#loginForm>div .close {position:absolute; right:0; top:-50px; display:block; padding-left:40px; color:#fff; font-weight:bold; font-size:20px; line-height:29px;}
#loginForm>div .close:before {display:block; content:""; position:absolute; left:0; top:0; width:30px; height:28px; border-radius:50%; border:2px solid #fff;}
#loginForm>div .close:after {display:block; content:"Ｘ"; position:absolute; left:7px; top:1px; font-weight:bold; font-size:20px; color:#fff;}

.realname{overflow:hidden;}
.realname li{float:left; margin:.5%; width:49%; border-top:3px solid #333}
.realname li button{text-align:left; width:100%; padding:8% 3%; padding-left:33%; border:1px solid #ccc; border-top:none; background-color:#fff; background-repeat:no-repeat; background-position:12% center; word-break:keep-all }
.realname li button:hover{border-color:#333}
.realname li.ic01 button{background-image:url(/share/images/program/ic_realname01.gif);}
.realname li.ic02 button{background-image:url(/share/images/program/ic_realname02.gif);}
.realname li button .tit{display:block; font-size:23px; color:#333}
.realname li button .txt{display:block; margin-top:15px; padding-left:2px; line-height:150%; color:#484848; letter-spacing:-1px}
/*mobile*/
@media all and (max-width:800px){
	body {overflow-x:hidden;}
	html,body,div,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video, ul, li, dl, dd, select {font-size:15px; line-height:1.5}
	.realname{border-top:3px solid #333}
	.realname li{margin:0%; width:100%; border-top:0px}
	.realname li button{background-position:9% center; border-left:0px; border-right:0px}
	#data_control{margin-top:35px; margin-bottom:35px;}
	#data_control .tit,
	#data_control .satisfaction>ul,
	#data_control .satisfaction>div,
	#manager ul{float:none; width:100%; margin-bottom:5px;}
	#data_control .satisfaction>ul>li {width:33.3% !important; margin-bottom:10px;}
	#manager>img {bottom:auto; top:-183px;}
}

@media all and (max-width:480px){
	#data_control .satisfaction>ul>li {width:50% !important;}
	#manager ul>li {width:100% !important;}
	#manager>img {top:-225px;}
}