@import url("base.css");

html, body {height:100%; background:#333; transform: scale( 1.0 );-webkit-text-size-adjust: none;-moz-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none; }
body {margin:0; padding:0; font-size: 100%; letter-spacing:-0.5px; font-family: 'Spoqa Han Sans Neo','Noto Sans KR',AppleSDGothicNeo-Light,AppleGothic,Dotum,'돋움',sans-serif; font-weight:400; overflow-x:hidden; color:#000; -webkit-text-size-adjust: none;}
body.is_hidden{overflow:hidden}
html, body {height: 100vh; height: var(--vh);}
body {min-height: 100vh; min-height: -webkit-fill-available;}

html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0; padding:0; border:0}
h1, h2, h3, h4, h5, h6 {font-weight:600;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
ul, ul li {margin:0; padding:0; list-style:none}
ol, li, dl, dt, dd {margin:0; padding:0}
legend {position:absolute; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999em; overflow:hidden}
label, input, button, select {vertical-align:middle}
input, button {margin:0; padding:0;}
button {cursor:pointer; border:0;}
input[type=submit] {border:0;}
textarea, select, input. th, td {font-family: Malgun Gothic,'맑은 고딕','Noto Sans KR',AppleSDGothicNeo-Light,AppleGothic,Dotum,'돋움',sans-serif;}
select {margin:0}
p, span, i {margin:0; padding:0; word-break:break-all;}
pre {overflow-x:scroll; font-size:1.1em}
th {font-weight:normal;}
a {color:#29282a; display: block;}
a:link, a:visited {text-decoration:none;}
a:hover, a:focus, a:active {text-decoration:none !important;}

input[type=text], input[type=password], textarea {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
}
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus {
-webkit-box-shadow: 0 0 5px #9ed4ff;
-moz-box-shadow: 0 0 5px #9ed4ff;
box-shadow: 0 0 5px #9ed4ff;
border: 1px solid #558ab7 !important;
}
input[type=checkbox] {
border: 1px solid #ccc !important;
border-radius:3px !important;
padding:2px;
color:#666;
}



/*safari*/
input, textarea, a {-webkit-appearance: none; -webkit-border-radius: 0;}
input[type=checkbox] {-webkit-appearance: checkbox}
input[type=radio] {-webkit-appearance: radio}

/*#front_base64, #side_base64 {border:0;}*/

/*모달창*/
#alert_msg_area, #modal_msg_area {display: flex; justify-content: center;align-items: center;
	position: fixed;
	width: 100%;
	height:100%;
	z-index: 99999999;
	background:rgba(0, 0, 0, 0.4);
}
#alert_msg_content, #modal_msg_content {
	display: block;
	position: fixed;
	/*bottom: 50%;*/
	text-align: center;
	width: 75%;
	background:#fff;
	padding:15px;
	left:0;
	right:0;
	margin:0 auto;
	border-radius:10px;
	box-shadow: 1px 1px 4px 1px #9e9e9e;
}
#alert_msg, #modal_msg {
	color:#333;
	font-size:15px;
	/*text-align: left;*/
	display:block;
	padding:10px;
}
#close_alert {
	display:inline-block;
	color:#fff;
	width:70px;
	background:#5885fb;
	border-radius:30px;
	margin-top:15px;
	padding:5px;
}
#update_alert {
	display:inline-block;
	color:#fff;
	width:80px;
	background:rgba(0, 0, 0, 0.4);
	border-radius:30px;
	margin-top:15px;
	padding:5px;
}
#confirm_msg_area {
	display: block;
	position: fixed;
	width: 100%;
	height:100%;
	z-index: 99999999;
	background:rgba(0, 0, 0, 0.4);
}
#confirm_msg_content {
	display: block;
	position: fixed;
	bottom: 50%;
	text-align: center;
	width: 70%;
	background:#fff;
	padding:25px 0;
	left:0;
	right:0;
	margin:0 auto;
	border-radius:10px;
	box-shadow: 1px 1px 4px 1px #9e9e9e;
}
#confirm_msg {
	color:#333;
	font-size:15px;
	text-align: left;
	display:block;
	padding:10px;
}
#confirm_yes, #confirm_no {
	display:inline-block;
	color:#fff;
	width:70px;
	background:rgba(0, 0, 0, 0.4);
	border-radius:30px;
	margin:15px;
	padding:5px;
}

#wrapper {width: 100%; background:#fff; max-width: 1024px; height:100vh; margin: 0 auto; position:relative; overflow:hidden;}
#wrapper:after {display:block; visibility:hidden; clear:both; content:""}

#container {position:relative;  background:#fff; height: calc(100vh - 60px); margin-top:60px; overflow-x:hidden; overflow-y:auto;  transition: all 0.8s;}
#container:after {display:block; visibility:hidden; clear:both; content:""}

#shoot_processing_wrap #container,
#modeling_wrap #container  {height: calc(100vh - 0px);}

.wrap {position:relative; margin:0 auto; width:94%; height:100%;}
.wrap:after {display:block; visibility:hidden; clear:both; content:""}

/*header*/
#hd{position:relative; position:fixed; top:0; left:auto; right:auto; margin:0 auto; width:100%; max-width:1024px; z-index:11; overflow-x:hidden;
background: #5885fb;
background: -moz-linear-gradient(left, #5885fb 0%, #7a7dfe 100%);
background: -webkit-linear-gradient(left, #5885fb 0%,#7a7dfe 100%);
background: linear-gradient(to right, #5885fb 0%,#7a7dfe 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5885fb', endColorstr='#7a7dfe',GradientType=1 );}
#hd #logo {text-align:left;  height:60px; line-height:60px; color:#fff; margin-bottom:0; background:url('../img/symbol2.png') 15px center no-repeat; background-size:50px; /*font-family: 'HSJiptokki'; */ font-size:1.95rem; padding:0 0 0 75px;}
#hd #logo strong {display: inline-block; font-family: 'GmarketSansBold';text-overflow: ellipsis;white-space: nowrap;overflow: hidden;word-break: normal;width:calc(100% - 80px);}
#hd #logo span {display: inline-block; color:#fff; font-size:1.05rem; margin-left:5px;}
#hd #logo a {color:#fff;}
#hd > a {position:absolute; color:#fff; font-size:0; width: 28px; height: 28px; right:60px; top:15px; background:url('../img/home.png') center center no-repeat; background-size:cover;}

#hd .info_tel {padding:0 20px; height:50px; line-height:50px; overflow:hidden; background: #fff no-repeat; font-family: 'GmarketSansBold'; text-align:right;display:none;}
#hd .info_tel span {display: inline-block; background:url('../img/tel.svg') left center no-repeat; background-size:30px; padding-left:32px;}
#manage_member_wrap #hd {box-shadow:0px 4px 7px 0 rgba(0,0,0,0.08); }
#manage_member_wrap #hd.roll {box-shadow:0px 4px 7px 0 rgba(0,0,0,0);}
#manage_member_wrap #hd .info_tel {display:block;}
#hd.roll .info_tel{display:none !important;}

.menu {display:none; position:fixed; top:0; height: 100vh; height: var(--vh); min-height: 100vh; min-height: -webkit-fill-available; z-index:99; -webkit-backface-visibility:hidden; width:100%; background:rgba(0,0,0,0.5); right:0;}
.menu .menu_wr{width:calc(100% - 50px); max-width:520px; float:right; height:100%; min-height: 100vh; background:#fff; position:relative; z-index:99; overflow-x:hidden;
-webkit-box-shadow: 0 0 5px rgba(55,55,5,0.4); -moz-box-shadow: 0 0 5px rgba(55,55,5,0.4); box-shadow: 0 0 5px rgba(55,55,5,0.4);}
.menu h1 {font-size:1.55rem; color:#fff; height:60px; line-height:60px; padding-left:20px; font-family: 'GmarketSansBold';
background: #5885fb;
background: -moz-linear-gradient(left, #5885fb 0%, #7a7dfe 100%);
background: -webkit-linear-gradient(left, #5885fb 0%,#7a7dfe 100%);
background: linear-gradient(to right, #5885fb 0%,#7a7dfe 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5885fb', endColorstr='#7a7dfe',GradientType=1 );}

#btn_menu {display:block; height:60px; width:60px; padding:20px 16px; vertical-align:top; position:absolute; top:0px; right:0px; color:#fff;}
#btn_menu span {display:block; width:24px; height:2px; background:#fff;}
#btn_menu span:nth-child(1) {margin-top:0px;}
#btn_menu span:nth-child(2) {margin-top:7px;}
#btn_menu span:nth-child(3) {margin-top:7px;}

.menu .menu_close {position:absolute; top:0px; right:0px; width:60px; height:60px; background:none; color:#030303; font-size:20px; border:0; padding:15px; z-index:99}
.menu .menu_close span {display:block; width:100%; height:2px; background:#fff;}
.menu .menu_close span:nth-child(1) {top:50%; transform:translateY(-50%) rotate(45deg);}
.menu .menu_close span:nth-child(2) {width:0;}
.menu .menu_close span:nth-child(3) {bottom:auto; top:50%; transform:translateY(-200%) rotate(-45deg);}

.menu_list {position:relative; /*margin-bottom:15px; */}
/*.menu_list:after {position:absolute; bottom:-15px; left:-10px; width:calc(100% + 10px); height:10px; content:''; background:#f5f5f5; z-index:1; box-shadow:inset 5px 4px 3px rgba(0, 0, 0, 0.02);}*/
.menu_list li {position:relative; width:auto !important; padding: 0; text-align: left; border-bottom:1px solid rgba(0,0,0,0.05);}
.menu_list li a {padding:20px 25px; font-size:1.15rem; display:block; text-decoration:none; word-break: keep-all; text-decoration:none; font-weight:500;}
.menu_list li a:after {display: inline-block; position:absolute; content: ''; width: 15px; height: 15px; right:20px; top:calc(50% - 7.5px); background:url('../img/menu.png') left center no-repeat; background-size:auto 100% ;}
.menu_etc {position:relative; padding:20px 25px; margin-bottom:15px; font-size:0}
.menu_etc:after {position:absolute; bottom:-15px; left:-10px; width:calc(100% + 10px); height:10px; content:''; background:#f5f5f5; z-index:1; box-shadow:inset 5px 4px 3px rgba(0, 0, 0, 0.02);}
.menu_etc dl + dl {margin-top:30px;}
.menu_etc dt {font-size:1.15rem; font-weight:500; margin-bottom:20px;}
.menu_etc dd {font-size:1.05rem; display: inline-block; width:50%;}
.menu p {text-align:right; padding:30px 25px;}
.menu p a {display:inline-block; background:url('../img/setting.png') left center no-repeat; background-size:20px; padding-left:25px; font-weight:500; font-size:1.05rem;}

#btn_back {display: inline-block; position: absolute; left: 45px; top: 18px; z-index:99;}
#btn_back a, #btn_back a img {display: block;}


/*footer*/
#navi {box-shadow: 5px 2px 5px 5px rgba(0,0,0,0.05); width: 100%; background: #fff; position: fixed; left: 50%; bottom: 0; z-index: 9; max-width:1024px; transform: translate(-50%, 0%); transition: all 0.2s;}

.navi_list {padding:10px 0}
.navi_list:after {display:block; visibility:hidden; clear:both; content:""}
.navi_list li {width:20%; float:left;}
.navi_list li a {display:block; text-align:center; font-size:14px;}
.navi_list li a img {display:block; margin:0 auto 5px; width:30px;}
/*.navi_list li.navi00 a img {width:45px;}*/
.navi_list li a span {font-size:0px; height:0;}

.navi_list li a img.on {display:none;}
.navi_list li a img.off {display:block;}
.navi_list li.active a img.off {display:none;}
.navi_list li.active a img.on {display:block;}
.navi_list li.active a {color:#3027b6;}
.navi_list li.active a span {color:#f5b11f;}




/*title*/
#container h1{font-family: 'GmarketSansBold'; color:#3027b6; line-height:1.2; font-size: 2.2rem;}
#container h2 {font-family: 'GmarketSansMedium'; font-size: 1.45rem; margin-bottom: 20px;}
#container h2 span {position:relative; display:inline-block; color:#000; box-shadow: inset 0 -15px 0 0 rgba(0,51,255,0.2); padding:0 2px;}
#container h2 span u{text-decoration:none; box-shadow: inset 0 -15px 0 0 rgba(0,51,255,0.2);}

#container h2 strong {color:#3027b6;}
#container h3 {font-size: 1.65rem; margin-bottom: 20px;}
#container h4 span{display: inline-block; font-size: 1.25rem; background:#3027b6; font-weight:500; padding:10px 30px; border-radius:50px; color:#fff; margin-bottom: 20px;}








#container section {position:relative; margin-top:30px;}
#container section + section {margin-top:70px;}


.noti + .box {margin-top:30px;}
.box {position:relative; padding:40px; border-radius:20px; background:#fff; overflow:hidden;}
div.box {margin-bottom:30px;}
.box01 {box-shadow:3px 4px 7px rgba(0,0,0,0.05);}
.box02 {border:1px solid #ddd;}
.box03 {border:1px solid #0033ff;}
.box04 {padding:25px; border-radius:0px; background:#f5f5f5;}
.box.box05 {padding:25px; /*background: #ecf4ff; border:3px solid #eee; */ background:#fff; border-radius:0; padding-top:40px;}
.box05:after {display: inline-block; position:absolute; content: ''; width:20px; height:29px; left:10px; top:-3px; background:url('../img/list05.png') center bottom no-repeat; background-size:20px auto; z-index:9}
.box.box06 {padding:50px 25px 25px; border-radius:0px;}
.box06:before {position:absolute; display: block; content: ''; width: 100%; height: 18px; left:0; top:10px; z-index:9; background:url('../img/box06.png') left top; background-size: auto 18px; overflow:hidden;}
.box.box07 {padding:25px 25px; border-radius:0px;}


#search_box h2 {text-align:left; line-height: 1.5; margin:0 20px 0 0;}
#search_box form {}
#search_box fieldset {display: inline-block;}
select {-moz-appearance: none; -webkit-appearance: none; appearance: none; line-height: 1.5; background: #fff; padding: .6em 1.8em .5em .8em; margin: 0; border: 1px solid #ddd; border-radius: .5em; box-shadow: 0 1px 0 1px rgba(0,0,0,.04); background:url('../img/select.svg') right center no-repeat; background-size:20px;}
select:hover {border-color: #888;}
select:focus {border-color: #aaa; box-shadow: 0 0 1px 3px rgba(59, 153, 252, .0); box-shadow: 0 0 0 3px -moz-mac-focusring; ; outline: none;}
select:disabled {opacity: 0.5;}
#search_box label {}
select {margin-right:5px;}
fieldset select:last-child {/*margin-right:0px;*/}
#search_box form > span {display: inline-block; margin:0 20px;}
#search_box .btn_search {color:#fff; border-radius: .5em; background: #3027b6; padding:.6em 1em; box-shadow:3px 4px 7px rgba(120,125,254,0.5); margin-left:10px;}

#search_box input[type='text'], .inputbox { line-height: 1.5; background: #fff; padding: .5em .8em; border: 1px solid #ddd; border-radius: .5em;}

.list li {position:relative; padding-left:25px; font-size:1.25rem; line-height:1.5; margin-bottom:10px; text-align:left;}
.list li span {color: #ff3366;}
.list li i {box-shadow: inset 0 -12px 0 0 rgba(255,51,102,0.2);}

.list li:last-child {margin-bottom:0;}
.list li:before, .list dt:before {display: inline-block; position:absolute; content: ''; left:0; background-size:cover !important;}
.list.list01 li {padding-left:15px;}
.list01 li:before {width: 4px; height: 4px; border-radius: 100%; background: #888; top:12px;}
.list02 li:before {width: 18px; height: 18px; background:url('../img/list02.png') left center no-repeat; top:0px;}
#immigration_report .list02 li:before {background:url('../img/list02_2.png') left center no-repeat;}

#result .list02 li {margin-bottom:0px;}
#result .list02 li:before {top:5px;}



.list03 li:before{width: 18px; height: 18px; background:url('../img/list03.png') left center no-repeat; top:5px;}
.list04 li {border-bottom:1px solid #ddd; padding-bottom:10px;}
.list04 li:before{width: 18px; height: 18px; background:url('../img/list04.png') left center no-repeat; top:5px; background-size:15px; border:1px solid #999;}

.list li strong {color:#3027b6}
dl.list {font-size:0;}
.list dt {display: inline-block; position:relative; padding-left:25px; width:30%; font-size:1.25rem; margin-bottom:10px;}
.list03 dt:before {width: 20px; height: 20px; background:url('../img/list03.png') left center no-repeat; top:2px;}
.list dd {display: inline-block; width:70%; font-size:1.25rem; text-align:right; margin-bottom:10px;}
.list dd input[type="text"], .list dd input[type="number"] {background:#f4f5fa; border-radius:7px; border:1px solid #3027b6; padding:5px 10px; width:calc(100% - 50px);}
.list dd span {display: inline-block; width:30px; text-align:left; margin-left:20px}



.noti {background:url('../img/list2.png') left top no-repeat; background-size:30px; line-height:30px; padding-left:38px; font-size:1.42rem; font-weight:500; line-height:1.5;}
.noti span {color:#3027b6;}
.noti02 {background:url('../img/noti.png') left top no-repeat; background-size:30px; line-height:30px; padding-left:38px; font-size:1.42rem; font-weight:500;}
.warning {color:#ff3366;background:url('../img/list04.png') left top no-repeat; background-size:18px; line-height:18px; padding-left:20px; font-weight:500; line-height:1.5;}

a.info {position:absolute; right:10px; top:10px; width:25px; height: 25px; background:url('../img/noti.png') left center no-repeat; background-size:cover;}
a.info span {font-size:0;}

.btn_area {margin: 40px auto 0; text-align: center; display:flex; justify-content: center;}
.btn_area a + a, .btn_area input + input, .btn_area a + input, .btn_area input + a, .btn_area button + button {margin-left:10px;}
.btn {position:relative; cursor:pointer;}
.btn, a.btn, button.btn, input.btn {padding: 0px 40px; text-decoration: none; min-width:30%; text-align:center; vertical-align: middle; display: inline-block; font-size:1.25rem;box-shadow:3px 4px 7px rgba(0, 0, 0, 0.1); letter-spacing:-0.5px}
a.btn {line-height: 50px;}
input.btn {height: 50px;}
button.btn {line-height: 50px;}
a.btn:focus, a.btn:hover {text-decoration: none; background: #555; color:#fff; box-shadow:3px 4px 7px rgba(0, 0, 0, 0);}
.btn01 {color:#fff; border-radius:50px; background: #5885fb; background: -moz-linear-gradient(left, #5885fb 0%, #7a7dfe 100%); background: -webkit-linear-gradient(left, #5885fb 0%, #7a7dfe 100%); background: linear-gradient(to right, #5885fb 0%, #7a7dfe 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5885fb', endColorstr='#7a7dfe', GradientType=1 );}
.btn02 {color:#fff; border-radius:50px; background: #3027b6; /*box-shadow:3px 4px 7px rgba(120, 125, 254, 0.5);*/}
.btn03 {color:#fff; border-radius:50px; background: #888;}
.btn04 {color:#fff; border-radius:50px; background: #3027b6; display: inline-block; padding:5px 15px;}
.btn05 {color:#fff; border-radius:50px; background: #7a7dfe;}
.btn06 {color:#fff; border-radius:50px; background: #ff3366;}


.btn_ex {position:relative; background:url('../img/h3.png') left center no-repeat; background-size:40px; font-size: 1.35rem; padding-left:50px; line-height:40px; font-weight:600;}
.btn_ex:after {display: inline-block; position:absolute; content: ''; width: 15px; height: 15px; right:0px; top:calc(50% - 7.5px); background:url('../img/menu.png') left center no-repeat; background-size:auto 100% ;}
.btn_small {display: inline-block; color: #fff; background:#ff3366;border-radius: .5em;padding: .5em .8em;}
.btn_small:hover {background: #555; color:#fff;}
.btn_small2 {background:#5885fb;}
#btn_top {position:fixed; right:10px; bottom:80px; width:45px; height:45px; background:url('../img/top.svg') center center no-repeat rgba(0,0,0,0.8); background-size:50%; border-radius:50%;}
#btn_top a {display: block; width:100%;font-size:0;  }

.chk_box {display: inline-block; position: relative; font-size:17px;}
.chk_box input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;}
.chk_box input[type="checkbox"] + label {position:relative; padding-left:28px; color:#676e70}
.chk_box input[type="checkbox"] + label:hover{color:#2647a2}
.chk_box input[type="checkbox"] + label span {position:absolute; top:0px; left:0; width:23px; height:23px; display:block; margin:0; background:#fff; border:1px solid #ddd; z-index:3; border-radius:50px}
.chk_box input[type="checkbox"]:checked + label {color:#000}
.chk_box input[type="checkbox"]:checked + label span {background:url('../img/chk.png') center center no-repeat #1e2430; background-size:80%; border-color:#1e2430;}

.radio_box {display: flex; justify-content: center; border: none; margin: 0; padding: 0; font-family: Malgun Gothic,'맑은 고딕','Noto Sans KR',AppleSDGothicNeo-Light,AppleGothic,Dotum,'돋움',sans-serif;}
.radio_box label { line-height: 2rem; padding: 0.2em 0.4em;}
.radio_box > label:first-child {padding-left:0;}
.radio_box > label:last-child {padding-right:0;}
.radio_box span {display: inline-block; margin-left:0.2em;}
.radio_box input[type="radio"] {appearance: none; border: max(2px, 0.1em) solid gray; border-radius: 50%; width: 1.25em; height: 1.25em; transition: border 0.5s ease-in-out;}
.radio_box input[type="radio"]:checked {border: 0.4em solid #3027b6;}
.radio_box input[type="radio"]:focus-visible {outline-offset: max(2px, 0.1em); outline: max(2px, 0.1em) dotted tomato;}
.radio_box input[type="radio"]:hover {box-shadow: 0 0 0 max(4px, 0.2em) lightgray; cursor: pointer;}
.radio_box input[type="radio"]:disabled {background-color: lightgray; box-shadow: none; opacity: 0.7; cursor: not-allowed;}
.radio_box input[type="radio"]:disabled + span {opacity: 0.7; cursor: not-allowed;}


.chk_box2 {border: none; margin: 0; padding: 0; font-family: Malgun Gothic,'맑은 고딕','Noto Sans KR',AppleSDGothicNeo-Light,AppleGothic,Dotum,'돋움',sans-serif;}
.chk_box2 label { line-height: 2rem; padding: 0.2em 0.4em;}
.chk_box2 span {display: inline-block; margin-left:0.2em;}
.chk_box2 input[type="checkbox"] {appearance: none; border: max(2px, 0.1em) solid gray; border-radius: 50%; width: 1.25em; height: 1.25em; transition: border 0.5s ease-in-out;}
.chk_box2 input[type="checkbox"]:checked {background:url('../img/chk.png') center center no-repeat #3027b6; background-size:80%; border-color:#3027b6; }
.chk_box2 input[type="checkbox"]:disabled {background-color: lightgray; box-shadow: none; opacity: 0.7; cursor: not-allowed;}
.chk_box2 input[type="checkbox"]:disabled + span {opacity: 0.7; cursor: not-allowed;}


.table_wrap {scrollbar-width: none; overflow-x:scroll; overflow-y: hidden; white-space: nowrap; cursor: pointer; transition: all 0.2s; transform: scale(0.98); will-change: transform; position: relative; -webkit-overflow-scrolling: touch; user-select: none;}
.table_wrap::-webkit-scrollbar {display: none;}
.scroll_txt {float:right; margin-top:10px; background:url('../img/swipe.svg') left center no-repeat; background-size:28px; line-height:30px; padding-left:30px; color:#666; font-size:14px; display:none;}

.table_wrap .t01 {min-width:768px;}
.t01 thead {background:#f5f5f5;}
.t01 th, .t01 td{padding:10px 0; font-size:1.05rem;}
.t01 tbody th{text-align:left; font-weight:600;}
.t01 tbody td{text-align:center; border-bottom:1px solid #ddd; border-left:1px dashed #ddd;}
.t01 tbody td:first-child {border-left:0;}
.t01 td span {position:relative; display:block;}
.t01 td span:after {/*position:absolute; */right:0; content:"mm"; display:inline-block; margin-left:10px; color:#aaa;}

.t02 {border-top:1px solid #ddd; border-left:1px solid #ddd;}
.t02 th, .t02 td{border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:12px; font-size:1.15rem;}
.t02 thead th{background:#f5f5f5; word-break:keep-all;}
.t02 tbody td {text-align:center;}
.t02 tbody td span {position:relative; display:block;}
.t02 .btn {border-radius:3px; padding: 0px 7px; font-size: 0.70rem; line-height: 26px; margin-top:3px;}


.t03 {border-top:1px solid #ddd; border-left:1px solid #ddd; }
.t03 th, .t03 td{border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:12px; font-size:1.15rem;}
.t03 th{background:#f5f5f5; word-break:keep-all;}
.t03 tbody th {text-align:left}
.t03 tbody td {text-align:center;}
.t03 tbody td span {position:relative; display:block;}
.t03 .btn {border-radius:3px; padding: 0px 7px; font-size: 0.70rem; line-height: 26px; margin-top:3px;}

#pagination {width: 100%;  text-align: center; margin:20px 0;}
#pagination > ul > li {display: inline-flex; justify-content: center; align-items: center; }
#pagination > ul > li > a, #pagination > ul > li > span{display: block; font-size:14px;border-radius: 50%; vertical-align: middle; border: 1px solid #ddd; overflow:hidden; width: 40px; line-height: 40px; height: 40px;transition: background-color .25s ease; margin: 0 1px;}
#pagination > ul > li > a:hover,
#pagination > ul > li > a.on, #pagination > ul > li.active > a{border-color: #666; font-weight: 500;}
#pagination > ul > li > a.btn{background-repeat: no-repeat; background-position: center center; border-color: #ddd;}

.page {padding-top:30px; padding-bottom:110px; min-height:calc(100vh - 60px);
background: #fafbff;
background: -moz-linear-gradient(top, #fafbff 0%, #d9ebff 100%);
background: -webkit-linear-gradient(top, #fafbff 0%,#d9ebff 100%);
background: linear-gradient(to bottom, #fafbff 0%,#d9ebff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafbff', endColorstr='#d9ebff',GradientType=0 );
}


#privacy {}

#privacy h1{margin-bottom:50px; font-size:2.5rem; text-align:center;}
#privacy h1 span {display:block; font-size:1.65rem}
#privacy_text {padding: 20px; background: #f8f8f8; color:#5a5a5a; height: 150px; overflow-x: hidden; overflow-y: scroll; line-height:1.5; border-radius:15px; margin-bottom:20px; font-size:14px;}
#privacy .user_form {width:95%; margin-left:auto; margin-right:auto;}
#privacy li {margin-bottom:30px; color:#545d66; font-size:1.25rem;}
#privacy li label {display:block; font-size:1.25rem; margin-bottom:10px;}
#privacy li input[type="text"], #privacy li input[type="number"], #privacy li input[type="password"] {border:1px solid #ddd; background:#fff; width:100%; border-radius:50px; padding:15px 25px;}
#privacy input::placeholder {color: #abafb9;}
#privacy input::-webkit-input-placeholder {color: #abafb9;}
#privacy input::-ms-input-placeholder {color: #abafb9;}

.info_box {position:relative; display:flex; justify-content: space-between;}
.info_box.info_box1 { justify-content: center;}

.info_box > div {/*position:relative;*/ background:#fff; /*width:49%; */ text-align:center; border-radius:20px; border:1px solid #ddd; padding:0px !important; overflow:hidden; position:relative; }
#info .info_box > div, #info02 .info_box > div {padding:10px !important; }
.info_box > div.arr + div {border:1px solid #3027b6}
.info_box > div + div {margin-left:2%;}
.info_box > div.arr:before {display: inline-block; position:absolute; content: ''; width:78px; height: 45px; right:calc(50% - 39px); top:calc(50% - 22.5px); background:url('../img/arr2.png') left center no-repeat; background-size:auto 100%; z-index:9}
.info_box > div > span {display:block; margin-top:10px; font-size: 1.05rem;}
.info_box + ul, ul + .info_box {margin-top:30px;}
.info_box2 {position:relative; display:flex; justify-content: space-between;}
.info_box2 > div {position:relative; background:#fff; width:31%; text-align:center; border-radius:20px; border:1px solid #ddd; padding:0px;}
.info_box2#diagnosis > div {border:1px solid #3027b6}
#info03 h3 {color: #fff; border-radius: 50px; background: #3027b6; display: inline-block; padding:5px 20px; font-weight: 500; font-size: 1.25rem;}
.info_box2 + h3 {margin-top:30px;}

.info_box3 {position:relative; display:flex; justify-content: space-between;}
.info_box3 > div {position:relative; background:#fff; /*width:49%; */ text-align:center; border-radius:20px; border:1px solid #ddd; padding:30px;}
.info_box3 > div:last-child {border:1px solid #3027b6}
.info_box3 > div:first-child:before {display: inline-block; position:absolute; content: ''; width:78px; height: 45px; right:-60px; top:calc(50% - 22.5px); background:url('../img/arr2.png') left center no-repeat; background-size:auto 100%; z-index:9}
.info_box3 > div > span {display:block; margin-top:10px; font-size: 1.05rem;}


#login_wrap header {display:none;}
#login_wrap footer {display:none;}
#login_wrap #container {margin-top: 0px;}
.page#login {height:100vh; overflow:hidden;
background: #5885fb;
background: -moz-linear-gradient(left, #5885fb 0%, #7a7dfe 100%);
background: -webkit-linear-gradient(left, #5885fb 0%,#7a7dfe 100%);
background: linear-gradient(to right, #5885fb 0%,#7a7dfe 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5885fb', endColorstr='#7a7dfe',GradientType=1 );}
.page#login .wrap {display:flex; justify-content:center; align-self:center; flex-direction: column}
.page#login h1 {display:none;}
.page#login h2 {text-align:center;}
.page#login h2 strong {display:block; color:#fff; font-size: 3.5rem; font-family: 'GmarketSansBold';}
.page#login h2 span {position:relative; display: inline-block; box-shadow: inset 0 -15px 0 0 rgba(0,51,255,0); padding:0px; color:#fff; margin-top:10px;}
.page#login h2 span img {width:100%; /*width:300px; */}
.page#login h2 span i {position:absolute; bottom:0; right:-100px; font-size: 1.85rem; color:rgba(255,255,255,0.7)}
.page#login h3 {text-align:center; color:#fff; font-weight:500;}
.page#login h3:before {display: inline-block; content: ''; width:45px; height:45px; margin-right:10px; vertical-align:middle; background:url('../img/desktop.svg') left center no-repeat; background-size:cover;}
#login ul {margin:50px auto 0; width:80%}
#login li {font-size:1.25rem; margin-bottom:15px;}
#login li label {display:block; font-size:0rem; margin-bottom:0px;}
#login li input[type="text"], #login li input[type="number"], #login li input[type="password"] {border:0; width:100%; border-radius:50px; padding:15px 25px;}
#login input::placeholder {color: #abafb9;}css
#login input::-webkit-input-placeholder {color: #abafb9;}
#login input::-ms-input-placeholder {color: #abafb9;}
#login .btn {width:80% !important;}


.btn_register {color:#fff; display: inline-block; border-radius: .5em; background:#ff3366; padding:8px 20px; position:absolute; right:0; top:0}


.page#guide, .page#analyze {background:#f5f5f5}
#guide .box, #analyze .box {}

#guide h2 span, #analyze h2 span {box-shadow: inset 0 -15px 0 0 rgba(0,51,255,0);}
#guide h4 {font-size: 1.25rem; margin-top:30px; margin-bottom:10px;}

#history section {}
#history #search_box {display: flex; justify-content: flex-start; align-items: center; text-align:center;}
.history_list {position:relative; background:#fff; padding:30px;}
.history_list > div {position:relative; border-top:1px solid #ddd; margin-top:30px; padding-top:30px;}
.history_list > div:first-child {border-top:0; margin-top:0px; padding-top:0px;}
.history_list h3 {/*text-align:center; */}
.history_list h3 span {position:relative; display:inline-block; /*color:#3027b6;*/ box-shadow: inset 0 -15px 0 0 rgb(0, 0, 0, 0.1); padding: 0 2px;}
.history_list h3 span:after {}
.history_list #result_txt {padding:10px;}
.history_list #result_img li {border:1px solid #ddd;}
.history_list .btn_small {position:absolute; top:30px; right:0px;}
.history_list .btn_small2 {right:90px;}
.history_list > div:first-child .btn_small {top:-5px !important;}

.page#shoot {background:#f4f5fa;}
#shoot_top {background:url('../img/shoot_top.jpg') center top no-repeat !important; background-size:cover !important;}
#shoot_top h3 {font-family: 'GmarketSansBold'; font-size: 2rem; margin-bottom: 5px !important;}
#shoot_top p {font-size: 1.35rem;}
#shoot form + h3 {margin-top:30px;}
.example {border-top:1px solid #ddd; padding-top:30px; margin-top:30px;}

.shooting {display:flex; justify-content: space-between; margin-bottom:20px;}
.shooting > div {width:48%;}
.shooting > div a {position:relative; display:block; width:100%; border-radius:20px; padding:50px; line-height:50px; color:#fff; background-size:170px auto !important; font-weight:500; font-size: 1.45rem;}
.shooting > div a:after {position:absolute; left:30px; top:10px; z-index:9; font-family: 'HSJiptokki'; font-size:40px; color:rgba(255,255,255,0.5)}

.shooting > div:first-child a{background:url('../img/shoot_front03.png') #6d8bfb 95% -10% no-repeat; box-shadow:3px 4px 7px rgba(120,125,254,0.5);}
.shooting > div:first-child a:after {content: '1';}
.shooting > div:last-child a{background:url('../img/shoot_side03.png') #6260fb 95% -10% no-repeat; box-shadow:3px 4px 7px rgba(120,125,254,0.5);}
.shooting > div:last-child a:after {content: '2';}

.shooting > div a span {position:absolute; right:10px; bottom:-8px; display: inline-block; content: ''; width: 70px; height: 80px; margin-left:10px; background:url('../img/click.svg') left top no-repeat; background-size:cover;
-webkit-animation:blink 2.5s ease-in-out infinite alternate;
-moz-animation:blink 2.5s ease-in-out infinite alternate;
animation:blink 2.5s ease-in-out infinite alternate;}


.shoot_prev {display:flex; justify-content: space-between; margin-bottom:20px;}
.shoot_prev > div {width:48%; background:#f5f5f5; text-align:center; border-radius:20px; padding:20px; background-size:cover !important; aspect-ratio: 1/1;}
.shoot_prev > div:first-child {background:url('../img/preview_front03.png') #f5f5f5 center center no-repeat;}
.shoot_prev > div:last-child {background:url('../img/preview_side03.png') #f5f5f5 center center no-repeat;}
.shoot_prev > div > span {font-size:0}


@-webkit-keyframes blink{
0% {opacity:0;}
100% {opacity:1;}
}
@-moz-keyframes blink{
0% {opacity:0;}
100% {opacity:1;}
}
@keyframes blink{
0% {opacity:0;}
100% {opacity:1;}
}




#modeling_wrap,
#shoot_processing_wrap {height:100vh; overflow:hidden}
#modeling_wrap #hd,
#shoot_processing_wrap #hd,
#modeling_wrap footer,
#shoot_processing_wrap footer{display:none;}
#modeling_wrap #container{margin-top: 0px; background:#7a7dfe}
#shoot_processing_wrap #container {margin-top: 0px; background:#5885fb}
#modeling{padding-top:0px; background:#7a7dfe}

#shoot_processing {padding-top:0px; background:#5885fb}
.page#shoot_processing {height:100vh; overflow: hidden;background:#5885fb;}
.page#modeling {height:100vh; overflow:hidden; background:#7a7dfe;}


#loading {padding:0; position:fixed; left:0; top:0; width:100%; display:flex; flex-direction: column; height:100vh; ; justify-content: center; align-items: center}
#loading_text {display:none;}

.progress_bar{text-align: center; position: fixed; left:0; bottom:9%; width:100%; z-index:999;}
.progress_bar b {color: #fff;}
.progress_bar div {color: rgba(255,255,255,0.7); font-size: 1.15rem; font-family: 'GmarketSansMedium';}

@media all and (min-width:651px){
.progress_bar{bottom:15%}
}

#login input.btn, #privacy input.btn,
#profile .btn,
#info .btn,
#info02 .btn,
#info03 .btn,
#shoot .btn,
#result .btn {line-height: 60px; width:48%; font-size:1.3rem;padding-left:0 !important; padding-right:0 !important;}
#login input.btn, #privacy input.btn {height: 60px}
#privacy input.btn  {width:100% !important;}

#profile .btn02, #profile .btn05 {width:48% !important;}

#profile .btn img {width:40px;}

#result .t01 {margin-top:10px;}
#result_img ul {display:flex; justify-content: space-between; margin-bottom:30px;}
#result_img li {width:48%; background:#f5f5f5; aspect-ratio: 1/1; border:1px solid #3027b6;}
#result_img li img {width:100%; height:auto;}
#result_txt {border:1px solid #3027b6;}
#result_txt > p {font-family: 'GmarketSansMedium'; font-size: 1.65rem; text-align:center; word-break:keep-all;}
#result_txt > p > span {display:inline-block; padding-left:35px; word-break:keep-all;}
#result_txt > p > span:before {position:absolute; display: inline-block; background:url('../img/list.png') left center no-repeat; margin-left:-35px; background-size:37px; width: 37px; height: 37px; content: '';}
#result_txt > p > span > strong {color:#ff3366;}
#result_txt > p > strong {display:block; color:#ff3366; line-height: 30px; padding-left:45px;}
#result_txt > p > strong.recipe:before {position:absolute; display: inline-block; background:url('../img/arr2.png') left center no-repeat; margin-left:-45px; background-size:37px; width: 37px; height: 27px; content: '';}


#report_wrap #container {/*height: calc(100vh - 60px); overflow-y:auto;*/}
.report_top .box {padding:0; margin-bottom:30px; line-height:1.2;}
.report_top h3 {text-align:center; font-family: 'GmarketSansMedium'; color:#3027b6; padding:10px; font-size: 1.35rem; background: #fff;}
#container .report_top h3 {margin-bottom:0;}
#report01 h3 {background:#eee; color:#5885fb;}
#report02 h3 {background:#7a7dfe; color:#fff;}
#report03 h3 {background:#3027b6; color:#fff;}
#report .box01 > ul {display:flex; justify-content: space-between; margin-bottom:30px; padding: 20px 40px;}
#report .box01 > ul > li {width:48%; /*background:#f5f5f5; */ border:1px solid #ddd; /*aspect-ratio: 3/4; */}
#loading_normal_front, #loading_normal_side, #loading_current_front, #loading_current_side, #loading_future_front, #loading_future_side {background:#f5f5f5; text-align:center;}
.bone_contant {overflow:hidden; position: relative;}
.bone_contant canvas {width:100% !important; height:auto !important;}
li.bone_contant {}
li.bone_contant canvas {/*padding:30% 18% 0*/}
li.bone_contant > div {position:relative; height:100%; display:block; aspect-ratio: 3/4;}
li.bone_contant > div + div {}
#loading_text, .loading_text {text-align:center; word-break:keep-all; position:absolute; font-size:14px; bottom:5%; left:0; width:100%; color:#fff;}
#report03.box01 > ul > li {border:1px solid #3027b6;}

#report03 > div {padding:40px;}
#report03 > div > dl + dl {margin-top:20px;}
#report03 > div > dl > dt {background:#3027b6; color:#fff; padding:15px; text-align:center; border-radius:10px; margin-bottom:15px; font-size: 1.25rem;}
#report03 > div > dl > dd {/*background:#f5f5f5; */}
#report03 > div > dl > dd > dl {background:#fff; /*border:1px solid #ddd; padding:10px 20px; */font-size:0;}
#report03 > div > dl > dd > dl > dt {position:relative; display: block; width:100%; font-size: 1.05rem; background:#aaa; color:#fff; text-align:center; border-radius:10px; padding:10px;}
#report03 > div > dl > dd > dl > dd {display: block; width:100%; font-size: 1.05rem; padding:10px; text-align:center; color: #ff3366;}



#report04 > div {width:100%;}
#report04 > div:after {display:block; visibility:hidden; clear:both; content:""}
/*#report04 > div > dl {width:48%; float:right;}
#report04 > div > dl:first-child {float:left;}*/

#report04 > div > dl + dl {margin-top:20px;}
#report04 > div > dl > dt {background:#3027b6; color:#fff; padding:15px; text-align:center; border-radius:10px; margin-bottom:15px; font-size: 1.25rem;}
#report04 > div > dl > dd {background:#f5f5f5;}
#fhp_view_info canvas {width:90% !important; height:auto !important; margin:0 5%;}
#report04 > div > dl:last-child dd#balance_content {aspect-ratio: 1/1;}
#balance_content canvas {aspect-ratio: 1/1;}
#loading_fhp {text-align:center;}
#report04 > div > dl:first-child dd {background:#fff; /*aspect-ratio: 3/4; */}
#report04 > div > dl:last-child dd {aspect-ratio: 4/3;}
#report04 > div > dl > dd > dl {background:#fff; /*border:1px solid #ddd; padding:10px 20px; */font-size:0;}
#report04 > div > dl > dd > dl > dt {position:relative; display: block; width:100%; font-size: 1.05rem; background:#aaa; color:#fff; text-align:center; border-radius:10px; padding:10px;}
#report04 > div > dl > dd > dl > dd {display: block; width:100%; font-size: 1.05rem; padding:10px; text-align:center; color: #ff3366;}


#report0503 canvas {padding:10%;}
#report05 > div {display:block; width:100%; float:left;}
#report05 > div:after {display:block; visibility:hidden; clear:both; content:""}
#report05 > div + div {margin-top:50px;}
#report05 > div#report0501 canvas {width:100% !important; height:auto !important;}
/*#report05 > div#report0502 {width:48%;}
#report05 > div#report0503 {width:48%; float:right;}*/
#report06 {position:relative; font-size:0; text-align:center;}
#report06:before {position:absolute; display: inline-block; content: ''; width: 20%; height: 100%; left:40px; top:0; background:url('../img/shoot_front02.png') left center no-repeat; background-size:auto 80%;}
#report06:after {position:absolute; display: inline-block; content: ''; width: 20%; height: 100%; right:40px; top:0; background:url('../img/bone_front.png') right center no-repeat; background-size:auto 80%;}
#report06 ul {display: inline-block; width:50%; margin:0 auto; vertical-align:top;}
#report06 ul li {position:relative; font-size: 1.15rem; text-align:center; background:#eee; margin-bottom:5px; padding:10px;}
#report06 ul li.current {font-size: 1.25rem; color: #fff; font-weight:600; background:#3027b6; box-shadow:3px 4px 7px rgba(120,125,254,0.5);}
#report06 ul li.current:after {position:absolute; display: inline-block; content: ''; width:calc(100% + 20px); height:calc(100% + 20px); left:-10px; top:-10px; border:2px dashed #ff3366; z-index:9;}

#report06 ul li:nth-child(1).current {background:#ff3366; box-shadow:3px 4px 7px rgba(255,51,102,0.5);}
#report06 ul li:nth-child(2).current {background:#d63176; box-shadow:3px 4px 7px rgba(214,49,118,0.5);}
#report06 ul li:nth-child(3).current {background:#ad2e86; box-shadow:3px 4px 7px rgba(173,46,134,0.5);}
#report06 ul li:nth-child(4).current {background:#822c96; box-shadow:3px 4px 7px rgba(130,44,150,0.5);}
#report06 ul li:nth-child(5).current {background:#5b29a5; box-shadow:3px 4px 7px rgba(91,41,165,0.5);}
#report06 ul li:nth-child(6).current {background:#3027b6; box-shadow:3px 4px 7px rgba(120,125,254,0.5);}

#popup_area{position: fixed;  left: 0;  right: 0;  top: 0;  bottom: 0;  z-index: 999;  cursor: pointer; height:100%; background: rgba(0, 0, 0, 0.3);}
#popup_content {position: fixed;  left: 50%;  top: 50%;  z-index: 2;  transform: translate3d(-50%, -50%, 0);  height:auto !important; background:#fff;  padding:20px;border-radius:10px;box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.05); }
#popup_area h2 {background: url('../img/symbol.png') left top no-repeat; text-align:left; background-size:35px; line-height:35px; padding-left:42px; color:#3027b6; margin-bottom:25px; padding-bottom:15px; border-bottom:1px solid #ddd;}
#popup_area p.noti {margin-bottom:20px; line-height:1.4; word-break:keep-all;}
#popup_area .list {margin-bottom:10px;}
#popup_area .close {position:absolute; top:-40px; right:-20px; width:60px; height:60px; background:none;  font-size:0px; border:0; padding:15px; z-index:99}
.close span {display:block; width:100%; height:2px; background:#333;}
#popup_area .close span {background:#fff;}
.close span:nth-child(1) {top:50%; transform:translateY(-50%) rotate(45deg);}
.close span:nth-child(2) {width:0 !important;}
.close span:nth-child(3) {bottom:auto; top:50%; transform:translateY(-200%) rotate(-45deg);}

#profile {background:url('../img/profile_bg.png') #f8f8f8 left top; background-size:100% auto;}
#profile h1 {/*display:none;*/}
#profile section {position:relative; background:#fff; padding:20px; box-shadow:3px 4px 7px rgba(0,0,0,0.05); border-radius:15px;}
.profile_top {background:url('../img/profile_mem.png') #fff 90% center no-repeat !important; background-size: auto 80% !important;}
.profile_top h3 {font-family: 'GmarketSansBold'; font-size: 2rem; margin-bottom: 5px !important;}
.profile_con {/*background:url('../img/profile.png') center 15% no-repeat; */background: #e2e8fe; /*min-height:calc(100vh - 200px); */text-align:center;}
.profile_con img {/*max-height:calc(100vh - 250px); */ max-width:60%;}
#profile div {}
#profile dl {position:absolute; font-family: 'GmarketSansMedium'; background:#fff; padding:20px; display:inline-block; min-width:30%; box-shadow:7px 7px 0px rgba(0,0,0,0.05); border-radius:0px; border:1px solid #f5f5f5;}
#profile dl:before {position:absolute; display: inline-block; content: ''; width: 100px; height: 50px; left:-7.5px; top:-7.0px; z-index:9; /*background:#eee; border-radius:50px; box-shadow:inset 2px 2px 0px rgba(0,0,0,0.08)*/background:url('../img/clip.png') left top no-repeat; background-size:40px}
#profile dt {position:relative; text-align:left; padding-left:15px; font-size:1.05rem; margin-bottom:10px;}
#profile dt span {display:inline-block; color:#000; /* box-shadow: inset 0 -12px 0 0 rgba(255,51,102,0.2); */ box-shadow: inset 0 -10px 0 0 rgba(0,51,255,0.2); padding:0 2px;}
#profile dt:before {position:absolute; display: inline-block; content: ''; width: 15px; height: 15px; left:-10px; top:-10px; background:url('../img/clip02.png') left top no-repeat; background-size:15%}

.profile01 {top:10%; left:5%;}
.profile02 {top:15%; right:5%;}
.profile03 {bottom:15%; left:5%;}
.profile04 {bottom:18%; right:5%;}
#profile dd {text-align:right; font-family: 'GmarketSansBold'; color: #ff3366; font-size:1.25rem;}
#profile .my_profile {/*position:absolute; bottom:30px; width:100%; background:rgba(88, 133, 251,0.1)*/}
#profile .my_profile:before {position:absolute; display: inline-block; content: ''; width: 15px; height: 15px; right:15px; top:15px; background:#eee; border-radius:50px; box-shadow:inset 2px 2px 0px rgba(0,0,0,0.08)}
#profile .my_profile li {padding-bottom:5px; margin-bottom:5px; border-bottom:1px dashed #ddd;}
#profile .my_profile li:last-child {padding-bottom:0px; border-bottom:0}


#immigration_report {b/*ackground:url('../img/profile_bg.png') #f8f8f8 left top; */background-size:100% auto;}
#immigration_report h1 {/*display:none;*/}
#immigration_report section {position:relative; background:#fff; padding:20px; box-shadow:3px 4px 7px rgba(0,0,0,0.05); border-radius:15px;}
.immigration_report_top {background:url('../img/profile_mem.png') #fff 90% center no-repeat !important; background-size: auto 80% !important; /*border:1px solid #5885fb;*/}
.immigration_report_top h3 {font-family: 'GmarketSansBold'; font-size: 2rem; margin-bottom: 5px !important;}
#immigration_report section.immigration_report_con {padding-top:40px;/*background:url('../img/immigration_report.png') center 15% no-repeat; */background: #fff; /*min-height:calc(100vh - 200px); */text-align:center; display:flex;flex-direction: column; align-items: center;}
.immigration_report_con:after {position:absolute; display: inline-block; content: ''; width: 100px; height: 45px; left:calc(50% - 50px); top:-25px; background:url('../img/immigration_report.png') no-repeat; background-size:cover;}

.immigration_report_con img {/*max-height:calc(100vh - 250px); */ max-width:55%;}
.immigration_report_con > a.btn {margin:25px 0 10px; width:60%; padding:0px 35px 0 15px; min-width:200px;}
#immigration_report div {}
#immigration_report dl {position:absolute; font-family: 'GmarketSansMedium'; background:#fff; padding:15px; width:30%; display:inline-block; box-shadow:7px 7px 0px rgba(0,0,0,0.05); border-radius:0px; border:1px solid #f5f5f5;}
#immigration_report dl.caution { border:1px solid #ddd;}
#immigration_report dl:before {position:absolute; display: inline-block; content: ''; width:36px; height: 36px;right:17px; top:-17px;; z-index:9; background:url('../img/face2.png') no-repeat;background-size:cover}
#immigration_report dl.caution:before {background:url('../img/face.png') no-repeat; background-size:cover}
#immigration_report dt {position:relative; text-align:left; font-size:1.05rem; margin-bottom:8px; z-index:9}
#immigration_report dt span {display:inline-block; color:#000;  box-shadow: inset 0 -10px 0 0 rgba(0,0,0,0.1); padding:0 2px; letter-spacing:-1px;}
#immigration_report .caution dt span {box-shadow: inset 0 -10px 0 0 rgba(255,51,102,0.2);}


.immigration_report01 {top:5%; left:2%;}
.immigration_report02 {top:7%; right:2%;}
.immigration_report03 {top:27%; left:5%;}
.immigration_report04 {top:32%; right:5%;}
.immigration_report05 {top:50%; left:3%;}
.immigration_report06 {bottom:22%; right:2%;}
#immigration_report dd {text-align:right;  /*font-family: 'GmarketSansMedium'; color: #ff3366; */}
#immigration_report dd p {font-family: 'Spoqa Han Sans Neo','Noto Sans KR',AppleSDGothicNeo-Light,AppleGothic,Dotum,'돋움',sans-serif; /*word-break:keep-all;*/ font-size:16px; margin-bottom:5px; line-height:1.1;}
.btn_view {display:inline-block; font-size:0.95rem; background:url('../img/ico_view.png') #7a7dfe 92% center no-repeat; background-size:20px; color:#fff; padding:0px 32px 0 10px; border-radius:30px; line-height:30px;}

#immigration_report .my_immigration_report {/*position:absolute; bottom:30px; width:100%; background:rgba(88, 133, 251,0.1)*/}
#immigration_report .my_immigration_report:before {position:absolute; display: inline-block; content: ''; width: 15px; height: 15px; right:15px; top:15px; background:#eee; border-radius:50px; box-shadow:inset 2px 2px 0px rgba(0,0,0,0.08)}
#immigration_report .my_immigration_report li {padding-bottom:5px; margin-bottom:5px; border-bottom:1px dashed #ddd;}
#immigration_report .my_immigration_report li:last-child {padding-bottom:0px; border-bottom:0}


.page#manage_member{background:#f5f5f5; /*padding-top: 80px;*/}
#manage_member #search_box {text-align:center;}
#manage_member #search_box h2 {text-align:left; margin: 0 0 20px 0;}
#manage_member #search_box > div {text-align:left; }
#manage_member #search_box > div:after {content:""; display:table; clear:both}
#manage_member #search_box > fieldset {text-align:left; display: block; position:relative; padding-left:100px;margin-top:10px;}
#manage_member #search_box > fieldset + fieldset, #manage_member #search_box > fieldset + div {display: block;}
#manage_member #search_box > fieldset + div {text-align:left;}

#manage_member #search_box > fieldset > label {position:absolute; left:0; top:10px;width:100px; padding-left:0;}
#manage_member #search_box > fieldset > label:before {display: inline-block;content: '';background-size: cover !important;width: 4px;height: 4px;border-radius: 100%;background: #888;margin-right: 5px;vertical-align: middle;}
#manage_member #search_box > fieldset > div {display: inline-block;}
#manage_member #search_box > fieldset > span {display: inline-block;}
#manage_member #search_box .btn_search {display:inline-block;position:absolute; right:30px; bottom:30px;}

.member_class {margin-bottom:30px; padding-bottom:50px; border-bottom:1px solid #ddd;}
.member_class ul {margin:0; font-size:0; scrollbar-width: none; overflow-x:scroll; overflow-y: hidden; white-space: nowrap; cursor: pointer; transition: all 0.2s; transform: scale(0.98); will-change: transform; position: relative; -webkit-overflow-scrolling: touch; user-select: none;}
.member_class ul::-webkit-scrollbar {display: none;}
.member_class li {display:inline-block; padding-bottom:5px;}
.member_class li input[type='button'] { font-size:1.15rem; border: 1px solid #ddd; background:#f5f5f5; border-radius: .5em;  padding:0px 10px; line-height:1.5; font-weight:500;}
.member_class li.total input[type='button']{color:#fff; border: 1px solid #5885fb; background: #5885fb;}
.member_class li.current input[type='button']{color: #3027b6; border: 1px solid rgba(0,0,0,.06); /*border: 1px solid #ff3366; background:#ff3366;*/ background: rgba(0,51,255,0.2);font-weight:700; box-shadow: 2px 2px 2px rgba(0,0,0,.04);}
.member_class li + li {margin-left:5px;}

.member_list {font-size:0; }
.member_list + .member_list {border-top:1px dashed #ddd; margin-top:10px; padding-top:20px;}
.member_list h3 {display:inline-block;border-radius: .5em;background:#f5f5f5;;font-size:0; line-height:20px; border: 1px solid rgba(0,0,0,.06);background: rgba(0,51,255,0.2); padding:.3em .4em; box-shadow: 2px 2px 2px rgba(0,0,0,.04);}
.member_list h3 img {width:20px;}
.member_list li {font-size:0.95rem; display:inline-block; width:calc(94% / 4); margin-right:2%; vertical-align:top; text-align:center; margin-bottom:15px; border-radius: .5em; overflow:hidden;}
.member_list li:nth-child(4n) {margin-right:0;}
.member_list li a span {display:block; padding:15px 10px;width: 100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;word-break: normal;}
.member_list li a span.m {background:#fafbff;}
.member_list li a span.w {background:#ffeff3;}
.member_list li a img {display:block; width:22%; margin:0 auto 5px;}
.mem_count {position:absolute; right:30px; top:30px;}


#add_member fieldset{display: inline-block;}
#add_member ul {font-size:0;}
#add_member li {position:relative; padding-left:120px; font-size:0.95rem; line-height:1.5; margin-bottom:10px; text-align:left;}
li.w50 {display: inline-block; width:50%;}
#add_member li:last-child {margin-bottom:0;}
#add_member li > label {position:absolute; left:0;display: inline-block; left:0px; top:8px;}
#add_member li > label:before {display: inline-block; content: '';background-size:cover !important; width: 4px; height: 4px; border-radius: 100%; background: #888; margin-right:5px; vertical-align:middle;}
#add_member input[type='text'],#add_member input[type='number'], #add_member input[type='password'] {display: inline-block; max-width:150px; line-height: 1.5; background: #fff; padding: .5em; border: 1px solid #ddd; border-radius: .5em;}
input.fullinput {width:100%;}
input.halfinput {width:50%; min-width:230px;}
#add_member textarea {display: inline-block; line-height: 1.5; background: #fff; padding: .5em; border: 1px solid #ddd; border-radius: .5em;width:calc(100% - 0px)}
#add_member input.address {margin-top:5px; max-width:100% !important;}
#add_member .birth > span {display: inline-block; margin-right:10px;}

.rwd-table {width: 100%;}
.rwd-table thead tr {color: #fff;background: #5885fb;
background: -moz-linear-gradient(left, #5885fb 0%, #7a7dfe 100%);
background: -webkit-linear-gradient(left, #5885fb 0%,#7a7dfe 100%);
background: linear-gradient(to right, #5885fb 0%,#7a7dfe 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5885fb', endColorstr='#7a7dfe',GradientType=1 );}
.rwd-table thead th.bo_l {border-left: 1px solid #fff;}
.rwd-table thead th.bo_b {border-bottom: 1px solid #fff;}
.rwd-table tbody th {border-bottom: 1px solid #ddd; background: #f5f5f5f5; font-weight:600;}
.rwd-table tbody th span {font-size:17px; word-break:keep-all; position:relative; padding:0 .5em; display:flex;align-items: center;}
.rwd-table tbody th span i {/*position:absolute; */left:0; display:inline-block; width:30px; height:30px; line-height:30px;text-align:center; border-radius:50%; background: rgb(0 51 255 / 15%); margin-right:7px;}

.rwd-table tbody td {border-bottom: 1px solid #ddd; background: #fff; text-align:center;border-left: 1px solid #ddd; word-break:keep-all;}
.rwd-table th, .rwd-table td {;padding: .5em;}

.radioBtn { display: none; /* 라디오 버튼 숨기기 */}
.image-container {position: relative; display: inline-block; text-align:center; width:80px; height:auto; aspect-ratio:1/1;}
.checkMark {position: absolute; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%); display: none; font-size: 3.0em;  color: #ff3366; background: rgba(255,51,102,0.1); width:90%; height:90%; border-radius:50%; /*border:1px solid #ff3366;*/}
.image-container2 {position: relative; display: inline-block; text-align:center; width:70px; height:auto; aspect-ratio:1/1;}
.checkMark2 {position: absolute; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%); display: none; font-size: 3.0em;  color: #ff3366; background: rgba(255,255,255,0.9); width:95%; height:95%; border-radius:50%; /*border:1px solid #ff3366;*/}


.page#notice {background:#fff;}

.tbl_wrap table {width: 100%; border-spacing: 0}
.tbl_wrap caption {padding: 10px 0;font-weight: bold;text-align: left}
.tbl_head01 {margin: 10px 0}
.tbl_head01 table{border-bottom: 1px solid #d3d3d3;}
.tbl_head01 caption {padding: 0;font-size: 0;line-height: 0;overflow: hidden}
.tbl_head01 thead th {padding: 10px 0;border-top: 2px solid #3027b6;border-bottom: 1px solid #d3d3d3;background: #fff;text-align: center; font-weight:500;}
.tbl_head01 thead a {color: #383838}
.tbl_head01 thead th input {vertical-align: top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding: 10px 0;border-top: 1px solid #c1d1d5;border-bottom: 1px solid #c1d1d5;background: #d7e0e2;text-align: center}
.tbl_head01 tbody th {padding: 10px 0;border-top: 1px solid #e9e9e9;border-bottom: 1px solid #e9e9e9}
.tbl_head01 td {padding: 10px 0px;border-top: 1px solid #f3f3f3;/*border-left: 1px solid #f3f3f3;*/line-height: 1.5em;word-break: break-all}
.tbl_head01 td:first-child{border-left: 0}
.tbl_head01 a {display: inline-block; }

.t_left {text-align:left;}

#bo_list .td_board {width: 120px;text-align: center}
#bo_list .td_chk {width: 40px;text-align: center}
#bo_list .td_date {width: 80px;text-align: center;}
#bo_list .td_datetime {width: 130px;text-align: center;}
#bo_list .td_group {width: 100px;text-align: center}
#bo_list .td_mb_id {width: 100px;text-align: center}
#bo_list .td_mng {width: 60px;text-align: center}
#bo_list .td_name {width: 100px;text-align: left;}
#bo_list th.td_name {text-align: center}
#bo_list .td_nick {width: 100px;text-align: center}
#bo_list .td_num {width: 45px;text-align: center}
#bo_list .td_num2 {width: 50px;text-align: center}
#bo_list .txt_active {color: #5d910b}
#bo_list .txt_expired {color: #ccc}
#bo_list .td_stat {width: 105px;text-align: center}
#bo_list .td_hit {width: 50px;text-align: center}
#bo_list .td_file {width: 60px;text-align: center}
#bo_list .td_file img {width:20px;}

#bo_v {margin: 10px 0 20px;padding: 0px;border-top: 2px solid #3027b6;}
#bo_v header {border-bottom: 1px solid #ddd;padding: 15px 0; text-align:center;}
#bo_v header h2 {margin-bottom: 0px; word-break:keep-all;}
#bo_v header .if_date {color:#888;font-weight:400; text-align:center; margin-top:5px;}
#bo_v_file {margin: 10px 0; background: #f8f8f8; border-radius:3px; padding:10px;}
#bo_v_file a {display:inline-block;}


/* 페이징 */
.pg_wrap {clear: both;margin: 30px 0 ;text-align: center}
.pg_wrap:after {display: block;visibility: hidden;clear: both;content: ""}
.pg_wrap a {display: inline-block;vertical-align: middle}
.pg_wrap a {border: 1px solid #d4d4d4;color: #555;height: 30px;line-height: 30px;padding: 0 5px;min-width: 30px;text-decoration: none; border-radius:50%; margin:0 2px;}
.pg_current {display: inline-block;background: #3027b6;color: #fff;height: 30px;line-height: 30px;padding: 0 5px;min-width: 30px;border-radius:50%; margin:0 2px;}

.pg_start {text-indent: -999px;overflow: hidden;background: url('../img/btn_first.gif') no-repeat 50% 50%;padding: 0}
.pg_prev {text-indent: -999px;overflow: hidden;background: url('../img/btn_prev.gif') no-repeat 50% 50%;padding: 0}
.pg_end {text-indent: -999px;overflow: hidden;background: url('../img/btn_end.gif') no-repeat 50% 50%;padding: 0}
.pg_next {text-indent: -999px;overflow: hidden;background: url('../img/btn_next.gif') no-repeat 50% 50%;padding: 0}




#bo_sch {border:1px solid #ddd; background:#fff; border-radius:0px; margin:0 auto; text-align:center; width:auto; padding:10px;}
#bo_sch:after {display:block;visibility:hidden;clear:both;content:""}
#bo_sch select{border:0;border-radius:0; height:35px;display: inline-block;box-shadow: 0 1px 0 1px rgb(0 0 0 / 0);}
#bo_sch input[type='text']{height:35px;line-height:35px; border:0;padding:0; background-color:transparent; width:50%; border: 1px solid #d4d4d4; border-radius:3px;}
#bo_sch input[type='submit']{height:35px; color:#fff; display: inline-block; border-radius:3px;background:#ff3366; padding:8px 20px;}



@media all and (max-width:1024px){
/*#manage_member #search_box .btn_search {position:relative; right:auto; bottom:auto; margin:10px auto 0; width:50%;}*/



}

@media all and (max-width:768px){
body {font-size: 87.5%;}
select {margin-right:3px;}


#hd #logo {background-size:45px; font-size:1.85rem; padding: 0 0 0 65px;}

#hd .info_tel {height:40px; line-height:40px;}


.menu h1 {font-size:1.35rem;}
.menu_list li > a {padding:20px 20px; font-size:1.05rem;}

.page {padding-top:20px;}

.navi_list li a {font-size:13px;}
.navi_list li a img {width:25px;}
/*.navi_list li.navi00 a img {width:45px;}*/


.btn, a.btn, button.btn , input.btn{padding: 0px 30px; font-size:1.15rem;}
a.btn {line-height: 45px;}
input.btn {height: 45px;}
button.btn {line-height: 45px;}
.btn04 {padding:3px 10px; font-size:0.85rem;}


.chk_box {font-size:16px;}

.box {padding:30px;}
.box.box05 {padding: 30px 20px 20px;}
.box.box06 {padding:40px 20px 20px;}
.box06:before {height: 15px; background-size: auto 15px;}
div.box {margin-bottom:25px;}
.box.box07 {padding:20px;}


#search_box {padding: 25px;}
#search_box h2 {margin:0 0 10px;}
#search_box form > span {margin:0 10px;}

.list li {line-height: 1.4; font-size:1.15rem;}
.list dt {padding-left: 20px; font-size:1.15rem;}

.list.list01 li {padding-left:12px;}
.list01 li:before {top:11px;}

.list03 dt:before {width: 17px; height: 17px; top:2px;}
.list dd {font-size:1.15rem;}
.list dd span {margin-left:15px;}
.noti {background-size:25px; line-height:25px; padding-left:32px; font-size:1.10rem;}

.scroll_txt {display:block;}
.t01 th, .t01 td{padding:8px 0; font-size:0.95rem;}
.t02 th, .t02 td, .t03 th, .t03 td{padding:8px; font-size:0.95rem;}

#pagination > ul > li > a, #pagination > ul > li > span{font-size:13px;border-radius: 50%; width: 35px; line-height: 35px; height: 35px;}


#container h1{font-size: 2.0rem;}
#container h2 {font-size: 1.25rem; margin-bottom: 15px;}
#container h3 {font-size: 1.45rem; margin-bottom: 15px;}

#container section {margin-top:20px;}
#container section + section {margin-top:50px;}

#privacy h1{font-size:2.2rem; margin-bottom:30px;}
#privacy h1 span {font-size:1.45rem}
#privacy_text {padding: 15px;}
#privacy li {margin-bottom:20px; font-size:1.15rem;}
#privacy li label {font-size:1.05rem; margin-bottom:8px;}
#privacy li input[type="text"], #privacy li input[type="number"] {padding:15px 25px;}

#privacy input::placeholder {color: #abafb9;}
#privacy input::-webkit-input-placeholder {color: #abafb9;}
#privacy input::-ms-input-placeholder {color: #abafb9;}


.page#login h2 {margin-bottom:0;}
.page#login h2 strong {font-size: 3.0rem;}
.page#login h2 span img {width:90%;}

#login ul {margin-top:30px;}
#login li {font-size:1.15rem; margin-bottom:10px;}
#login li input[type="text"], #login li input[type="number"], #login li input[type="password"] {padding:15px 25px;}
.page#login h3:before {width:35px; height:35px; margin-right:5px;}


.info_box > div {padding:25px;}
.info_box > div.arr:before {width:70px; height: 40px; /*right:-50px;*/ top:calc(50% - 20px);}
.info_box + ul, ul + .info_box {margin-top:20px;}
#info03 h3 {padding: 5px 15px; font-size: 1.15rem;}



.example {padding-top:25px; margin-top:25px;}
.btn_ex {background-size:30px; font-size: 1.25rem; padding-left:40px; line-height:30px;}


.page#manage_member{/*padding-top: 70px;*/}
#manage_member #search_box .btn_search { right:25px; bottom:25px;}


.shooting {margin-bottom:15px;}
.shooting > div a {padding:40px; font-size: 1.35rem;}
.shooting > div a:after {font-size:35px;}
.shooting > div a span {width: 63px; height: 70px;}

#shoot_top h3 {font-size: 1.75rem; margin-bottom: 5px;}
#shoot_top p {font-size: 1.25rem;}

.progress_bar{/*bottom:15%*/}

#login input.btn, #privacy input.btn,
#profile .btn,
#info .btn,
#info02 .btn,
#info03 .btn,
#shoot .btn,
#result .btn {line-height: 55px; font-size:1.25rem;}
#login input.btn, #privacy input.btn {height: 55px}
#profile .btn img {width:35px;}

#result_img ul {margin-bottom:25px;}
#result .btn {line-height: 55px; font-size:1.25rem;}
#result_txt > p {font-size: 1.35rem;}
#result_txt > p > strong.recipe:before {}

#result_txt > p > span {padding-left:30px;}
#result_txt > p > span:before {margin-left:-30px; background-size:30px; width: 30px; height: 30px;}


.report_top .box {margin-bottom:20px;}
#report .box01 > ul {margin-bottom:20px; padding: 15px 30px;}
.report_top h3 {padding:8px;}

#report03 > div {padding:30px;}
#report03 > div > dl:last-child {margin-top:15px;}
#report03 > div > dl > dt {padding:10px; border-radius:8px; margin-bottom:10px; font-size: 1.15rem;}
#report03 > div > dl > dd > dl {padding:0;}
#report03 > div > dl > dd > dl > dt {font-size: 0.95rem; border-radius:8px;}
#report03 > div > dl > dd > dl > dd {font-size: 0.95rem; padding:5px;}

#report04 > div > dl:last-child {margin-top:15px;}
#report04 > div > dl > dt {padding:10px; border-radius:8px; margin-bottom:10px; font-size: 1.15rem;}
#report04 > div > dl > dd > dl {padding:0;}
#report04 > div > dl > dd > dl > dt {font-size: 0.95rem; border-radius:8px;}
#report04 > div > dl > dd > dl > dd {font-size: 0.95rem; padding:5px;}

#report05 > div + div {margin-top:30px;}

#container h4 span{font-size: 1.15rem; padding:7px 25px; margin-bottom: 10px;}

#report06:before {left:30px;}
#report06:after {right:30px;}
#report06 ul li {padding: 5px; font-size: 1.05rem;}
#report06 ul li.current {font-size: 1.15rem;}

.history_list > div + div {margin-top:25px; padding-top:25px;}
#history #search_box h2{margin-right:20px;}
.history_list {padding:25px;}
.history_list .btn_small {top:25px;}
.history_list .btn_small2 {right:80px;}

.profile_top {/*background-size:40% auto !important; */}


#manage_member #search_box > fieldset { padding-left:90px;}
#manage_member #search_box > fieldset > label {width:90px;}
#search_box input[type='text'], .inputbox {padding: .4em .6em;}

select {padding: .4em 1.6em .4em .5em;}

.member_class li input[type='button']{font-size:0.95rem; padding:0px 8px;}

.member_list li {font-size:0.85rem;}
.member_list li a span {display:block; padding:10px 5px;}
.member_list li a img {margin:0 auto 3px;}

.member_list h3 {line-height:15px; padding:.2em .3em;}
.member_list h3 img {width:15px;}

.image-container {width:70px;}
.image-container2 {width:60px;}

.immigration_report_con:after {width: 90px; height: 40px; left:calc(50% - 45px); top:-20px; }

#immigration_report dt { font-size:0.95rem;}
#immigration_report dd p {font-size:15px;}
.btn_view {font-size:0.85rem;padding: 0px 28px 0 10px;  background-size: 18px;}
}


@media all and (max-width:650px){
#hd #logo {background-size:40px; font-size:1.65rem;}
#hd #logo span {font-size:0.95rem;}

#hd .info_tel {padding:0 15px;}

.menu_etc dt {margin-bottom:15px;}
#container h1{font-size: 1.85rem;}
#container h2 {font-size: 1.15rem;}
#container h3 {font-size: 1.25rem; margin-bottom: 10px;}
#container h4 span{font-size: 1.05rem; padding:5px 20px; margin-bottom: 5px;}
#container section + section {margin-top:30px;}
.btn_area {margin: 30px auto 0;}
.btn, a.btn, button.btn , input.btn{padding: 0px 25px; font-size:1.05rem;}

.btn_register {padding:5px 15px;}

.box {padding:25px;}
.box04 {padding:20px;}
.box.box06 {padding:40px 20px 20px;}
div.box {margin-bottom:20px;}

#search_box {display:block; padding: 20px;}
#search_box form {justify-content:flex-start;}
select {line-height: 1.3;}
#search_box form > span {margin:0 5px;}
#search_box .btn_search {margin-left:5px;}


.t01 th, .t01 td{padding:7px 0; font-size:0.85rem;}
.t02 th, .t02 td, .t03 th, .t03 td{padding:7px; font-size:0.85rem;}

.list li {font-size:1.05rem;}
.list.list01 li {padding-left:10px;}
.list01 li:before {top:10px;}

.list dt {/*padding-left: 18px; */ font-size:1.0rem;}
#result .list02 li:before {top:2px;}
.list03 dt:before {/*width: 15px; height: 15px; */}
.list dd {font-size:1.05rem;}
.list dd span {margin-left:10px;}
.list dd input[type="text"], .list dd input[type="number"] {width:calc(100% - 45px);}

.noti {background-size:20px; line-height:20px; padding-left:27px; font-size:1.05rem;}
.noti + .box {margin-top:15px;}

.btn_ex {font-size: 1.15rem;}

a.info {top:7px; width:20px; height: 20px;}

#info03 h3 {padding: 5px 12px; font-size: 1.05rem;}


.page#login h2 strong {font-size: 2.5rem;}
#login li {font-size:1.05rem;}


.page#manage_member{/*padding-top: 60px;*/}

.shooting > div a {padding:35px 25px; background-size:135px auto !important; font-size: 1.25rem;}
.shooting > div:first-child a {background-position:95% -10%;}
.shooting > div a:after {font-size:30px;}
.shooting > div a span {width: 57px; height: 65px;}

#login input.btn, #privacy input.btn,
#profile .btn,
#info .btn,
#info02 .btn,
#info03 .btn,
#shoot .btn,
#result .btn {width:65%; line-height: 50px; font-size:1.15rem;}
#login input.btn, #privacy input.btn {height: 50px}
#profile .btn img {width:30px;}

#result_img ul {margin-bottom:20px;}
#result_txt > p {font-size: 1.15rem;}
#result_txt > p > span {padding-left:25px;}
#result_txt > p > span:before {margin-left:-25px; background-size:25px; width: 25px; height: 25px;}
#result .btn {line-height: 53px; font-size:1.15rem;}



#report .box01 > ul {margin-bottom:15px; padding: 10px 25px;}
.report_top h3 {/*padding:5px; */}

#report03 > div {padding:25px;}
#report03 > div > dl:last-child {margin-top:10px;}
#report03 > div > dl > dt {padding:7px; font-size: 1.05rem; margin-bottom: 5px;}
#report03 > div > dl > dd > dl {padding:0;}
#report03 > div > dl > dd > dl > dt {/*width: 95px; */font-size: 0.85rem; padding:7px;}
#report03 > div > dl > dd > dl > dd {/*width:calc(100% - 95px); */font-size: 0.85rem; padding:5px;}

#report04 > div > dl:last-child {margin-top:10px;}
#report04 > div > dl > dt {padding:7px; font-size: 1.05rem; margin-bottom: 5px;}
#report04 > div > dl > dd > dl {padding:0;}
#report04 > div > dl > dd > dl > dt {/*width: 95px; */font-size: 0.85rem; padding:7px;}
#report04 > div > dl > dd > dl > dd {/*width:calc(100% - 95px); */font-size: 0.85rem; padding:5px;}

#report05 > div + div {margin-top:20px;}

#report06:before,
#report06:after {background-size:auto 75%;}

#report06 ul li {font-size: 0.95rem;}
#report06 ul li.current {font-size: 1.05rem;}

#profile dl {padding:15px;}
#profile dt {padding-left:10px; font-size:0.95rem;}
#profile dd {font-size:1.05rem;}

.history_list {padding: 20px;}
.history_list #result_txt {padding:5px;}
.history_list #result_txt > p {font-size: 1.05rem;}
.history_list .btn_small {top:20px;}
.history_list .btn_small2 {right:65px;}

#search_box input[type='text'], .inputbox {line-height: 1.3; padding: .4em .5em;}

#manage_member #search_box > fieldset > label {width:80px;top:8px;}
#manage_member #search_box > fieldset { padding-left:80px;}
#manage_member #search_box .btn_search {position:relative; bottom:auto; right:auto; margin: 10px auto; width:50%;}
#manage_member #search_box select /*#manage_member #search_box input[type='text'] */{margin-bottom:5px;}

.mem_count {right:25px; top:25px;}
.member_class {margin-bottom:25px; padding-bottom:45px;}
.member_list + .member_list {margin-top:10px; padding-top:15px;}

#add_member li {padding-left:0px; font-size:0.85rem; line-height:1.3;}
#add_member li > label {position:relative; display:block; top:auto; margin-bottom:5px;}
#add_member input[type='text'], #add_member input[type='number'], #add_member input[type='password'] {line-height: 1.3; padding: .4em .5em;}
.btn_small {line-height: 1.3; padding: .4em .5em; font-size:13px;}
#add_member .birth > span {margin-right: 5px;}

.image-container {width:65px;}
.image-container2 {width:50px;}
.checkMark, .checkMark2 {font-size:2.5em;}
.rwd-table tbody th span {font-size:16px; padding:0 .2em;}
.rwd-table tbody th span i {width:25px; height:25px; line-height:25px; font-size:13px; margin-right: 5px;}




#immigration_report dl {padding:8px 10px 10px;width:32%; }
#immigration_report dl:before {width:30px; height: 30px;}
/*#immigration_report dl:before, #immigration_report dl.caution:before {background-size:30px}*/

#immigration_report dt { font-size:0.9rem;}
#immigration_report dd p {font-size:14px;}

.btn_view {font-size:0.8rem;padding: 0px 25px 0 10px;  background-size: 15px;line-height: 25px;}

.immigration_report01 {top:5%; left:2%;}
.immigration_report02 {top:7%; right:2%;}
.immigration_report03 {top:32%; left:5%;}
.immigration_report04 {top:35%; right:5%;}
.immigration_report05 {top:60%; left:4%;}
.immigration_report06 {bottom:25%; right:3%;}
}


@media all and (max-width:600px){
#manage_member #search_box > fieldset > span {margin-top:5px;}
}


@media all and (max-width:550px){
/*#manage_member #search_box > fieldset > span {display: block;}*/
#history #search_box {display:block;}
}



@media all and (max-width:500px){
#hd > a {right:50px; display:none;}
#hd #logo strong {width:calc(100% - 60px);}


#search_box form {/*display:block; */ }
#search_box fieldset {display:inline-block; display: flex; justify-content: flex-start; align-items: center; float:left;}
#search_box form > span {float:left;}
#search_box .btn_search {margin:10px auto 0; width:50%; /*float:right;*/ font-size:0.85rem}
#history #search_box .btn_search {/*width:auto;*/}

.rwd-table tbody th span {font-size:15px;}
.rwd-table tbody th span i {width:22px; height:22px; line-height:22px; font-size:12px; margin-right: 5px;}
.rwd-table tbody th span p {width:calc(100% - 30px);}
.image-container2 {width:42px;}
}



@media all and (max-width:460px){
#hd #logo {background-size: 35px; background-position: 10px center; padding:0 0 0 50px; font-size:1.45rem;}
#hd #logo strong {width:calc(100% - 50px);}
#hd #logo span {font-size:0.85rem;}

#hd .info_tel {height:35px; line-height:35px;}
#hd .info_tel span { background-size:25px; padding-left:27px;}



#btn_menu {width:50px; padding:20px 12px;}
.menu h1 {font-size:1.25rem;}
.menu_list li a {padding:20px; font-size:.95rem;}
.menu_etc {padding:20px;}
.menu_etc dt {font-size:0.95rem; margin-bottom:10px;}
.menu_etc dd {font-size:0.85rem;}
.menu p {padding:25px 20px;}
.menu p a{font-size:.95rem;}

.navi_list li a img {width:23px;}
/*.navi_list li.navi00 a img {width:38px;}*/

.chk_box input[type="checkbox"] + label {padding-left:25px;}
.chk_box input[type="checkbox"] + label span {width:20px; height:20px;}
.radio_box {font-size:0.8rem;}
.radio_box label {padding: 0em 0.4em 0 0;}
.radio_box input[type="radio"] {width: 1.15em; height: 1.15em;}
.radio_box span {margin-left:0.1em;}
.btn, a.btn, button.btn , input.btn{padding: 0px 20px; font-size:0.95rem;}



a.btn {line-height: 40px;}
input.btn {height: 40px;}
button.btn {line-height: 40px;}
.btn_area a + a, .btn_area input + input, .btn_area a + input, .btn_area input + a, .btn_area button + button  {margin-left:5px;}
.btn_register {padding:5px 10px; font-size:0.85rem;}

.box {padding:20px; border-radius:15px;}
.box04 {padding:15px;}
.box.box05 {padding: 22px 15px 15px;}
.box05:after {width:15px; height:20px; background-size:15px auto;}
.box.box06 {padding:35px 15px 15px;}
.box.box07 {padding:15px;}

div.box {margin-bottom:15px;}
#search_box {padding:15px;}
#search_box h2 {margin:0 0 5px;}
select {border-radius: 0.4em; padding: .3em 1.1em .4em .3em; font-size:0.75rem; background-size:15px;}
select + select {/*margin-left:0px; */}

.btn_area {margin: 20px auto 0;}

.list li {line-height: 1.3; font-size:0.95rem; padding-left: 20px; /*margin-bottom: 5px;*/}
.list.list01 li {padding-left:9px;}
.list01 li:before {top:8px;}
.list02 li:before {width: 16px; height: 16px;}
.list03 li:before{width: 16px; height: 16px; top:0px;}
.list04 li:before{width: 15px; height: 15px; top:3px; background-size:13px;}

.list dt {width: 40%; font-size:0.95rem;}
.list dd {width: 60%; font-size:0.95rem;}
.list dd input[type="text"], .list dd input[type="number"] {width:calc(100% - 40px);}
.list dd span {margin-left:5px;}

.noti {background-size:17px; line-height:17px; padding-left:20px; font-size:0.95rem;}
a.info {top:6px; width:17px; height: 17px;}

.scroll_txt {margin-top:8px; background-size:25px; line-height:25px; padding-left:25px; font-size:13px;}


.t01 th, .t01 td,
.t02 th, .t02 td,
.t03 th, .t03 td {padding:5px; font-size:0.85rem;}


#pagination > ul > li > a, #pagination > ul > li > span{font-size:12px;width: 30px; line-height: 30px; height: 30px;}

#container h1{font-size: 1.65rem;}
#container h2 {font-size: 1.10rem;}
#container h2 span{font-size: 0.95rem;}
#container h2 span u{box-shadow: inset 0 -10px 0 0 rgba(0,51,255,0.2);}

#container h3 {font-size: 1.05rem;}
#container h4 span{font-size: 0.95rem; padding:5px 15px;}

#container section {margin-top:15px;}
#container section + section {margin-top:25px;}

.chk_box {font-size:15px;}

#privacy h1{font-size:2.0rem; margin-bottom:20px;}
#privacy h1 span {font-size:1.35rem}
#privacy_text {margin-bottom: 10px;}
#privacy li {margin-bottom:15px; font-size:1.05rem;}
#privacy li label {font-size:0.95rem;}
#privacy li input[type="text"], #privacy li input[type="number"] {padding:10px 20px;}


#privacy input::placeholder {color: #abafb9;}
#privacy input::-webkit-input-placeholder {color: #abafb9;}
#privacy input::-ms-input-placeholder {color: #abafb9;}




.page#login h2 strong {font-size: 2.25rem;}
.page#login h2 span img {width:80%;}
.page#login h3:before {width:30px; height:30px; margin-right:3px;}
#login li {font-size:0.95rem;}
#login li input[type="text"], #login li input[type="number"], #login li input[type="password"] {padding:10px 25px;}





.info_box > div {padding:20px; border-radius: 15px;}
.info_box > div.arr:before {width:55px; height: 30px; /*right:-40px;*/ top:calc(50% - 15px);}
.info_box + ul, ul + .info_box {margin-top:10px;}
#info03 h3 {padding: 5px 10px; font-size: 0.95rem;}

.example {padding-top:15px; margin-top:15px;}
.btn_ex {background-size:25px; font-size: 1.05rem; padding-left:32px; line-height:25px;}

.shooting {margin-bottom:10px;}
.shooting > div a {padding:30px 20px; border-radius:15px; background-size:120px auto !important; font-size: 1.0rem; line-height: 30px;}
.shooting > div:first-child a {background-position:98% -10%;}
.shoot_prev > div {border-radius:15px;}

.shooting > div a:after {left:20px; font-size:25px;}
.shooting > div a span {right:10px; width: 48px; height: 55px;}

#shoot_top h3 {font-size: 1.45rem; margin-bottom: 0px;}
#shoot_top p {font-size: 0.95rem;}

#login input.btn, #privacy input.btn,
#profile .btn,
#info .btn,
#info02 .btn,
#info03 .btn,
#shoot .btn,
#result .btn {line-height: 45px; font-size:0.95rem;}
#login input.btn, #privacy input.btn {height: 45px}
#profile .btn img {width:25px;}

#result_img ul {margin-bottom:15px;}
#result_txt > p {font-size: 0.95rem;}

#result_txt > p > span {background-size:20px; padding-left:25px;}
#result_txt > p > span:before {margin-left:-20px; background-size:20px; width: 20px; height: 20px;}
#result_txt > p > strong.recipe:before {margin-left:-35px; background-size:30px; ;}

#result .btn {line-height: 45px; font-size:1.05rem;}
.report_top .box {/*margin-bottom:15px; */}
#report .box01 > ul {margin-bottom:10px; padding: 10px 20px;}

#report03 > div {padding:20px;}
#report03 > div > dl > dt {padding:5px; font-size: 0.95rem; border-radius: .5em;}
#report03 > div > dl > dd > dl {padding:0;}
#report03 > div > dl > dd > dl > dt {width: 100%; /*background: #f5f5f5; text-align:center; */padding:5px; border-radius: .5em;}
#report03 > div > dl > dd > dl > dd {width:100%;}

#report04 > div > dl > dt {padding:5px; font-size: 0.95rem; border-radius: .5em;}
#report04 > div > dl > dd > dl {padding:0;}
#report04 > div > dl > dd > dl > dt {width: 100%; /*background: #f5f5f5; text-align:center; */padding:5px; border-radius: .5em;}
#report04 > div > dl > dd > dl > dd {width:100%;}


#report06:before {left:15px; background-size:auto 70%;}
#report06:after {right:15px; background-size:auto 70%;}
#report06 ul li {font-size: 0.90rem;}
#report06 ul li.current {font-size: 0.95rem;}
#report06 ul li.current:after {width:calc(100% + 10px); height:calc(100% + 10px); left:-5px; top:-5px;}



#popup_area h2 {background-size:30px; line-height:30px; padding-left:37px; font-size:1.25rem; margin-bottom:15px; padding-bottom:10px;}


#container section.profile_con {margin-top:20px;}
#profile section > img {}

#profile section {padding:15px;}
#profile dl {padding:10px; box-shadow: 5px 5px 0px rgb(0 0 0 / 5%);}
#profile dl:before {background-size:30px}
#profile dt {padding-left:5px; font-size:0.85rem; margin-bottom: 5px;}
#profile dt:before {width: 12px; height: 12px; left:-10px; top:-10px;}
#profile dd {font-size:0.95rem;}
#profile .btn02 span { font-size: 12px; }

.history_list > div + div {margin-top:20px; padding-top:20px;}
.history_list {padding: 15px;}
.history_list #result_txt > p {font-size: 0.95rem;}
.history_list .btn_small {top:15px;}
.history_list .btn_small2 {right:60px;}
#search_box input[type='text'], .inputbox {border-radius: 0.4em; padding: .4em .3em; font-size:0.75rem; /*width:100%;*/}

.page#manage_member{/*padding-top: 55px;*/}
#manage_member #search_box h2 {margin: 0 0 10px 0;}

#manage_member #search_box > fieldset {display:block;float:none; margin-top:8px;}

#manage_member #search_box select {margin-bottom: 0px;}

#manage_member #search_box > fieldset#Uclass02 {margin-top:5px; padding-left:0;}
#manage_member #search_box > fieldset > label {top:7px;}
#manage_member #search_box > fieldset#Uclass02 > label {top:auto; position:relative; display:block; margin-bottom:5px;}




#manage_member #search_box .radio_box label {width:auto;line-height: 1.5rem;}
#manage_member #search_box .btn_search { font-size: 0.75rem;}


.immigration_report_con:after { width: 70px; height: 35px; left:calc(50% - 35px); top:-15px; }



.mem_count {right:20px; top:20px;}
.member_class {margin-bottom:15px;}
.member_class li input[type='button']{font-size:0.85rem; padding:0px 5px;}


.member_list + .member_list {margin-top:5px; padding-top:10px;}
.member_list h3 {line-height:12px; padding:.15em .2em; border-radius: 0.3em; }
.member_list h3 img {width:12px;}

.member_list li {font-size:0.75rem;margin-bottom: 7px;}
.member_list li a span {padding:5px 5px;}
.member_list li a img {width:27%;}


#add_member {font-size:0.75rem;}
#add_member li { padding-left:0px;}
#add_member li > label {position:relative; display:block; top:auto; margin-bottom:5px;}

#add_member input[type='text'], #add_member input[type='number'], #add_member input[type='password'] {border-radius: 0.4em; padding: .4em .3em; font-size:0.75rem;}
.btn_small {border-radius: 0.4em; font-size:12px;}
input.halfinput {width:100%}

.tbl_head01 thead th,
.tbl_head01 td {padding: 8px 0px;}

#bo_list .td_num2,
#bo_list .td_file{display:none;}

#bo_list .td_date {width: 70px;}
#bo_list .td_hit {width: 40px;}


#bo_list td.td_date ,
#bo_list td.td_hit {font-size:13px;}


#bo_v header {padding: 10px 0;}

/* 페이징 */
.pg_wrap {margin: 20px 0 ;}
.pg_wrap a,
.pg_current {height: 25px;line-height: 25px;padding: 0 3px;min-width: 25px;margin:0 1px; font-size:13px;}

#bo_sch select{height:30px;}
#bo_sch input[type='text']{height:30px;line-height:30px;}
#bo_sch input[type='submit']{height:30px; padding:5px 15px; font-size:13px;}

.rwd-table th{padding:.5em .3em; font-size:13px}
.rwd-table td {padding:.5em .1em; font-size:13px}

.image-container {/*width:55px;*/}
.image-container2 {width:30px;}
.checkMark, .checkMark2 {font-size:2.0em;}
.rwd-table tbody th span {font-size:14px;}

#immigration_report section.profile_con {padding:40px 15px;}
#immigration_report dl {padding:5px 8px 8px; box-shadow:5px 5px 0px rgba(0,0,0,0.05);}

#immigration_report dl:before {width:24px; height: 24px;right:5px; top:-12px;}
/*#immigration_report dl:before, #immigration_report dl.caution:before {background-size:20px}*/
.immigration_report01 {top:3%; left:2%;}
.immigration_report02 {top:5%; right:2%;}
.immigration_report03 {top:28%; left:5%;}
.immigration_report04 {top:30%; right:5%;}
.immigration_report05 {top:52%; left:4%;}
.immigration_report06 {bottom:22%; right:3%;}

#immigration_report dt { font-size:0.8rem;}
#immigration_report dt span {/*box-shadow: inset 0 -8px 0 0 rgba(255,51,102,0.2); */}
#immigration_report dd p {font-size:13px;}
.btn_view{ font-size:0.75rem; line-height:20px;}
}

@media all and (max-width:400px){
.list li {font-size:0.85rem;}
#search_box fieldset { display: block;}
}



@media all and (max-width:360px){
select {margin-right: 0px;}

#hd > a {display:none;}
#hd #logo {background-size: 30px; padding: 0 0 0 45px;  font-size:1.25rem;}

.navi_list li a {font-size:12px;}

.btn_area {/*margin: 15px auto 0;*/}

#container h1{font-size: 1.45rem;}
#container h2 {font-size: 0.95rem;}
#container h2 span{font-size: 0.85rem;}
#container h3 {font-size: 0.95rem;}

#container h4 span{font-size: 0.85rem; padding:5px 12px;}

#container section + section {margin-top:20px;}

.btn, a.btn, button.btn , input.btn{font-size:0.85rem;}
a.btn {line-height: 35px;}
input.btn {height: 35px;}
button.btn {line-height: 35px;}
.btn_register {padding:5px 8px;}



.box {padding:18px;}
.box04 {padding:15px;}

.scroll_txt {background-size:22px; line-height:22px; padding-left:22px; font-size:0.75rem;}
.t01 th, .t01 td,
.t02 th, .t02 td,
.t03 th, .t03 td{font-size:0.75rem;}


div.box {margin-bottom:10px;}

.radio_box {font-size: 0.75rem;}


.list li {font-size:0.85rem;}
.list dt {font-size:0.85rem;}
.list dd {font-size:0.85rem;}
.list04 li {padding-left: 18px;}
.list04 li:before{width: 13px; height: 13px; top:3px;}

.noti {background-size:15px; /*line-height:15px; */padding-left:18px; font-size:0.85rem;}


#profile .btn img {width:22px;}




#shoot_top p {font-size: 0.85rem;}
.shooting > div a {padding:25px 15px; background-size:90px auto !important; font-size: 0.95rem;}

.info_box > div {padding:15px;}
.info_box > div.arr:before {width:50px; height: 25px; /*right:-40px;*/ top:calc(50% - 12.5px);}

.example {padding-top:12px; margin-top:12px;}
.btn_ex {font-size: 0.9rem;}

.page#login h2 strong {font-size: 2.05rem;}

#login ul {margin:30px auto 0; width:90%}
#login .btn {width:90% !important;}






.shooting > div a:after {left:15px; top:5px; font-size:20px;}
.shooting > div a span {right:7px; width: 42px; height: 48px;}

#container .report_top h3 {font-size: 1.0rem;}
#result_img ul {margin-bottom:10px;}
#result_txt > p {font-size: 0.9rem;}
#result_txt > p > span {padding-left:20px;}
#result_txt > p > span:before {margin-left:-20px; background-size:20px; width: 20px; height: 20px;}

#report .box01 > ul {padding:10px 15px;}

#login input.btn, #privacy input.btn,
#profile .btn,
#info .btn,
#info02 .btn,
#info03 .btn,
#shoot .btn,
#result .btn {line-height: 40px; font-size:0.85rem;}
#login input.btn, #privacy input.btn {height: 40px}

#report03 > div {padding:18px;}
#report03 > div > dl > dt {font-size: 0.85rem;}


#report04 > div > dl > dt {font-size: 0.85rem;}
#report06:before {left:10px;}
#report06:after {right:10px;}
#report06 ul li {font-size: 0.85rem;}
#report06 ul li.current {font-size: 0.90rem;}

#result .btn {line-height: 40px; font-size:0.95rem;}
#profile dl {padding:5px;}
#profile dl:before {background-size:25px}


#profile dt {font-size:0.75rem;}
#profile dd {font-size:0.85rem;}
.history_list #result_txt > p {font-size: 0.85rem;}

.member_class {margin-bottom:20px; padding-bottom:40px;}
.member_class li input[type='button']{font-size:0.75rem;}
#add_member li {font-size:0.75rem;}
#add_member li > label {margin-bottom:3px; }
#add_member input[type='text'], #add_member input[type='number'], #add_member input[type='password'] {max-width:90%; padding: .3em .2em; }
#add_member input.address {margin-top:3px;}
#add_member .birth > span {margin-right: 3px;}

#search_box .btn_search
#history #search_box .btn_search {margin:10px auto 0; width:30%;}



}

@media all and (max-width:380px){
.box.box06 {padding:35px 10px 10px;}
#search_box {padding:10px;}
.btn_small { font-size:10px;}
.history_list {padding: 10px;}
#container .history_list h3 {font-size: 0.85rem;}
.history_list > div:first-child .btn_small  {top: -2px !important;}
.history_list .btn_small2 { right: 49px;}

#immigration_report section.profile_con {padding:50px 15px;}

}




@media all and (max-width:340px){
.box {padding:15px; border-radius:12px;}
.box04 {padding:13px;}
#report03 > div {padding:15px;}

}




@media all and (max-width:320px){
.btn, a.btn, button.btn , input.btn{padding: 0px 15px;}

.navi_list li a {font-size:11px;}

#container h1{font-size: 1.25rem;}

#result_txt > p {font-size: 0.85rem;}
#report05 > div#report0502 {width:100%;}
#report05 > div#report0503 {width:100%;}



}

@media all and (max-width:300px){
.btn {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;word-break: normal;}
#login input.btn, #privacy input.btn,
/*#profile .btn,*/
#info .btn,
#info02 .btn,
#info03 .btn,
#shoot .btn,
#result .btn {width:75%;}
}









.regist_con {padding: 40px 5%;}
/*h1.privacy_logo {text-align: center; margin-bottom: 56px;}
h1.privacy_logo img {width:163px; height:auto; display:block; margin:0 auto;}*/
h1.privacy_logo {
text-align: center;
margin-bottom: 36px;
color: #f5b11f;
font-family: 'Oswald', 'GmarketSansBold', sans-serif;
font-size: 45px;
}


.checks-box {padding: 15px 0;}
.checks-box input[type="checkbox"] {display: inline-block; height: 20px; width: 20px; background: #383838; border: #737373 1px solid;}
.rgs_group {clear: both; overflow: hidden; margin-bottom: 25px;}
.line_input_group label {width:0; height:0; font-size:0;}
.line_input_group input[type="text"] {background: #383838; border: #737373 1px solid; display: block; padding: 16px; width: 100%; box-sizing: border-box;}
.privacy_btn {clear: both; text-align: center;}
.privacy_btn input[type="submit"] {background: #f5b11f; color: #222; display: inline-block; padding: 17px 37px; font-size: 18px; font-weight: 500; border-radius: 10px;}

/*header*/





/*page*/
.guide_con {padding: 0 7%;}
.guide_txt {text-align: center; margin-bottom: 20px;}
.guide_con li {background: #000; margin-top: 40px; clear: both; padding: 30px; border-radius: 10px; text-align: center; word-break: keep-all; line-height: 1.4; position: relative;}
.guide_con li:nth-child(1):before {content:'1'; display: block; width: 40px; height: 40px; left: 50%; margin-left: -20px; position: absolute; top: -20px; line-height:40px; color:#000; font-weight:600; z-index: 6;}
.guide_con li:nth-child(2):before {content:'2'; display: block; width: 40px; height: 40px; left: 50%; margin-left: -20px; position: absolute; top: -20px; line-height:40px; color:#000; font-weight:600; z-index: 6;}
.guide_con li:nth-child(3):before {content:'3'; display: block; width: 40px; height: 40px; left: 50%; margin-left: -20px; position: absolute; top: -20px; line-height:40px; color:#000; font-weight:600; z-index: 6;}
.guide_con li:nth-child(4):before {content:'4'; display: block; width: 40px; height: 40px; left: 50%; margin-left: -20px; position: absolute; top: -20px; line-height:40px; color:#000; font-weight:600; z-index: 6;}
.guide_con li:nth-child(5):before {content:'5'; display: block; width: 40px; height: 40px; left: 50%; margin-left: -20px; position: absolute; top: -20px; line-height:40px; color:#000; font-weight:600; z-index: 6;}
.guide_con li:nth-child(6):before {content:'6'; display: block; width: 40px; height: 40px; left: 50%; margin-left: -20px; position: absolute; top: -20px; line-height:40px; color:#000; font-weight:600; z-index: 6;}
.guide_con li:nth-child(7):before {content:'7'; display: block; width: 40px; height: 40px; left: 50%; margin-left: -20px; position: absolute; top: -20px; line-height:40px; color:#000; font-weight:600; z-index: 6;}
.guide_con li:nth-child(8):before {content:'8'; display: block; width: 40px; height: 40px; left: 50%; margin-left: -20px; position: absolute; top: -20px; line-height:40px; color:#000; font-weight:600; z-index: 6;}
.guide_con li:after {content: ''; display: block; width: 40px; height: 40px; background: #eeae15; border: #1c1c1c 3px solid; border-radius: 50%; position: absolute; left: 50%; margin-left: -20px; top: -20px; z-index: 5;}
.guide_trans_go {margin: 30px 0 0 0; text-align:center;}
.guide_trans_go a {font-weight:500; background: #f5b11f; color: #000; padding: 12px 30px; border-radius: 10px; display: inline-block;}

/*portfolio*/
.port_txt {text-align: center; margin-bottom: 10px;}

.portfolio_con > ul > li {width: 50%; float: left;}
.portfolio_con > ul > li a {display:block; margin:10px 10px 20px 10px;}
.portfolio_con > ul > li a img {margin-bottom:10px; display:block; width:100%; height:120px; border-radius:10px;}
.portfolio_con > ul > li a p {text-align:center;}




/*****transform******/
.transform_con {padding: 0 5%;}

.transform_con h2 {line-height:1.4; word-break: keep-all; text-align: center; font-size: 20px; margin-bottom: 10px; color:#fff;}
.transform_con p {text-align: center; margin-bottom: 16px;}
.mb_gen_file {margin-bottom: 20px;}
.mb_gen_file label {width:0; height:0; font-size:0;}
input#mb_gen_file {display: block; width: 100%; border: #737373 1px solid; padding:10px; border-radius:10px;}
.line_input_img {clear: both; margin-bottom: 20px; position:relative;}
/*
.line_input_img:before {content: '이미지 미리보기'; background-color: rgba(0, 0, 0, 0.5); display: inline-block; position: absolute; color: #fff; padding: 5px 15px; left: 50%; top: 50%; margin-left: -20%; margin-top: -6%; border-radius: 16px; z-index: 10;}
*/
.line_input_img img{display:block; width:100%; height:auto; border-radius:10px;}
.line_input_detel {text-align: right;}
.line_input_detel input[type=button] {color: #fff; display: inline-block; background: #5b5b5b; padding: 10px 25px; border-radius: 8px;}

.mb_mesh_download {margin: 15px 0; text-align:center;}
.mb_mesh_download a {font-weight:500; background: #f5b11f; color: #000; padding: 12px 30px; border-radius: 10px; display: inline-block;}
.line_mesh_movie {margin-bottom: 20px; border-radius: 10px; overflow:hidden;}
.line_mesh_movie img {display:block; width:100%; height:auto;}
.mesh_btn {clear: both; text-align: center;}
.mesh_btn a {margin:0 5px; background:#727272; color: #fff; display: inline-block; padding: 10px 25px; border-radius: 8px;}

p.transform_txt {text-align: left; margin-top: 23px;}
.rgs_group ul {background: #000; overflow: hidden; padding: 30px; border-radius: 10px;}
.rgs_group ul li {margin-bottom: 16px; clear: both; word-break: keep-all; padding-left: 14px; position: relative;}
.rgs_group ul li:before {content: ''; background: #454545; display: inline-block; width: 6px; height: 6px; border-radius: 50%; position: absolute; left: 0; top: 7px;}
.rgs_group ul li:last-child {margin-bottom:0;}

/*****history******/
.board_search_box {overflow: hidden; text-align: center; margin-bottom: 30px;}
.board_search_box input[type="text"] {background: #383838; border: #737373 1px solid; padding: 12px; box-sizing: border-box; display: inline-block; margin-right: 10px; border-radius: 6px;}
.board_search_box button {color:#fff; border-radius: 6px; padding: 11px 20px; background:#757575; display: inline-block;}
.history_con {padding: 0 4%;}
.history_con > ul > li {overflow:hidden; clear:both; border-bottom:#333 1px solid;}
.history_con > ul > li .his_con {display: block; padding: 25px 0; overflow:hidden;}
.history_con > ul > li:first-child .his_con {padding-top:0;}
.his_con img {width: 150px; height: auto; float: left; display:block; border-radius:10px;}
.his_li_con {width: calc(100% - 170px); float: right;}
.his_li_con h3 {font-size: 17px; margin-bottom: 7px;}
.his_li_con p {font-size: 14px; margin-bottom: 20px;}
.his_li_btn a {display: inline-block; border: #757575 2px solid; color: #979797; font-size: 13px; padding: 9px 16px; margin-right: 4px; border-radius: 20px;}
.his_li_btn a:last-child {margin-right: 0;}
.history_btn {clear: both; border-top:#333 1px solid; padding-top:20px;}
.history_btn a {margin:0 5px; background:#727272; color: #fff; display: inline-block; padding: 10px 25px; border-radius: 8px;}
.history_btn a:first-child {float:left;}
.history_btn a:last-child {float:right;}

@media all and (max-width:380px){
.his_con img {width: 150px; height: auto; float: none; display: block; border-radius: 10px; margin: 0 auto 20px auto;}
.his_li_con {width: 100%; clear:both; float: none; text-align:center;}
}