@charset "utf-8";

body {font-family:"Noto Sans CJK KR","HelveticaNeue-Light","Helvetica","AppleSDGothicNeo-Light","AppleGothic","Arial","Malgun Gothic","맑은 고딕","Snas-seif"; font-weight:normal; line-height:1em; font-size:16px; letter-spacing:-0.04em; color:#191919; font-weight:normal; background-color:#fafafa; -webkit-overflow-scrolling:touch; overflow-x:hidden}
html,body,div,span,object,iframe,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,h1,h2,h3,h4,h5,h6 {margin:0;padding:0;border:0;-webkit-text-size-adjust:none;}
div,table,ul,ol,menu,h1,h2,p,input,textarea,fieldset,li,dl,dt,dd,th,td,a{margin:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; line-height:1em; -webkit-user-select:none; -webkit-touch-select:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
em{font-style:normal}
ul,ol,li,dl,dt,dd {list-style:none;}
img {border:0; max-width:100%;}
a {color:#191919; text-decoration:none;}
a:hover,a:active {color:#191919;}
fieldset{border-style:none;}
caption,legend{display:none;}
label {vertical-align:middle;}
table {width:100%; vertical-align:middle; border-collapse:collapse;}
input[type="text"], input[type="password"], select, textarea {border:1px solid #dfdfdf; background:#fff; font-size:14px; box-sizing:border-box; -webkit-border-radius:0; -webkit-appearance:none;}
input[type="text"], input[type="password"] {height:35px; padding:0 10px; line-height:35px;}
input[type="text"]:focus, input[type="password"]:focus {border-color:#4b92c8; outline:none;}
input[type="radio"], input[type="checkbox"] {vertical-align:middle;}
input[type="button"], input[type="submit"] {-webkit-border-radius:0; -webkit-appearance:none;}
input[type="button"]:focus, input[type="submit"]:focus {outline:none;}
input[type="text"]:disabled {background-color:#e4e2e0; color:#e4e2e0;}
input[type="password"]:disabled {background-color:#e4e2e0; color:#e4e2e0;}
select {height:35px; padding-right:35px; padding-left:10px; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:#fff url(../images/assets/dropdown_fold.png) no-repeat right center; background-size:35px 35px;}
select:focus {outline:none;}
select::-ms-expand {display:none;}
textarea:focus {border-color:#4b92c8; outline:none;}

.layout{float:left; width:100%;}
.fl{float:left;}
.fr{float:right;}

.clear {clear:both;}

/*text-color*/
.text_org{color:#f86e4e;}

#wrap {width:100%; height:100%;}

#wrap_pop {height:100vh; display:-webkit-flex; -webkit-align-items:center; -webkit-justify-content:center; display:flex; align-items:center; justify-content:center;}
#wrap_pop #container_pop{margin:0 4.16%; min-width:270px; max-width:380px; max-height:100vh;}
#wrap_pop #container_pop .pop_box{padding:25px 25px 21px; background-color:#fff;}
#wrap_pop #container_pop .pop_box .scroll_half{max-height:calc(100vh - 189px); margin:0; padding:0; overflow-y:auto;overflow-x:hidden; margin-bottom:4px;}
#wrap_pop #container_pop .pop_box .scroll_full{max-height:calc(100vh - 105px); margin:0; padding:0; overflow-y:auto;overflow-x:hidden; margin-bottom:4px;}
#wrap_pop #container_pop .pop_box h1{font-size:1.0625em/*17px*/; color:#073b62; text-align:left; border-bottom:1px solid #cde0f1; margin-bottom:22px; padding:5px 0 9px 0;}
#wrap_pop #container_pop .pop_box .pop_con{font-size:0.875em/*14px*/;line-height:1.5em; word-break:break-all; padding:0;}
#wrap_pop #container_pop .pop_box .pop_con .map{width:100%;}
#wrap_pop #container_pop .pop_box .pop_con h3{font-size:15px; line-height:1.5em; margin-top:20px;}
#wrap_pop #container_pop .pop_box .pop_con h3:nth-of-type(1){margin-top:12px;}
#wrap_pop #container_pop .pop_box .pop_con ul.con{margin-left:10px;}
#wrap_pop #container_pop .pop_box .pop_con ul.con li{line-height:1.5em;}
#wrap_pop #container_pop .pop_box .pop_con .add{line-height:1.5em; color:#666;}
#wrap_pop #container_pop .pop_box .pop_con .info_box{background-color:#f5f5f5; margin:0; font-size:15px;}
#wrap_pop #container_pop .pop_box .pop_con .info_box ul.order{margin:0 4%;}
#wrap_pop #container_pop .pop_box .pop_con .info_box ul.order li{border-top:1px solid #e4e4e4; padding:18px 0 14px 0;}
#wrap_pop #container_pop .pop_box .pop_con .info_box ul.order li h2{color:#0066b3; font-size:15px;}
#wrap_pop #container_pop .pop_box .pop_con .info_box ul.order li dl{margin-top:12px;}
#wrap_pop #container_pop .pop_box .pop_con .info_box ul.order li dl dt{margin-bottom:8px;}
#wrap_pop #container_pop .pop_box .pop_con .info_box ul.order li dl dd{line-height:1.3em; color:#666;}
#wrap_pop #container_pop .pop_box .pop_con .info_box ul.order li dl dd p{line-height:1.3em; padding-left:7px;}
#wrap_pop #container_pop .pop_box .pop_con .info_box ul.order li dl.complete dd{color:#0066b3;}
#wrap_pop #container_pop .pop_box .pop_con .info_box ul.order li:first-child{border-top:none;}

#wrap_pop #container_pop .button{width:100%;}
#wrap_pop #container_pop .button input{width:100%; height:55px; font-size:1.125em/*18px*/; letter-spacing:-0.04em; color:#073b62; border-style:none; background-color:#cde0ee; cursor:pointer;}
#wrap_pop #container_pop .button2{width:100%;}
#wrap_pop #container_pop .button2 input{float:left; width:50%; height:55px; font-size:1.125em/*18px*/; letter-spacing:-0.04em; color:#073b62; border-style:none; background-color:#cde0ee; cursor:pointer; border-right:1px solid #b6c1ca;}
#wrap_pop #container_pop .button2 input:last-child{border-right:none;}
#wrap_pop #container_pop .button input:active, #wrap_pop #container_pop .button2 input:active{background-color:#b6c7d4;}
#wrap_pop #container_pop .button input.dim, #wrap_pop #container_pop .button2 input.dim{color:rgba(7,59,98,0.4);  background-color:#cde0ee;}

@media only screen and (max-width:320px){
	#wrap_pop #container_pop .pop_box{padding:22px 22px 18px;}
}
@media only screen and (min-width:768px){
	body{font-size:32px;}
	
	input[type="text"], input[type="password"] {height:70px; padding:0 20px; line-height:70px;}
	input[type="text"], input[type="password"], select, textarea{font-size:28px;}
	select {height:70px; padding-right:70px; padding-left:20px; background-size:70px 70px;}
	
	#wrap_pop #container_pop{max-width:760px;}
	#wrap_pop #container_pop .pop_box{padding:50px 50px 40px;}
	#wrap_pop #container_pop .pop_box h1{margin-bottom:44px; padding:10px 0 18px 0;}
	#wrap_pop #container_pop .pop_box .scroll_half, #wrap_pop #container_pop .pop_box .scroll_full{margin-bottom:8px;}
	#wrap_pop #container_pop .pop_box .scroll_half{max-height:calc(100vh - 378px);}
	#wrap_pop #container_pop .pop_box .scroll_full{max-height:calc(100vh - 210px);}
	#wrap_pop #container_pop .pop_box .pop_con h3{font-size:30px; margin-top:40px;}
	#wrap_pop #container_pop .pop_box .pop_con h3:nth-of-type(1){margin-top:24px;}
	#wrap_pop #container_pop .pop_box .pop_con ul.con{margin-left:20px;}
	#wrap_pop #container_pop .pop_box .pop_con .info_box{font-size:30px;}
	#wrap_pop #container_pop .pop_box .pop_con .info_box ul.order li{padding:36px 0 28px 0;}
	#wrap_pop #container_pop .pop_box .pop_con .info_box ul.order li h2{font-size:30px;}
	#wrap_pop #container_pop .pop_box .pop_con .info_box ul.order li dl{margin-top:24px;}
	#wrap_pop #container_pop .pop_box .pop_con .info_box ul.order li dl dt{margin-bottom:16px;}
	#wrap_pop #container_pop .pop_box .pop_con .info_box ul.order li dl dd p{padding-left:14px;}
	
	#wrap_pop #container_pop .button input, #wrap_pop #container_pop .button2 input{height:110px;}
}