@charset "UTF-8";
@import url(/css/notosanskr.css); 
@import url(/css/notosans.css); 
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css); 

@font-face	{
	font-family:'Roboto';
	unicode-range:U+0030-0039;	/* 숫자 */
}


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, textarea, input {margin: 0;padding:0;border: 0;font-size:100%;font: inherit;vertical-align: baseline;outline: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

html { height: 101%; }
:lang(ko) { letter-spacing: -0.05em;font-family: 'Noto Sans',  sans-serif;}
:lang(en) { letter-spacing: -0.04em;font-family: 'Noto Sans',  sans-serif;}
:lang(zh) {letter-spacing: 0;font-family: "SimSun, Microsoft YaHei UI",Arial,"微软雅黑", STXihei, "华文细黑", sans-serif; font-weight: normal}
:lang(jp) {font-family: 'Yu Gothic UI',"Droid Sans","游ゴシック", "メイリオ", sans-serif, Meiryo,Roboto, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic" ; letter-spacing: 0;  }


body { font-size: 91%; }

small {font-size:.9em;line-height: 1em; color: #222}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block}

ol, ul {list-style:none}
ul.disc {list-style-type:disc;margin:0 20px}
ul.decimal {list-style-type:decimal;margin:0 20px}
ul.square {list-style-type:square;margin:0 20px}
ul.cjk-ideographic {list-style-type:cjk-ideographic;margin:0 20px}
ul.lower-roman {list-style-type: lower-roman;margin:0 20px}
ul.upper-roman {list-style-type: upper-roman;margin:0 20px}
ul.lower-alpha {list-style-type: lower-alpha;margin:0 20px}
ul.upper-alpha {list-style-type: upper-alpha;margin:0 20px}

.space05 {letter-spacing:-.05em;}
.text-cap {text-transform: uppercase;}

/* 삼각형 글머리
ul { margin: 0.75em 0;padding: 0 1em;list-style: none}
li:before {content: "";border-color: transparent #111;border-style: solid;border-width: 0.35em 0 0.35em 0.45em;display: block;height: 0;width: 0;left: -1em;top: 0.9em;position: relative}
*/

blockquote, q {quotes:none}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none}
strong {font-weight: bold}
.normal  {font-weight:normal}

table { border-collapse: collapse; border-spacing:0}
img { border: 0; max-width: 100%;}
a img:hover { opacity:0.6}

p { /*font-size:1em; line-height: 1.5em; color: #333; */}

.transparent {
	filter: alpha(opacity=50); /* internet explorer */
	-khtml-opacity: 0.5;      /* khtml, old safari */
	-moz-opacity: 0.5;       /* mozilla, netscape */
	opacity: 0.5;           /* fx, safari, opera */
}

blockquote {background: #f9f9f9;border-left: 10px solid #ccc;margin: 1.5em 10px;padding: .5em 10px;quotes: "\201C""\201D""\2018""\2019"}
blockquote:before {color: #ccc;content: open-quote;font-size: 4em;line-height: .1em;margin-right: .25em;vertical-align: -.4em}
blockquote p {display: inline}

/* 버튼 */
button {background-color: #ac0082;border:0px solid #ac0082;color:white;margin:3px 1px;padding:5px 10px;text-align: center;
	text-decoration: none;display: inline-block;-webkit-transition-duration: 0.4s; /* Safari */transition-duration: 0.4s;cursor:pointer;box-sizing:border-box;overflow:visible;border-radius:8px;
	
}
button:hover {opacity:0.6}

button.tiny {font-size:.75em;padding:4px 8px}
button.small {font-size:.875em;padding:6px 8px}
button.medium {font-size:.9375em;line-height:1.5em}
button.large {font-size:1.1em;padding:14px 20px;font-weight:600;line-height:2em}
button.large2 {font-size:1.1em;padding:10px 30px;font-weight:600;}
button.large3 {font-size:1.1em;padding:8px 20px;font-weight:600;}
button.big {font-size:1.3em;padding:10px 25px;font-weight:600; border-radius: 30px}

button.pink {background-color: #ba5ea9;color:#fff; }
button.pink a {color:#fff}
button.green {background-color: #4CAF50}
button.blue {background-color: #2895ce}
button.blue_big { padding:10px 20px; padding-right:35px; margin:3px 0; font-size:1.2em;;background-color: #ac0082; background-size:20px; border-radius:20px}
button.red{background-color: #f44336}
button.gray {background-color: #e7e7e7;color: black;}
button.darkgray {background-color: #868686;color: #fff;}
button.black {background-color: #555555}
button.orange {background-color:#ff5400}
button.purple {background-color:#a76fda}

button.disabled {opacity:0.6;cursor:not-allowed}

span.btn.blue { display:inline-block;background-color: #2895ce;border-radius:4px;font-size:.875em;padding:2px 8px; color:#fff; text-decoration:none}

/* 툴팁 */
.tooltip {position: relative;display: inline-block}
.tooltip .tooltiptext {visibility: hidden;width:200px;top:4px;left:15px;font-size:.75em;background-color:#333;color: #fff;text-align: center;padding:0;position: absolute;z-index: 99}
.tooltip:hover .tooltiptext {visibility: visible}

/*툴팁
a {border-bottom:1px solid #bbb;color:#666;display:inline-block;position:relative;text-decoration:none}
a:hover, a:focus {color:#36c}
a:active {top:1px}

/* Tooltip styling
a[data-tooltip]:after {border-top: 8px solid #222;border-top: 8px solid hsla(0,0%,0%,.85);border-left: 8px solid transparent;border-right: 8px solid transparent;content: "";display: none;height: 0;width: 0;left: 25%;position: absolute}
a[data-tooltip]:before {background: #222;background: hsla(0,0%,0%,.85);color: #f6f6f6;content: attr(data-tooltip);display: none;font-family: sans-serif;font-size: 14px;height: 32px;left: 0;line-height: 32px;padding: 0 15px;position: absolute;text-shadow: 0 1px 1px hsla(0,0%,0%,1);white-space: nowrap;-webkit-border-radius: 5px;-moz-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px}
a[data-tooltip]:hover:after {display: block;top: -9px}
a[data-tooltip]:hover:before {display: block;top: -41px}
a[data-tooltip]:active:after {top: -10px}
a[data-tooltip]:active:before {top: -42px}*/

a{color:#333;text-decoration:none}
a:hover{text-decoration:none}
a:focus{color:#ac0082;text-decoration:none}

.clear { clear:both; height:auto; overflow:hidden}
.curHand {cursor:pointer}
.fr.b-close { position: absolute; top: 10px; right: 10px}


/* DISPLAY */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }

html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

.clearfix:before, .container:after { content: ""; display: table; }
.clearfix:after { clear: both; }

.fl{float:left !important;}
.fr{float:right !important;}

.blind{position:absolute;top:0;left:0;width:1px !important;height:1px;overflow:hidden;visibility:hidden;font-size:0;line-height:0}
.blind2{height:0; overflow:hidden; line-height:0; font-size:0}
.none{display:none !important;}
.br0 {border-radius:0 !important;}

div.tablewrap {width:100%;margin:0 auto;padding:0;overflow:hidden}

/* ALIGN */
.tal{text-align:left !important;}
.tac{text-align:center !important;}
.tar{text-align:right !important;}
.taj {text-align:justify !important;}
.vat{vertical-align:top !important;}
.vam{vertical-align:middle !important;}
.vab{vertical-align:bottom !important;}

/* MARGIN */
.ml10{margin-left:10px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml50{margin-left:50px !important;}
.ml70{margin-left:70px !important;}

.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr50{margin-right:50px !important;}

.mt5 {margin-top:5px !important;}
.mt6 {margin-top:6px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt100 {margin-top:100px !important;}

.mb1{margin-bottom:1px !important;}
.mb6{margin-bottom:6px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}

.mg20 {margin:20px !important;}
.mg30 {margin:20px 0 !important;}

/* Padding */
.pl6{padding-left:6px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl40{padding-left:40px !important;}

.pr6{padding-right:6px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr40{padding-right:40px !important;}

.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt30 {padding-top:30px !important;}
.pt40 {padding-top:40px !important;}
.pt50 {padding-top:50px !important;}
.pt60 {padding-top:60px !important;}

.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px !important;}
.pb40 {padding-bottom:40px !important;}

.pd5 {padding:5px !important;}
.pd10 {padding:10px !important;}
.pd20 {padding:20px !important;}
.pd30 {padding:30px !important;}
.pd40 {padding:40px !important;}

/* TEXT COLOR */
.color-primary-1 {color: #ac0082 !important}/* Main Primary color */
.color-primary-2 {color: #B02E90 !important}
.color-primary-3 {color: #810462 !important}
.color-primary-4 {color: #64004B !important}
.color-primary-5 {color: #ea68a2 !important}
.color-white {color: #fff !important}
.color-yellow {color: #FFEE57 !important}
.color-red {color:#f44336 !important}
.color-pink {color:#d628ae !important}
.color-pink1 {color:#faf4fa !important}
.color-green {color:#4caf50 !important}
.color-blue {color:#2668d6 !important} /*5f7bc4*/
.color-blue1 {color:#0a3287 !important}
.color-gray1 {color:#666 !important}
.color-gray2 {color:#d4d3d3 !important}
.color-black {color:#555 !important}
.red {color:red}

/* BACKGROUND COLOR */
.bgcolor-primary-1 {background-color: #ac0082 !important;}
.bgcolor-primary-2 {background-color: #B02E90 !important;}
.bgcolor-primary-3 {background-color: #810462 !important;}
.bgcolor-primary-4 {background-color: #64004B !important;}
.bgcolor-primary-5 {background-color: #b02e90 !important;}
.bgcolor-primary-6 {background-color: #c151a5 !important;}
.bgcolor-primary-7 {background-color: #df89ca !important;}
.bgcolor-primary-8 {background-color: #f8d3ee !important;}
.bgcolor-primary-9 {background-color: #faf4fa !important;}
.bgcolor-gray-1 {background-color:#dbdbdb !important;}
.bgcolor-gray-2 {background-color:#f4f4f4 !important;}
.bgcolor-gray-3 {background-color:#ccc !important;}
.bgcolor-gray-4 {background-color:#f6f6f6 !important;}
.bgcolor-gray-5 {background-color:#f9f9f9 !important;}
.bgcolor-blue-1 {background-color:#3d6b9e !important;}

/* FONTSIZE */
.fs17em {font-size:1.7em}
.fs15em {font-size:1.5em}
.fs1313em {font-size:1.313em}
.fs125em {font-size:1.25em}
.fs115em {font-size:1.15em}
.fs105em {font-size:1.05em}
.fs1em {font-size:1em}
.fs2em {font-size:2em}
.fs3em {font-size:3em}
.fs09em {font-size:.9em}
.fs0825em {font-size:.825em}
.fs075em {font-size:.75em}
.bold { font-weight:bold}
.nomal { font-weight: normal !important}

/* FONTWEIGHT */
.fw400 {font-weight:400}
.fw600 {font-weight:600}
.fw700 {font-weight:700}
.fw800 {font-weight:800}

/* LINE HEIGHT */
.line150 {line-height:150%}
.line220 {line-height:220%}
.line300 {line-height:300%}

/* SPACE */
hr {display: block;margin-block-start: 0.5em;margin-block-end: 0.5em;margin-inline-start: auto;margin-inline-end: auto;unicode-bidi: isolate;overflow: hidden;
border-style: inset;border-width: 1px;border-bottom: 1px solid red;}

/* TABLE STYLE */
table {border-collapse:separate;border-spacing:0;empty-cells:show}/*border-collapse:collapse;*/
caption {overflow:hidden;font-size:.825em;text-align:right;color: #ac0082}

/* FORM */
legend{display:block;position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;visibility:hidden;font-size:0;line-height:0}
select,textarea,input,label{vertical-align:middle; font-size:1em;}
select option.tt { color: #E80408; border-bottom: 1px solid #bbb}
input{/*-webkit-appearance:none*/ accent-color: #ac0082;}
input[type="text"], input[type="tel"], input[type="email"], input[type="password"], input[type="file"], textarea {
	box-sizing:border-box;background:#f5f5f5;border:1px solid #d5d5d5;
	line-height:38px;height:38px;padding:0 0 0 .5em;margin-bottom:3px; border-radius: 6px
	}
textarea {width:100%;padding:.6em;line-height:25px; }	
input[type="checkbox"], input[type="radio"] { width: 1.25em; height: 1.25em; margin-right: 3px}
input[type="checkbox"]:checked + label, input[type="radio"]:checked + label { color: #ac0082;}
input[type="text"]:read-only { border:none; background:#ddd}
input.round { border-radius:2px;height:38px}

select {box-sizing:border-box;background:#f5f5f5;border:1px solid #d5d5d5;padding:0 0 0 .2em ;line-height:38px;height:38px;margin:0 1px 3px 0;border-radius: 6px}

input.empty {background-color:#f0b9bc}
select.empty {background-color:#f0b9bc}
label.empty {background-color:#f0b9bc}

/* WIDTH */
.wh100p {width:100% !important;}
.wh96p {width:96% !important;}
.wh95p {width:95% !important;}
.wh90p {width:90% !important;}
.wh85p {width:85% !important;}
.wh80p {width:80% !important;}
.wh72p {width:72% !important;}
.wh70p {width:70% !important;}
.wh69p {width:69% !important;}
.wh68p {width:68% !important;}
.wh65p {width:65% !important;}
.wh62p {width:62% !important;}
.wh60p {width:60% !important;}
.wh50p {width:50% !important;}
.wh45p {width:45% !important;}
.wh40p {width:40% !important;}
.wh35p {width:35% !important;}
.wh34p {width:34% !important;}
.wh33p {width:33% !important;}
.wh30p {width:30% !important;}
.wh29p {width:29% !important;}
.wh28p {width:28% !important;}
.wh25p {width:25% !important;}
.wh22p {width:22% !important;}
.wh20p {width:20% !important;}
.wh15p {width:15% !important;}
.wh17p {width:17% !important;}
.wh10p {width:10% !important;}
.wh5p {width:5% !important;}

.wh50 {width:50px !important;}
.wh100 {width:100px !important;}
.wh120 {width:120px !important;}
.wh130 {width:130px !important;}
.wh200 {width:200px !important;}
.wh230 {width:230px !important;}
.wh250 {width:250px !important;}
.wh300 {width:300px !important;}
.wh100wide {width:100% !important}

/* BORDER */
.bor-t1 {border-top:1px solid #d4d3d3}
.bor-t2 {border-top:3px solid #d4d3d3}
.bor-t3 {border-top:3px solid #333333}
.bor-b1 {border-bottom:1px solid #d4d3d3}
.bor-b2 {border-bottom:3px solid #333333}
.bor-r1 {border-right:1px solid #d4d3d3}
.bor-l1 {border-left:1px solid #d4d3d3}


/* DOCUMENT CERTIFICATE */
.doc { font-size:0.9em;letter-spacing:-0.04em;padding:2px 4px;text-align:center;border:1px solid #ac0082;background-color:#fff/*213486*/;color: #ac0082;border-radius:8px; margin:2px 2px 2px 0 ; display:inline-table;}
.doc:lang(en) { letter-spacing:-0.5px}
.nodoc { font-size:0.9em;letter-spacing:-0.04em;padding:2px 4px;border:1px solid #777;text-align:center;background-color:#f1f1f1;color:#000;border-radius:8px;margin:2px 2px 2px 0; display:inline-table;}
.nodoc:lang(en) { letter-spacing:-0.5px} 
.nodoc.curHand {font-size:13px;letter-spacing:0;padding:3px 8px; border:none;border-radius:8px;background-color:#bb5ea9;color:#fff; font-weight:normal}
.nodoc.curHand:hover {background-color:#ab0082;}
.nodoc.curHand.large { padding:8px 20px ; font-size:1.1em}
.nodoc2 {font-size:.75em;letter-spacing:-1px;margin:0 2px 0 0;padding:3px 6px;text-align:center;background-color:#ab0082;color:#fff;border-radius:4px}
.hot {font-size:.8em;margin:0 2px 0 0;padding:3px 6px;text-align:center;background-color:#ff0000;color:white;border-radius:12px}
.c-img {font-size:.8em;margin:0 2px 0 0;padding:3px 6px;text-align:center;background-color:#ab0082;color:white;border-radius:12px}
.nodoc.wait { background:#FBE9F4; border:none; color:#BB1677; font-size:1.2em; font-weight:bold}

/* paginate */
ul.paginate {width:auto;margin:auto;text-align:center;overflow:hidden}
ul.paginate li {display:inline-block;text-align:center}
ul.paginate li {margin-right:4px; padding:2px 8px; font-weight:600}
ul.paginate li.on {border:1px solid #ac0082;color:#828181}
ul.paginate li.on a {color:#828181}
ul.paginate li a {color:#828181;  display: block; }
ul.paginate li a:hover {color:#ac0082}

/* 동영상/음성 */
.audio-player {width:400px;height:35px;border-radius: 8px;padding: 5px}
.audio-gradient {border: 1px solid #000;background: #494949}
.audio-button {float: left;display: block;width: 34px;height: 34px;background-image: url(/images/sprite.png);background-repeat: no-repeat;margin-right: 5px;text-indent:-999999px}
/*#play {background-position: 6px 5px}
#mute {background-position: -63px 5px}
#pause {	background-position: -32px 5px}
#muted {background-position: -106px 5px}*/

/* 사진 description */
.photobox #tip {display:none;position: absolute;padding: 5px;width: 140px;background: #05184d;color: #fff;z-index: 99999;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px}

/* 공통박스 */
.white-box {background-color:white;width:100%;padding:20px;overflow:hidden}
.white-box1 {background-color:white;width:100%;padding:0;overflow:hidden}
.pink-box {background-color:#faf4fa;width:100%;padding:20px;overflow:hidden}
.couple-box {background-color:#ac0082;width:100%;padding:20px;overflow:hidden}
.blue-box {background-color:#2895ce;width:100%;padding:20px;overflow:hidden} /*5f7bc4*/
.blue-box1 {background-color:#0a3287;width:100%;padding:20px;overflow:hidden}
.blue-box2 {background-color:#eaf6fd;width:100%;padding:20px;overflow:hidden}
.gray-box {background-color:#f2f2f2;width:100%;padding:20px;overflow:hidden}
.lgray-box {background-color:#f9f9f9;width:100%;padding:20px;overflow:hidden}
.white-border-box {background-color:white;width:100%;border:1px solid #d4d3d3;padding:20px;overflow:hidden}
.white-border-box1 {background-color:white;width:100%;border:1px solid #d4d3d3;padding:0;overflow:hidden}
.pink-border-box {background-color:#faf4fa;border:1px solid #ac0082;width:100%;padding:20px;overflow:hidden}
.pink-border-box-round {background-color:#f1e3eb; border-radius:20px; padding:15px;overflow:hidden}
.pink-border-box a {color:#333}
.blue-border-box {background-color:#0a3287; border:1px solid #2895ce;width:100%;padding:20px;overflow:hidden} /*5f7bc4*/
.blue-border-box1 {background-color:white; border:1px solid #2895ce;width:100%;padding:20px;overflow:hidden} /*5f7bc4*/
.blue-border-box2 {background-color:#eaf6fd;border:1px solid #2895ce;width:100%;padding:20px;overflow:hidden}
.gray-border-box {background-color:#e7e7e7;border:1px solid #d4d3d3;width:100%;padding:20px;overflow:hidden; margin-bottom:20px}
.lgray-border-box {background-color:#f1f1f1;border:1px solid #e7e7e7;width:100%;padding:20px;overflow:hidden}
.round-border-box {background-color:#f4f4f4;border:1px solid #e7e7e7;width:100%;padding:20px;overflow:hidden; border-radius:10px}


/* 백보드 div */
div.overlay {width:100%;height:100%;z-index:111;background-color:#000; opacity:0.4; filter: alpha(opacity=40); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; position:fixed; top:0; left:0;	margin:0;	padding:0; display:none}

.2grid_left { float:left; width:45%; border:1px solid red}
.2grid_right { float:right; width:45%}

@media only screen and (max-width: 650px) {
input[type="text"], input[type="tel"], input[type="email"], input[type="password"], input[type="file"], textarea { height: 48px; line-height: 44px}
   select { height: 46px}
}
@media only screen and (max-width: 480px) {
.wh80p {width:70% !important;}
.certify-doc .wh80p {width:100% !important;}
.modal-content .wh60p { width:80% !important}
.white-border-box{ padding: 20px 10px}
}
@media only screen and (max-width: 380px) {
.modal-content .wh60p { width:100% !important}
}