/* reset */
@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900|Noto+Sans:400,700);

/* 공통 */
html, body{font-family: 'Noto Sans KR', 'Noto Sans', sans-serif; word-break:all;transform: all 0.5s; }
body,
button,
dd,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
li,
ol,
p,
select,
table,
td,
textarea,
th,
ul {
	margin: 0;
	padding: 0;
}
html, body, div, ul, li, p, figure{padding:0; margin:0; line-height:1; outline:none;color:#000;word-break: keep-all;}
ul, li{list-style:none}
a{text-decoration:none !important; color:#666}
button, input, optgroup, select, textarea{font-family: 'Noto Sans KR', 'Noto Sans', sans-serif;}
button{border: none;background: none;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder,
input::-ms-input-placeholder, textarea::-ms-input-placeholder,
input::-moz-placeholder, textarea::-moz-placeholder{ color:#aaa;}
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset;}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none;}
input{border:none}
#coverBG{position:fixed; width:100%; height:100%; left:0; top:0; background-color:rgba(0,0,0,0.7); z-index:101}
.flex{display:flex;}

/* 레이어 팝업 */
.pop-layer {display:none; position: fixed; top: 50%; left: 50%; width:1000px; height:700px; transform: translate(-50%, -50%); background-color:#fff; z-index:1000000}
.pop-layer .pop-container { width:100%; padding: 20px 0 20px 25px; box-sizing:border-box}
.pop-layer .xBtn { display:block; position:absolute; top:10px; right:10px}
.pop-layer .xBtn img{ width:20px}
.pop-layer .pop-conts .title{ text-align:center; margin:20px 0;}
.pop-layer .pop-conts .title span{ display:inline-block; font-size:24px; font-weight:bold; color:#333; text-align:center; padding-bottom:5px; border-bottom:2px solid #333;}
.pop-layer .pop-conts .subTitle{ font-size:16px; font-weight:bold; color:#333; margin-top:30px; margin-bottom:10px; line-height:1.4}
.pop-layer .pop-conts .textBox{ width:100%; height:558px; overflow-y:scroll;}
.pop-layer .pop-conts .text01{ font-size:14px; color:#333; line-height:1.6;}
.pop-layer .pop-conts .text02{ font-size:14px; color:#333; line-height:1.6;}
.pop-layer .pop-conts .text02 div{ line-height:1.6}
.pop-layer .pop-conts .text02 table{ width:100%; border-collapse:collapse; margin:20px 0;}
.pop-layer .pop-conts .text02 table th{ font-size:14px; font-weight:bold; color:#333; border:1px dotted #ddd; background-color:#f4f4f4; text-align:center; padding:10px 5px;}
.pop-layer .pop-conts .text02 table td{ font-size:14px; color:#333; border:1px dotted #ddd; text-align:center; padding:10px 5px;}

/* 회원가입 */
#wraper .joinArea{ width:490px; padding:100px 0; margin:0 auto;}
#wraper .joinArea .join_title{ font-size:40px; font-weight:400; color:#333; text-align:center}
#wraper .joinArea .join_title2{ font-size:16px; font-weight:400; color:#333; text-align:center; margin-top:30px; letter-spacing:-0.05em}
#wraper .joinArea .join_subTitle{ font-size:20px; font-weight:400; color:#aaa; text-align:center; margin-top:50px}
#wraper .joinArea .join_subTitle a{ font-size:20px; font-weight:400; color:#348fa5;}
#wraper .joinArea .inputArea{ margin-top:50px;}
#wraper .joinArea .inputArea table{ width:100%; border-collapse:collapse;}
#wraper .joinArea .inputArea table th{ width:150px; text-align:right; font-size:20px; font-weight:500; color:#666; padding-right:15px; box-sizing:border-box;}
#wraper .joinArea .inputArea table td{ padding:10px 0}
#wraper .joinArea .inputArea .inputBox{ width:100%; height:55px; border:1px solid #ddd; border-radius:5px; background-color:#fff;}
#wraper .joinArea .inputArea .inputBox input{ display:block; width:100%; height:100%; padding:10px; box-sizing:border-box; font-size:18px; font-weight:300; color:#666; border:none; background-color:transparent; outline:none;}
#wraper .joinArea .inputArea2{ margin-bottom:50px}
#wraper .joinArea .inputArea2 .inputBox:first-child{ border-radius:5px 5px 0 0;}
#wraper .joinArea .inputArea2 .inputBox:last-child{ border-radius:0 0 5px 5px; margin-top:-1px}
#wraper .joinArea .btnBox{ text-align:right; margin-top:10px; margin-bottom:50px}
#wraper .joinArea .btnBox a{ display:inline-block; font-size:16px; font-weight:300; color:#aaa; vertical-align:middle; padding:0 10px;}
#wraper .joinArea .btnBox a:last-child{ border-left:1px solid #ddd;}
#wraper .joinArea .agree{ margin-top:50px; text-align:center}
#wraper .joinArea .agree input{ display:none;}
#wraper .joinArea .agree input + label{ display:inline-block; width:16px; height:16px; background-image:url(..//resources/img/main/corp/check_btn_off.png); background-position:left center; background-repeat:no-repeat; background-size:16px; vertical-align:middle; margin-right:10px; cursor:pointer}
#wraper .joinArea .agree input:checked + label{ background-image:url(..//resources/img/main/corp/check_btn_on.png);}
#wraper .joinArea .agree p{ display:inline-block; vertical-align:middle; font-size:14px; font-weight:400; color:#666; letter-spacing:-0.05em}
#wraper .joinArea .agree p a{ color:#333; border-bottom:1px; margin-bottom:10px solid #666;}
#wraper .joinArea .join_btn{ display:block; width:260px; height:55px; line-height:55px; font-size:18px; font-weight:400; color:#fff; text-align:center; background-color:#348fa5; border-radius:5px; margin:20px auto 0;}


/* 서브 */
/* #wraper .subArea .title{ font-size:50px; font-weight:bold; color:#333; text-align:center; margin-top:100px;}
#wraper .subArea .titleBox{ }
#wraper .subArea .titleBox .ciBox{ margin-top:100px; text-align:center}
#wraper .subArea .titleBox .ciBox .ci{ display:inline-block;}
#wraper .subArea .titleBox .ciBox .ci img{ width:200px}
#wraper .subArea .titleBox .ciBox .text{ font-size:34px; font-weight:300; color:#333; margin-top:50px; line-height:1.5; letter-spacing:-0.05em}
#wraper .subArea section{ width:100%; padding:100px 0;}
#wraper .subArea section.bg_gray{ background-color:#f9f9f9;}
#wraper .subArea section .sec_title{ position:relative; font-size:34px; font-weight:bold; color:#333; text-align:center}
#wraper .subArea section .sec_title:before{ content:""; position:absolute; top:-30px; left:50%; margin-left:-40px; display:block; width:80px; height:8px; background-color:#3582a5;}
#wraper .subArea section ul{ width:100%; padding:0 60px; box-sizing:border-box; margin-top:40px;}
#wraper .subArea section ul li{ position:relative; font-size:18px; font-weight:400; color:#676f79; line-height:1.6; margin-top:10px;}
#wraper .subArea section ul li:before{ content:""; position:absolute; left:-15px; top:11px; display:block; width:7px; height:7px; border-radius:50%; background-color:#3582a5;}
#wraper .subArea section ul li p{ font-size:14px; margin-top:5px;}
#wraper .subArea section ul.half{ overflow:hidden;}
#wraper .subArea section ul.half:after{ content:""; display:block; clear:both}
#wraper .subArea section ul.half li{ float:left; width:50%; } */
#wraper .subArea .textBox{margin-top:100px;text-align:center;}
#wraper .subArea .textBox .text01{ font-size:34px; font-weight:300; color:#333; line-height:1.6;}
#wraper .subArea .textBox .text02{ font-size:20px; font-weight:400; color:#333; line-height:2; margin-top:40px;}
#wraper .subArea .textBox .text03{ font-size:20px; font-weight:400; color:#676f79; margin-top:60px;}


#wraper .subArea .middle_text{ font-size:24px; font-weight:400; color:#333; text-align:center; margin-top:100px;}

/* #wraper .subArea .titleArea{ width:100%; height:500px; background-image:url(..//resources/img/main/corp/main_title_bg.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;}
#wraper .subArea .titleArea .text01{ font-size:34px; font-weight:400; color:#fff; text-align:center; line-height:1.6; padding-top:200px;}
#wraper .subArea .titleArea .inputBox{ position:relative; width:600px; height:50px; background-color:#fff; margin:30px auto;}
#wraper .subArea .titleArea .inputBox input{ display:block; width:100%; height:100%; padding:10px 70px 10px 20px; box-sizing:border-box; font-size:20px; font-weight:400; color:#666; border:none; background-color:transparent; outline:none;}
#wraper .subArea .titleArea .inputBox a{ position:absolute; right:10px; top:10px;} */

#wraper .subArea .request{ padding:50px 0;}
#wraper .subArea .request .request_title{ font-size:40px; font-weight:400; color:#333; text-align:center;}
#wraper .subArea .request .btnBox{ text-align:center; padding:70px 0 100px; margin-bottom:100px; border-bottom:1px solid #ddd;}
#wraper .subArea .request .btnBox li{ display:inline-block; width:300px; vertical-align:middle;}
#wraper .subArea .request .btnBox li .text01{ font-size:24px; font-weight:500; color:#333;}
#wraper .subArea .request .btnBox li .text02{ font-size:16px; font-weight:400; color:#aaa; margin-top:10px;}
#wraper .subArea .request .btnBox li a{ display:inline-block; width:250px; height:50px; line-height:50px; font-size:16px; font-weight:400; color:#fff; text-align:center; background-color:#3582a5; border-radius:25px; margin-top:20px;}
#wraper .subArea .request .request_list{ margin-top:20px;}
#wraper .subArea .request .request_list .scrollBox table{ width:100%; border-collapse:collapse}
#wraper .subArea .request .request_list .scrollBox table th{ font-size:16px; font-weight:500; color:#333; text-align:center; border-bottom:2px solid #666; border-top:2px solid #666; padding:15px 0;}
#wraper .subArea .request .request_list .scrollBox table td{ font-size:14px; font-weight:400; color:#666; text-align:center; border-bottom:1px solid #ddd; padding:15px 0;}

#wraper .subArea .request .request_textBox{ margin-top:70px; text-align:center}
#wraper .subArea .request .request_textBox .text01{ font-size:24px; font-weight:500; color:#333;}
#wraper .subArea .request .request_textBox .text02{ font-size:18px; font-weight:400; color:#666; margin-top:20px; line-height:1.6;}
#wraper .subArea .request .btn_list{ margin-top:50px; margin-bottom:50px}
#wraper .subArea .request .btn_list li{ width:100%; padding:10px 30px 10px 0; box-sizing:border-box; border:1px solid #ddd; border-radius:10px; margin-bottom:10px; overflow:hidden}
#wraper .subArea .request .btn_list li:after{ content:""; display:block; clear:both}
#wraper .subArea .request .btn_list li .text01{ display:inline-block; width:200px; vertical-align:middle; font-size:20px; font-weight:500; color:#333; text-align:center; margin-top:10px;}
#wraper .subArea .request .btn_list li .text02{ display:inline-block; vertical-align:middle; font-size:16px; font-weight:400; color:#666; margin-top:10px;}
#wraper .subArea .request .btn_list li input{ display:none;}
#wraper .subArea .request .btn_list li input + label{ float:right; display:block; width:120px; height:40px; line-height:40px; font-size:16px; font-weight:400; color:#3582a5; border:1px solid #3582a5; text-align:center; border-radius:5px; cursor:pointer}
#wraper .subArea .request .btn_list li input:checked + label{ background-color:#3582a5; color:#fff;}

#wraper .subArea .request .formBox{ display:none; width:100%; padding:30px; box-sizing:border-box; border:1px solid #ddd; background-color:#f9f9f9; margin-bottom:20px;}
#wraper .subArea .request .formBox .form_title span{ display:inline-block; font-size:26px; font-weight:bold; color:#333; padding-bottom:5px; border-bottom:2px solid #666;}
#wraper .subArea .request .formBox .form_title2{ font-size:22px; font-weight:400; color:#666; margin-top:30px; margin-bottom:10px}
#wraper .subArea .request .formBox .form_title2 .color_red{ color:#F00; vertical-align:top;}
#wraper .subArea .request .formBox .form_subTitle{ font-size:18px; font-weight:400; color:#666; margin-top:10px; margin-bottom:10px; line-height:1.6;}
#wraper .subArea .request .formBox .form_subTitle_notice{ font-size:14px; color:#3582a5; margin-top:10px}
#wraper .subArea .request .formBox .form_table{ width:100%; padding:40px; box-sizing:border-box; margin-top:10px;}
#wraper .subArea .request .formBox .form_table table{ width:100%; border-collapse:collapse}
#wraper .subArea .request .formBox .form_table table th{ width:200px; font-size:18px; font-weight:400; color:#666; text-align:right; padding:18px 10px 10px; vertical-align:top; letter-spacing:-0.05em}
#wraper .subArea .request .formBox .form_table table th span{ color:#F00; vertical-align:top;}
#wraper .subArea .request .formBox .form_table table td{ font-size:14px; font-weight:400; color:#666; vertical-align:top; padding:10px;}
#wraper .subArea .request .formBox .form_table table td a font{ font-size:14px}
#wraper .subArea .request .formBox .form_table table td .inputBox{ display:inline-block; width:200px; height:40px; border:1px solid #ddd; background-color:#fff; vertical-align:middle}
#wraper .subArea .request .formBox .form_table table td .inputBox input{ display:block; width:100%; height:100%; padding:10px; font-size:14px; font-weight:400; color:#666; border:none; background-color:transparent; outline:none; box-sizing:border-box;}
#wraper .subArea .request .formBox .form_table table td .inputBox.won{ position:relative; padding-right:25px; box-sizing:border-box}
#wraper .subArea .request .formBox .form_table table td .inputBox.won:after{ content:"원"; position:absolute; right:10px; top:10px; font-size:16px; font-weight:400; color:#676f79}
#wraper .subArea .request .formBox .form_table table td .inputBox.won input{ text-align:right}
#wraper .subArea .request .formBox .form_table table td .inputBox.address{ position:relative; display:block; width:100%; padding-right:80px; box-sizing:border-box; margin-bottom:10px}
#wraper .subArea .request .formBox .form_table table td .inputBox.address a{ position:absolute; display:block; right:0; top:-1px; width:80px; height:40px; line-height:40px; border:1px solid #ddd; font-size:16px; font-weight:400; color:#666; text-align:center; background-color:#fff; box-sizing:border-box; z-index:1}
#wraper .subArea .request .formBox .form_table table td .dateBox{ position:relative; width:200px; height:40px; border:1px solid #ddd; background-color:#fff;}
#wraper .subArea .request .formBox .form_table table td .dateBox input{ display:block; width:100%; height:100%; padding:5px 10px 5px 40px; font-size:14px; font-weight:400; color:#666; border:none; background-color:transparent; outline:none; box-sizing:border-box}
#wraper .subArea .request .formBox .form_table table td .dateBox img{ position:absolute; left:10px; top:12px;}
#wraper .subArea .request .formBox .form_table table td > input[type=file]{ font-size:14px; vertical-align:middle}
#wraper .subArea .request .formBox .form_table table td p{ font-size:14px; font-weight:400; color:#3582a5; margin-top:5px; line-height:1.4; letter-spacing:-0.05em}
#wraper .subArea .request .formBox .form_table table th input[type=checkbox]{ width:16px; height:16px; margin-right:5px; vertical-align:middle}
#wraper .subArea .request .formBox .form_table table th input[type=checkbox] + label{ display:inline-block; font-size:16px; font-weight:400; color:#666; vertical-align:middle; cursor:pointer}

#wraper .subArea .request .formBox .line{ width:100%; height:1px; background-color:#ddd; margin:80px 0;}
#wraper .subArea .request .formBox .form_table .table_title{ font-size:22px; font-weight:500; color:#333; text-decoration:underline; margin-bottom:50px}
#wraper .subArea .request .formBox .form_table .choiceBox{ margin-bottom:20px}
#wraper .subArea .request .formBox .form_table .choiceBox input{ width:16px; height:16px;}
#wraper .subArea .request .formBox .form_table .choiceBox label{ font-size:18px; font-weight:400; color:#333; margin-right:10px}
#wraper .subArea .request .formBox .form_table .item_list .text{ font-size:20px; font-weight:400; color:#666; margin-top:30px; margin-bottom:10px;}
#wraper .subArea .request .formBox .form_table .item_list > li{ margin-bottom:30px;}
#wraper .subArea .request .formBox .form_table .item_list li .item{}
#wraper .subArea .request .formBox .form_table .item_list li .item .text{ font-size:18px; font-weight:400; color:#666; margin-bottom:10px;}
#wraper .subArea .request .formBox .form_table .item_list li .item .text span{ color:#F00; vertical-align:top}
#wraper .subArea .request .formBox .form_table .item_list li .item .text p{ display:inline-block; font-size:14px; font-weight:400; color:#3582a5; margin-left:10px}
#wraper .subArea .request .formBox .form_table .item_list li .item .selectBox{ width:200px; height:40px; border:1px solid #ddd; background-color:#fff;}
#wraper .subArea .request .formBox .form_table .item_list li .item .selectBox select{ display:block; width:100%; height:100%; padding:5px 10px; font-size:16px; font-weight:400; color:#666; border:none; background-color:transparent; outline:none; box-sizing:border-box}
#wraper .subArea .request .formBox .form_table .item_list li .item .inputBox{ display:inline-block; width:200px; height:40px; border:1px solid #ddd; background-color:#fff; vertical-align:middle; box-sizing:border-box}
#wraper .subArea .request .formBox .form_table .item_list li .item .inputBox.address{ position:relative; display:block; width:100%; padding-right:80px; box-sizing:border-box;}
#wraper .subArea .request .formBox .form_table .item_list li .item .inputBox.address a{ position:absolute; display:block; right:0; top:-1px; width:80px; height:40px; line-height:40px; border:1px solid #ddd; font-size:16px; font-weight:400; color:#666; text-align:center; background-color:#fff; box-sizing:border-box; z-index:1}
#wraper .subArea .request .formBox .form_table .item_list li .item .inputBox input{ display:block; width:100%; height:100%; padding:5px 10px; font-size:14px; font-weight:400; color:#666; border:none; background-color:transparent; outline:none; box-sizing:border-box}
#wraper .subArea .request .formBox .form_table .item_list li .item .dateBox{ position:relative; width:200px; height:40px; border:1px solid #ddd; background-color:#fff;}
#wraper .subArea .request .formBox .form_table .item_list li .item .dateBox input{ display:block; width:100%; height:100%; padding:5px 10px 5px 40px; font-size:14px; font-weight:400; color:#666; border:none; background-color:transparent; outline:none; box-sizing:border-box}
#wraper .subArea .request .formBox .form_table .item_list li .item .dateBox img{ position:absolute; left:10px; top:12px;}
#wraper .subArea .request .formBox .form_table .item_list li .item .member_list{ width:100%; padding:20px; border:1px solid #ddd; box-sizing:border-box; background-color:#fff;}
#wraper .subArea .request .formBox .form_table .item_list li .item .member_list li{ margin-bottom:10px;}
#wraper .subArea .request .formBox .form_table .item_list li .item .member_list li span{ display:inline-block; font-size:16px; font-weight:400; color:#666; vertical-align:middle}
#wraper .subArea .request .formBox .form_table .item_list li .item .member_list li .xBtn{ display:inline-block; margin-left:20px; vertical-align:middle}
#wraper .subArea .request .formBox .form_table .item_list li .item .member_list li .xBtn img{ width:14px;}
#wraper .subArea .request .formBox .form_table .item_list li.multi{ display:table; width:100%;}
#wraper .subArea .request .formBox .form_table .item_list li.multi .item{ display:table-cell; width:25%}
#wraper .subArea .request .formBox .form_table .item_list li.multi .item label{ font-size:14px;}
#wraper .subArea .request .formBox .form_table .item_list li .addBtn{ margin-top:20px; text-align:right;}
#wraper .subArea .request .formBox .form_table .item_list li .addBtn a{ display:inline-block; width:100px; height:40px; line-height:40px; font-size:16px; font-weight:400; color:#fff; text-align:center; background-color:#3582a5;}

#wraper .subArea .request .formBox .selectBox{ position:relative; width:100%; height:40px; border:1px solid #ddd; background-color:#fff; margin:10px 0; box-sizing:border-box}
#wraper .subArea .request .formBox .selectBox .selectBtn{ display:none;}
#wraper .subArea .request .formBox .selectBox .selectBtn + label{ position:relative; display:block; width:100%; height:100%; padding:10px 20px; font-size:16px; font-weight:400; color:#666; box-sizing:border-box; cursor:pointer}
#wraper .subArea .request .formBox .selectBox .selectBtn + label:after{ content:""; position:absolute; top:13px; right:20px; display:block; width:6px; height:6px; border-top:1px solid #666; border-right:1px solid #666; transform:rotate(135deg); z-index:1}
#wraper .subArea .request .formBox .selectBox .selectBtn:checked + label:after{ top:17px; transform:rotate(-45deg);}
#wraper .subArea .request .formBox .selectBox .dropBox{ display:none; position:absolute; width:100%; top:38px; left:0; border:1px solid #ddd; background-color:#fff; padding:20px; box-sizing:border-box;}
#wraper .subArea .request .formBox .selectBox .dropBox .inputBox{ position:relative; width:100%; height:40px; border:1px solid #ddd; background-color:#fff;}
#wraper .subArea .request .formBox .selectBox .dropBox .inputBox input{ display:block; width:100%; height:100%; padding:5px 10px; font-size:16px; font-weight:400; color:#666; border:none; background-color:transparent; outline:none; box-sizing:border-box}
#wraper .subArea .request .formBox .selectBox .dropBox .inputBox .search_btn{ position:absolute; top:10px; right:10px;}
#wraper .subArea .request .formBox .selectBox .dropBox .inputBox .search_btn img{ width:20px;}
#wraper .subArea .request .formBox .selectBox .dropBox ul{ margin-top:20px;}
#wraper .subArea .request .formBox .selectBox .dropBox ul li{ font-size:16px; font-weight:400; color:#666; margin-bottom:10px;}
#wraper .subArea .request .formBox .selectBox .dropBox ul li:after{ content:""; display:block; clear:both}
#wraper .subArea .request .formBox .selectBox .dropBox ul li a{ display:inline-block; float:right;}
#wraper .subArea .request .formBox .selectBox .selectBtn:checked + label + .dropBox{ display:block !important}
#wraper .subArea .request .formBox .textArea{ width:100%; height:135px; border:1px solid #ddd; background-color:#fff; box-sizing:border-box; overflow-y:auto;}
#wraper .subArea .request .formBox .textArea textarea{ display:block; width:100%; height:100%; padding:20px; font-size:14px; font-weight:400; color:#666; border:none; background-color:transparent; outline:none; resize:none; box-sizing:border-box}
#wraper .subArea .request .formBox .textArea p{ padding:20px 0; border-bottom:1px solid #ddd;}
#wraper .subArea .request .formBox .textArea p:last-child{ border-bottom:none;}
#wraper .subArea .request .formBox .textArea p span{ display:inline-block; width:120px; vertical-align:middle; text-align:right; font-size:16px; font-weight:400; color:#666; margin-right:10px;}
#wraper .subArea .request .formBox .textArea p input{ display:inline-block; width:800px; vertical-align:middle; font-size:16px; font-weight:400; color:#666; border:none; background-color:transparent; outline:none;}
#wraper .subArea .request .formBox .textArea ul{ width:100%; padding:20px; box-sizing:border-box;}
#wraper .subArea .request .formBox .textArea ul li{ font-size:16px; font-weight:400; color:#666; margin-bottom:10px;}
#wraper .subArea .request .formBox .textArea1{ width:100%; height:40px; border:1px solid #ddd; background-color:#fff; box-sizing:border-box; overflow-y:auto;}
#wraper .subArea .request .formBox .textArea1 textarea{ display:block; width:100%; height:100%; padding:20px; font-size:14px; font-weight:400; color:#666; border:none; background-color:transparent; outline:none; resize:none; box-sizing:border-box}
#wraper .subArea .request .formBox .textArea1 p{ padding:20px 0; border-bottom:1px solid #ddd;}
#wraper .subArea .request .formBox .textArea1 p:last-child{ border-bottom:none;}
#wraper .subArea .request .formBox .textArea1 p span{ display:inline-block; width:120px; vertical-align:middle; text-align:right; font-size:16px; font-weight:400; color:#666; margin-right:10px;}
#wraper .subArea .request .formBox .textArea1 p input{ display:inline-block; width:800px; vertical-align:middle; font-size:16px; font-weight:400; color:#666; border:none; background-color:transparent; outline:none;}
#wraper .subArea .request .formBox .textArea1 ul{ width:100%; padding:20px; box-sizing:border-box;}
#wraper .subArea .request .formBox .textArea1 ul li{ font-size:16px; font-weight:400; color:#666; margin-bottom:10px;}
#wraper .subArea .request .formBox .inputBtn{ margin-top:20px; text-align:center;}
#wraper .subArea .request .formBox .inputBtn a{ display:inline-block; width:100px; height:40px; line-height:40px; font-size:18px; font-weight:400; color:#fff; text-align:center; background-color:#3582a5;}
#wraper .subArea .request .checkBox{ margin-top:50px; text-align:center}
#wraper .subArea .request .checkBox input{ width:16px; height:16px; vertical-align:middle}
#wraper .subArea .request .checkBox label{ display:inline-block; font-size:16px; font-weight:400; color:#666; vertical-align:middle;}
#wraper .subArea .request .checkBox p{ font-size:14px; font-weight:300; color:#348fa5; margin-top:10px; line-height:1.4;}
#wraper .subArea .request .submit_btn{ display:block; width:260px; height:55px; line-height:55px; font-size:18px; font-weight:400; color:#fff; text-align:center; background-color:#348fa5; border-radius:5px; margin:20px auto 0;}
#wraper .subArea .request .submit_btn.new_style{ color:#348fa5; background-color:#fff; border:1px solid #348fa5 !important}
#wraper .subArea .request .submit_btns{ display:block; width:130px; height:40px; line-height:40px; font-size:16px; font-weight:300; color:#fff; text-align:center; background-color:#348fa5; border-radius:5px; margin:20px auto 0;}
#wraper .subArea .middle_title{font-size: 34px; font-weight: bold; color: #333; text-align: center; margin-top: 100px;}
#wraper .subArea .middle_text2{ font-size:16px; color:#888; margin-top:20px; text-align:center}
#wraper .subArea .inputArea .box2{margin-top:30px}
#wraper .subArea .inputArea .box2 span{ text-decoration:underline}



/* 관리자 */
#wraper .admArea{ padding:100px 0}
#wraper .customer_info{ margin-bottom:100px}
#wraper .customer_info table{ width:100%; border-collapse:collapse;}
#wraper .customer_info table th{ font-size:18px; font-weight:500; color:#333; text-align:center; border-bottom:2px solid #666; border-top:2px solid #666; padding:15px 0;}
#wraper .customer_info table td{ font-size:16px; font-weight:400; color:#666; text-align:center; border-bottom:1px solid #ddd; padding:15px 0;}
#wraper .admArea .adm_title{ text-align:center}
#wraper .admArea .adm_title span{ display:inline-block; font-size:40px; font-weight:400; color:#333;}
#wraper .adm_subTitle{ font-size:28px; font-weight:500; color:#333; margin-top:70px; margin-bottom:20px}
#wraper .admArea .formBox{ width:100%; padding:30px; box-sizing:border-box; border:1px solid #ddd; background-color:#f9f9f9; margin-bottom:20px;}
#wraper .admArea .formBox .form_title span{ display:inline-block; font-size:26px; font-weight:bold; color:#333; padding-bottom:5px; border-bottom:2px solid #666;}
#wraper .admArea .formBox .form_table{ width:100%; padding:40px 20px; box-sizing:border-box; margin-top:10px;}
#wraper .admArea .formBox .form_table table{ width:100%; border-collapse:collapse}
#wraper .admArea .formBox .form_table table th{ width:200px; font-size:18px; font-weight:400; color:#666; text-align:right; padding:10px; vertical-align:middle;}
#wraper .admArea .formBox .form_table table td{ font-size:14px; font-weight:400; color:#666; vertical-align:middle; padding:10px;}
#wraper .admArea .formBox .form_table table td a font{ font-size:14px;}
#wraper .admArea .formBox .form_table table td .inputBox{ position:relative; display:inline-block; width:200px; height:40px; border:1px solid #ddd; background-color:#fff; vertical-align:middle}
#wraper .admArea .formBox .form_table table td .inputBox.url{ width:350px}
#wraper .admArea .formBox .form_table table td .inputBox input{ display:block; width:100%; height:100%; padding:10px; font-size:18px; font-weight:400; color:#666; border:none; background-color:transparent; outline:none; box-sizing:border-box;}
#wraper .admArea .formBox .form_table table td .inputBox .ui-datepicker-trigger{ position:absolute; top:11px; right:10px;}
#wraper .admArea .formBox .form_table table td .email_btn{ display:inline-block; width:80px; height:40px; line-height:40px; font-size:16px; font-weight:400; color:#666; text-align:center; border:1px solid #ddd; background-color:#fff; vertical-align:middle; margin-left:20px; margin-right:20px;}
#wraper .admArea .formBox .form_table table td .email_check{ width:16px; height:16px; vertical-align:middle;}
#wraper .admArea .formBox .form_table table td .th_label{ display:inline-block; width:200px; font-size:18px; font-weight:400; color:#666; vertical-align:middle}
#wraper .admArea .formBox .form_table table td .text{ display:inline-block; font-size:16px; font-weight:400; color:#666; margin-left:30px; vertical-align:middle}
#wraper .admArea .formBox .form_table table td .moneyBox{ display:inline-block; vertical-align:middle}
#wraper .admArea .formBox .form_table table td > input[type=file]{ font-size:14px; vertical-align:middle}
#wraper .admArea .formBox .form_table table td > input[type=radio]{ width:16px; height:16px; vertical-align:middle; margin-right:10px; margin-left:-25px}
#wraper .admArea .formBox .form_table table td input[type=button]{ display:none;}
#wraper .admArea .formBox .form_table table td input[type=button] + label{ display:inline-block; width:80px; height:30px; line-height:30px; font-size:14px; font-weight:400; color:#348fa5; text-align:center; border:1px solid #348fa5; background-color:#fff; vertical-align:middle; margin-left:10px; border-radius:20px; cursor:pointer; transition:0.5s}
#wraper .admArea .formBox .form_table table td input[type=button]:hover + label{ background-color:#348fa5; color:#fff;}
#wraper .admArea .save_btn{ display:block; width:260px; height:55px; line-height:55px; font-size:18px; font-weight:400; color:#fff; text-align:center; background-color:#348fa5; border-radius:5px; margin:50px auto 0;}
#wraper .admArea .formBox .form_table table th > input[type=checkbox]{ display:none}
#wraper .admArea .formBox .form_table table th > input[type=checkbox] + label{ display:inline-block; background-image:url(..//resources/img/main/corp/check_btn_off.png); background-position:left center; background-repeat:no-repeat; background-size:16px; padding:5px 5px 5px 25px; font-size:16px; font-weight:400; color:#666; vertical-align:middle; cursor:pointer}
#wraper .admArea .formBox .form_table table th > input[type=checkbox]:checked + label{ background-image:url(..//resources/img/main/corp/check_btn_on.png);}

#wraper .list_search{ text-align:right; margin-top:50px}
#wraper .list_search .selectBox{ display:inline-block; width:100px; height:35px; border:1px solid #ccc; vertical-align:middle}
#wraper .list_search .selectBox select{ display:block; width:100%; height:100%; padding:5px 10px; font-size:14px; font-weight:400; color:#666; border:none; background-color:transparent; outline:none; box-sizing:border-box;}
#wraper .list_search .inputBox{ display:inline-block; width:200px; height:35px; border:1px solid #ccc; vertical-align:middle}
#wraper .list_search .inputBox input{ display:block; width:100%; height:100%; padding:5px 10px; font-size:14px; font-weight:400; color:#666; border:none; background-color:transparent; outline:none; box-sizing:border-box;}
#wraper .list_search .search_btn{ display:inline-block; width:60px; height:35px; line-height:35px; background-color:#666; color:#fff; font-size:14px; font-weight:400; text-align:center; vertical-align:middle;}
#wraper .write_btn{ display:block; width:80px; height:40px; line-height:38px; border:1px solid #aaa; box-sizing:border-box; font-size:14px; font-weight:400; color:#666; margin-top:-40px; text-align:center; transition:0.5s;}
#wraper .write_btn:hover{ color:#fff; background-color:#333;}

#wraper .subArea .search_result{ padding:100px 0;}
#wraper .subArea .search_result .depth{ font-size:16px; font-weight:400; color:#666;}
#wraper .subArea .search_result .searchBox{ text-align:right;}
#wraper .subArea .search_result .searchBox .inputBox{ position:relative; display:inline-block; width:240px; height:40px; background-color:#fff; border:1px solid #ddd;}
#wraper .subArea .search_result .searchBox .inputBox input{ display:block; width:100%; height:100%; padding:5px 30px 5px 10px; box-sizing:border-box; font-size:14px; font-weight:400; color:#666; border:none; background-color:transparent; outline:none;}
#wraper .subArea .search_result .searchBox .inputBox a{ position:absolute; right:10px; top:10px;}
#wraper .subArea .search_result .searchBox .inputBox a img{ width:20px}
#wraper .subArea .search_result .result_title{ font-size:30px; font-weight:500; color:#333; margin-top:50px;}
#wraper .subArea .search_result .result_text{ font-size:18px; font-weight:300; color:#666; margin-top:40px;}
#wraper .subArea .search_result .result_text span{ font-size:20px; font-weight:400;}
#wraper .subArea .search_result .result_list{ padding:30px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-top:30px}
#wraper .subArea .search_result .result_list li{ margin-bottom:40px;}
#wraper .subArea .search_result .result_list li:last-child{ margin-bottom:0;}
#wraper .subArea .search_result .result_list li .list_title{ font-size:18px; font-weight:400; color:#333;}
#wraper .subArea .search_result .result_list li .list_text{ font-size:14px; font-weight:400; color:#666; margin-top:10px;}

/* 마이페이지 */
#wraper .mypage .center{ width:640px;}
#wraper .mypage .my_tab{ border-bottom:1px solid #ddd; text-align:left; margin-top:100px}
#wraper .mypage .my_tab a{ position:relative; display:inline-block; vertical-align:middle; height:50px; line-height:50px; font-size:18px; font-weight:bold; margin-right:40px;}
#wraper .mypage .my_tab a.active{ color:#271585;}
#wraper .mypage .my_tab a.active:after{ content:""; position:absolute; left:0; bottom:-3px; width:100%; height:4px; background-color:#271585; z-index:1}
#wraper .mypage .my_table01{ margin-top:30px}
#wraper .mypage .my_table01 table{ width:100%; border-collapse:collapse;}
#wraper .mypage .my_table01 table th{ width:150px; font-size:16px; font-weight:bold; padding:20px; text-align:left; background-color:#f7f7f7; border-top:1px solid #ddd; border-bottom:1px solid #ddd; vertical-align:top}
#wraper .mypage .my_table01 table td{ padding:20px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
#wraper .mypage .my_table01 table td p{ font-size:16px;}
#wraper .mypage .my_table01 table td .inputArea{ }
#wraper .mypage .my_table01 table td .inputArea .inputBox{ position:relative; width:100%; height:34px; border:1px solid #ddd; box-sizing:border-box; margin-top:45px}
#wraper .mypage .my_table01 table td .inputArea .inputBox.wd50{ width:50%;}
#wraper .mypage .my_table01 table td .inputArea .inputBox.wd30{ width:31%; display:inline-block; vertical-align:middle}
#wraper .mypage .my_table01 table td .inputArea .inputBox.mgT20{ margin-top:20px}
#wraper .mypage .my_table01 table td .inputArea .inputBox label{ position:absolute; left:0; top:-20px; font-size:14px;}
#wraper .mypage .my_table01 table td .inputArea .inputBox input{ display:block; width:100%; height:100%; padding:5px 10px; font-size:16px; border:none; background-color:transparent; outline:none; box-sizing:border-box;}
#wraper .mypage .my_table01 table td .inputArea p{ display:inline-block; vertical-align:middle; margin-top:40px;}
#wraper .mypage .my_table01 table td .btnBox{ margin-top:30px}
#wraper .mypage .my_table01 table td .btnBox a{ display:inline-block; vertical-align:middle; width:100px; height:34px; line-height:34px; font-size:14px; text-align:center; border:1px solid #ddd}
#wraper .mypage .my_table01 table td .btnBox a.btn02{ border-color:#241766; color:#241766; margin-left:10px;}
#wraper .mypage .agreeBox{ margin-top:50px; text-align:center}
#wraper .mypage .agreeBox input{ display:none;}
#wraper .mypage .agreeBox input + label{ display:inline-block; font-size:16px; color:#333; padding:5px 5px 5px 30px; background-image:url(..//resources/img/main/corp/icon_check_off.png); background-repeat:no-repeat; background-position:left center; cursor:pointer}
#wraper .mypage .agreeBox input:checked + label{ background-image:url(..//resources/img/main/corp/icon_check_on.png); }
#wraper .mypage .saveBtn{ display:block; width:300px; height:76px; line-height:76px; font-size:20px; color:#fff; text-align:center; background-color:#241766; margin:60px auto 0;}
#wraper .mypage .search{ margin-top:30px; overflow:hidden}
#wraper .mypage .search:after{ content:""; display:block; clear:both}
#wraper .mypage .search .selectBox{ float:left; width:120px; height:34px; border:1px solid #ddd; box-sizing:border-box; margin-right:10px; background-image:url(..//resources/img/main/corp/arrow_down.png); background-position:right 10px center; background-repeat:no-repeat; background-size:14px;}
#wraper .mypage .search .selectBox select{ display:block; width:100%; height:100%; padding:5px 10px; box-sizing:border-box; font-size:14px; color:#333; border:none; background-color:transparent; outline:none;}
#wraper .mypage .search .inputBox{ float:left; width:400px; height:40px;  box-sizing:border-box; margin-right:10px;}
#wraper .mypage .search .inputBox input{ display:block; width:100%; height:100%; padding:5px 10px; box-sizing:border-box; font-size:14px; color:#333; border:none; background-color:transparent; outline:none;}
#wraper .mypage .search .btn{ float:left; width:100px; height:40px; line-height:30px; border:1px solid #241766; font-size:14px; color:#241766; text-align:center; box-sizing:border-box;}
#wraper .mypage .my_table02{ margin-top:30px;}
#wraper .mypage .my_table02 table{ width:100%; border-collapse:collapse;}
#wraper .mypage .my_table02 table th{ font-size:14px; font-weight:bold; padding:20px 0; text-align:center; background-color:#f7f7f7; border:1px solid #ddd;}
#wraper .mypage .my_table02 table td{ font-size:14px; padding:25px 0; text-align:center; border:1px solid #ddd;}
#wraper .mypage .my_table02 table th:first-child,
#wraper .mypage .my_table02 table td:first-child{ width:50px; border-left:none}
#wraper .mypage .my_table02 table th:last-child,
#wraper .mypage .my_table02 table td:last-child{ border-right:none}

/* 페이지 번호 */
#wraper .pageBtn{ margin-top:50px; text-align:center;}
#wraper .pageBtn li{ display:inline-block; vertical-align:middle; background-position:center; background-repeat:no-repeat; padding: 0 3px;}
#wraper .pageBtn .first{ width:30px; height:30px; background-image:url(..//resources/img/main/corp/icon_firstBtn.png); margin-right:5px}
#wraper .pageBtn .prev{ width:30px; height:30px; background-image:url(..//resources/img/main/corp/icon_prevBtn.png); margin-right:15px}
#wraper .pageBtn .next{ width:30px; height:30px; background-image:url(..//resources/img/main/corp/icon_nextBtn.png); margin-left:15px}
#wraper .pageBtn .last{ width:30px; height:30px; background-image:url(..//resources/img/main/corp/icon_lastBtn.png); margin-left:5px}
#wraper .pageBtn .active{ width:22px; height:22px; line-height:22px; font-size:16px; font-weight:500; color:#333; text-align:center; margin:0 2px;}
#wraper .pageBtn .active a{ font-weight:bold; color:#df3b5d; border:1px solid #ddd; padding: 0 2px;}

.device_img{ text-align:center; margin-top:50px;}
.device_img img{ width:1200px; max-width:100%;}

.img_main_stamp02 {
   width: 330px;
   text-align:center;
   margin-top:50px;
   float:left;
}
.img_main_stamp01 {
    text-align:center;
    margin-top:50px;
    margin-bottom:50px;
}
.stamp_title {
    font-size: 17px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.26px;
    text-align: center;
    color: #333333;
    margin-bottom: 16px;
}
.stamp_content {
    font-size: 17px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.26px;
    text-align: center;
    color: #333333;
}
.stamp_middleline {
    font-size: 15px;
    letter-spacing: -0.23px;
    color: #666666;
    text-decoration:line-through;
}
.stamp_bold {
    font-weight: bold;
    color: #436fe0;
}

@media (max-width:1199px){


.pop-layer{ width:96%; height:96vh; left:2%; top:2vh; margin-left:0; margin-top:0;}
.pop-layer .pop-container{ padding:20px 10px; box-sizing:border-box}
.pop-layer .pop-conts .title span{ font-size:20px;}
.pop-layer .pop-conts .subTitle{ font-size:14px;}
.pop-layer .pop-conts .text01{ font-size:12px;}
.pop-layer .pop-conts .text02 table th,
.pop-layer .pop-conts .text02 table td{ font-size:12px;}
.pop-layer .pop-conts .textBox{ height:calc(100vh - 125px)}

#wraper .intro_bx .intro_img .img_pc{display:none !important}
#wraper .intro_bx .intro_img .img_m{display:block !important}

#wraper .joinArea{ width:100%; padding:100px 10px; box-sizing:border-box}
#wraper .joinArea .join_title{ font-size:34px}
#wraper .joinArea .join_title2{ font-size:14px; line-height:1.6;}
#wraper .joinArea .join_title2 span{ display:block}
#wraper .joinArea .join_subTitle,
#wraper .joinArea .join_subTitle a{ font-size:16px;}
#wraper .joinArea .inputArea{ padding:0 10px}
#wraper .joinArea .inputArea .inputBox{ height:45px}
#wraper .joinArea .inputArea .inputBox input{ font-size:14px;}
#wraper .joinArea .inputArea table th{ width:120px; font-size:14px;}
#wraper .joinArea .inputArea table td{ padding:5px 0}
#wraper .joinArea .agree{ margin-top:30px}
#wraper .joinArea .agree p{ font-size:12px;}
#wraper .joinArea .agree input + label{ width:14px; height:14px; background-size:14px; margin-right:5px}

#wraper .subArea .titleArea .inputBox{ width:80%; height:40px;}
#wraper .subArea .titleArea .inputBox input{ padding:5px 35px 5px 10px;}
#wraper .subArea .titleArea .inputBox a{ top:8px;}
#wraper .subArea .titleArea .inputBox a img{ width:24px;}
#wraper .subArea .tabBox{ width:100%; padding:50px 0; }
#wraper .subArea .tabBox:before{ top:15%; height:70%}
#wraper .subArea .tabBox a{ padding:0 10px; box-sizing:border-box}
#wraper .subArea .tabBox a img{ margin-right:0}
#wraper .subArea .tabBox a span{ display:block; font-size:16px;}
#wraper .subArea .faq{ padding-bottom:5px}
#wraper .subArea .faq .faq_title{ font-size:24px;}
#wraper .subArea .faq .halfBox{ margin-top:40px; padding:0 10px 50px; box-sizing:border-box}
#wraper .subArea .faq .halfBox .half{ float:none; width:100%; padding:10px; box-sizing:border-box}
#wraper .subArea .faq .halfBox .half .subTitle{ font-size:16px;}
#wraper .subArea .faq .halfBox .half .faq_list{ margin-top:20px;}
#wraper .subArea .faq .halfBox .half .faq_list a{ font-size:14px; margin-bottom:10px}
#wraper .subArea .faq .halfBox .half .faq_list a br{ display:none}
#wraper .subArea .faq .more_btn{ margin-top:50px; font-size:16px;}

#wraper .subArea .request .request_title{ font-size:30px;}
#wraper .subArea .request .btnBox{ padding:50px 0 0; border-bottom:0}
#wraper .subArea .request .btnBox li{ width:45%; padding:0 1%}
#wraper .subArea .request .btnBox li .text01{ font-size:20px;}
#wraper .subArea .request .btnBox li .text02{ font-size:12px; height:35px; line-height:1.4;}
#wraper .subArea .request .btnBox li a{ width:100%; height:40px; line-height:40px; font-size:14px; margin-top:10px}
#wraper .subArea .request .request_list{ overflow-x:scroll; margin-top:10px}
#wraper .subArea .request .request_list .scrollBox{ width:150%; padding:0 10px}
#wraper .subArea .request .admin_list .scrollBox{ width:250%;}
#wraper .subArea .request .request_list .scrollBox table th{ font-size:14px;}
#wraper .subArea .request .request_list .scrollBox table td{ font-size:14px;}

#wraper .subArea .request .request_textBox{ margin-top:50px; padding:0 10px}
#wraper .subArea .request .request_textBox .text01{ font-size:17px;}
#wraper .subArea .request .request_textBox .text02{ font-size:14px; letter-spacing:-0.05em}
#wraper .subArea .request .formBox{ padding:20px;}
#wraper .subArea .request .formBox .form_title span{ font-size:20px;}
#wraper .subArea .request .formBox .form_subTitle{ font-size:14px;}
#wraper .subArea .request .formBox .form_subTitle br{ display:none;}
#wraper .subArea .request .formBox .form_table{ padding:0; margin-top:30px}
#wraper .subArea .request .formBox .form_table table th{ width:100px; font-size:12px; padding:15px 5px 10px}
#wraper .subArea .request .formBox .form_table table td{ font-size:12px; padding:10px 5px;}
#wraper .subArea .request .formBox .form_table table td .inputBox{ width:100%; height:30px;}
#wraper .subArea .request .formBox .form_table table td .inputBox input{ font-size:12px; padding:5px 10px}
#wraper .subArea .request .formBox .form_table table td .id_number{ width:46% !important}
#wraper .subArea .request .btn_list{ width:100%; padding:0 10px; box-sizing:border-box; text-align:center;}
#wraper .subArea .request .btn_list li{ position:relative; padding:10px; box-sizing:border-box; text-align:left}
#wraper .subArea .request .btn_list li .text01{ display:block; width:100%; font-size:16px; text-align:left; margin-bottom:10px}
#wraper .subArea .request .btn_list li .text02{ width:calc(100% - 110px); font-size:12px; line-height:1.4; margin-top:0; vertical-align:middle}
#wraper .subArea .request .btn_list li input + label{ position:absolute; width:80px; height:30px; line-height:30px; font-size:14px; right:10px; top:50%; margin-top:-15px;}
#wraper .subArea .request .formBox .form_table table td > input[type=file]{ width:200px; font-size:12px;}
#wraper .subArea .request .formBox .form_table table td p{ font-size:12px;}
#wraper .subArea .request .formBox .form_table table th input[type=checkbox]{ width:14px; height:14px; vertical-align:top; margin-top:5px}
#wraper .subArea .request .formBox .form_table table th input[type=checkbox] + label{ font-size:14px; line-height:1.6; width:80%; vertical-align:top}
#wraper .subArea .request .checkBox{ padding:0 10px; box-sizing:border-box}
#wraper .subArea .request .checkBox input{ width:14px; height:14px; vertical-align:top; margin-top:5px}
#wraper .subArea .request .checkBox input + label{ font-size:14px; line-height:1.6; width:80%; vertical-align:top}
#wraper .subArea .request .checkBox p{ font-size:12px;}
#wraper .subArea .request .checkBox p br{ display:none}
#wraper .subArea .request .submit_btn{ width:100%; height:45px; line-height:45px; font-size:14px;}
#wraper .subArea .request .submit_btns{ width:200px; height:45px; line-height:45px; font-size:14px;}

#wraper .subArea .request .formBox .form_table .item_list li .item .text{ font-size:14px; margin-top:20px;}
#wraper .subArea .request .formBox .form_table .item_list li .item .inputBox.address a{ font-size:14px}
#wraper .subArea .request .formBox .form_table .item_list li .item .selectBox,
#wraper .subArea .request .formBox .form_table .item_list li .item .inputBox,
#wraper .subArea .request .formBox .form_table .item_list li .item .dateBox{ width:100%}
#wraper .subArea .request .formBox .form_table .item_list li .item .id_number{ width:46% !important}
#wraper .subArea .request .formBox .form_table .item_list li .item .selectBox select,
#wraper .subArea .request .formBox .form_table .item_list li .item .inputBox input,
#wraper .subArea .request .formBox .form_table .item_list li .item .dateBox input{ font-size:12px;}
#wraper .subArea .request .formBox .form_table .item_list li.multi{ display:block; overflow:hidden}
#wraper .subArea .request .formBox .form_table .item_list li.multi:after{ content:""; display:block; clear:both}
#wraper .subArea .request .formBox .form_table .item_list li.multi .item{ display:block; float:left; width:48%;}
#wraper .subArea .request .formBox .form_table .item_list li.multi .item:nth-child(odd){ margin-right:3%}
#wraper .subArea .request .formBox .form_table .item_list li.multi .item.m_wd100{ width:100% !important}
#wraper .subArea .request .formBox .form_table .item_list li .item .text p{ font-size:11px; letter-spacing:-0.1em}
#wraper .subArea .request .formBox .form_table .item_list li .item .member_list li{ position:relative;}
#wraper .subArea .request .formBox .form_table .item_list li .item .member_list li span{ width:90%; font-size:14px; line-height:1.4}
#wraper .subArea .request .formBox .form_table .item_list li .item .member_list li .xBtn{ position:absolute; top:50%; margin-top:-7px; right:0;}
#wraper .subArea .request .formBox .inputBtn a{ font-size:16px;}
#wraper .subArea .request .formBox .form_title2{ font-size:16px;}
#wraper .subArea .request .formBox .selectBox .selectBtn + label{ font-size:14px;}
#wraper .subArea .request .formBox .selectBox .dropBox .inputBox input{ font-size:14px;}
#wraper .subArea .request .formBox .selectBox .dropBox ul li{ font-size:14px;}
#wraper .subArea .request .formBox .textArea{ height:95px}
#wraper .subArea .request .formBox .textArea p{ padding:10px 0;}
#wraper .subArea .request .formBox .textArea p span{ width:100px; font-size:14px;}
#wraper .subArea .request .formBox .textArea p input{ width:calc(100% - 120px)}
#wraper .subArea .request .formBox .textArea ul{ padding:15px 20px;}
#wraper .subArea .request .formBox .textArea ul li{ font-size:14px;}
#wraper .subArea .request .formBox .textArea1{ height:95px}
#wraper .subArea .request .formBox .textArea1 p{ padding:10px 0;}
#wraper .subArea .request .formBox .textArea1 p span{ width:100px; font-size:14px;}
#wraper .subArea .request .formBox .textArea1 p input{ width:calc(100% - 120px)}
#wraper .subArea .request .formBox .textArea1 ul{ padding:15px 20px;}
#wraper .subArea .request .formBox .textArea1 ul li{ font-size:14px;}    
#wraper .subArea .request .formBox .form_table .table_title{ font-size:18px; margin-bottom:20px}
#wraper .subArea .request .formBox .form_table table td .inputBox.won{ padding-right:10px}
#wraper .subArea .request .formBox .form_table table td .inputBox.won:after{ top:6px; right:6px; font-size:14px;}
#wraper .subArea .request .formBox .line{ margin:50px 0;}
#wraper .subArea .request .formBox .form_table table td .dateBox{ width:100%; height:30px;}
#wraper .subArea .request .formBox .form_table table td .dateBox input{ font-size:12px;}
#wraper .subArea .request .formBox .form_table table td .dateBox img{ top:7px}
#wraper .subArea .middle_title{ font-size:22px; margin-top:50px;}
#wraper .subArea .middle_text2{ font-size:14px;}

#wraper .admArea .formBox{ padding:20px;}
#wraper .admArea .formBox .form_table{ padding:20px 0;}
#wraper .adm_subTitle{ padding-left:10px; font-size:24px;}
#wraper .customer_info{ width:100%; padding:0 10px; box-sizing:border-box}
#wraper .customer_info table th{ font-size:14px; padding:10px 0;}
#wraper .customer_info table td{ font-size:12px; padding:10px 0;}
#wraper .subArea .request .formBox .form_table table td .inputBox.address a{ width:65px; height:30px; line-height:30px; font-size:13px;}
#wraper .subArea .request .formBox .form_table .item_list li.multi2 .item{ float:none; width:100% !important; margin-right:0 !important}
#wraper .admArea .formBox .form_table table td .moneyBox{ display:block; }
#wraper .admArea .formBox .form_table table td .moneyBox input[type=button] + label{margin-top:5px; font-size:12px; width:65px; height:25px; line-height:25px; margin-left:5px}
#wraper .admArea .formBox .form_table table td .inputBox.url{ width:100%}
#wraper .admArea .formBox .form_table table td .inputBox{ display:block; width:100%; height:30px; margin-bottom:5px}
#wraper .admArea .formBox .form_table table td > input[type=radio]{ width:14px; height:14px; margin:0 5px 5px 0; }
#wraper .admArea .formBox .form_table table td .th_label{ width:auto; font-size:14px; margin-bottom:5px;}
#wraper .admArea .formBox .form_table table td .text{ margin-left:0; font-size:14px;}
#wraper .admArea .formBox .form_table table td .email_btn{ width:65px; height:30px; line-height:30px; font-size:12px; margin-left:0; margin-right:10px}
#wraper .admArea .formBox .form_table table th{width:88px; font-size:12px; padding:14px 5px 10px; vertical-align:top; letter-spacing:-0.05em;}
#wraper .admArea .formBox .form_table table td{ padding:10px 5px; vertical-align:top}
#wraper .admArea .formBox .form_table table td > input[type=file]{ width:190px; font-size:12px;}
#wraper .admArea .formBox .form_table table td .email_check{ width:14px; height:14px;}
#wraper .admArea .save_btn{ width:200px; height:50px; line-height:50px; font-size:16px;}
#wraper .admArea .formBox .form_title span{ font-size:20px;}

#wraper .list_search{ padding-right:10px;}
#wraper .list_search .selectBox{ width:80px; height:30px;}
#wraper .list_search .selectBox select{ font-size:12px; }
#wraper .list_search .inputBox{ width:140px; height:30px;}
#wraper .list_search .inputBox input{ font-size:12px;}
#wraper .list_search .search_btn{ height:30px; line-height:30px; font-size:12px;}

#wraper .subArea .search_result{ width:100%; padding:100px 10px 50px; box-sizing:border-box}
#wraper .subArea .search_result .depth{ font-size:14px;}
#wraper .subArea .search_result .searchBox{ margin-top:-24px;}
#wraper .subArea .search_result .searchBox .inputBox{ width:160px; height:35px;}
#wraper .subArea .search_result .searchBox .inputBox a{ right:8px; top:8px;}
#wraper .subArea .search_result .result_title{ font-size:28px; text-align:center }
#wraper .subArea .search_result .result_text{ font-size:14px;}
#wraper .subArea .search_result .result_text span{ font-size:16px;}
#wraper .subArea .search_result .result_list{ padding:20px; margin-top:20px}
#wraper .subArea .search_result .result_list li{ margin-bottom:30px;}
#wraper .subArea .search_result .result_list li .list_title{ font-size:16px;}
#wraper .subArea .search_result .result_list li .list_text{ font-size:13px;}

#wraper .mypage{ width:100%; padding:50px 15px; box-sizing:border-box}
#wraper .mypage .center{ width:100%;}
#wraper .mypage .my_tab{ margin-top:30px;}
#wraper .mypage .my_tab a{ font-size:15px; height:40px; line-height:40px; margin-right:20px;}
#wraper .mypage .my_tab a:last-child{ margin-right:0}
#wraper .mypage .my_table01 table th{ width:90px; font-size:12px; padding:15px 10px;}
#wraper .mypage .my_table01 table td{ padding:15px 10px;}
#wraper .mypage .my_table01 table td p{ font-size:12px;}
#wraper .mypage .my_table01 table td .inputArea .inputBox{ margin-top:35px;}
#wraper .mypage .my_table01 table td .inputArea .inputBox.wd30{ width:29%}
#wraper .mypage .my_table01 table td .inputArea .inputBox label{ font-size:12px;}
#wraper .mypage .my_table01 table td .inputArea .inputBox.wd30 label{ width:150%;}
#wraper .mypage .my_table01 table td .inputArea .inputBox input{ font-size:12px;}
#wraper .mypage .my_table01 table td .btnBox{ margin-top:20px}
#wraper .mypage .my_table01 table td .btnBox a{ width:80px; height:30px; line-height:30px; font-size:12px;}
#wraper .mypage .my_table01 table td .btnBox a.btn02{ margin-left:5px;}
#wraper .mypage .agreeBox{ margin-top:30px}
#wraper .mypage .agreeBox input + label{ padding:5px 5px 5px 25px; background-size:18px; font-size:14px;}
#wraper .mypage .saveBtn{ width:100%; height:60px; line-height:60px; font-size:18px; border-radius:7px; margin-top:30px}
#wraper .mypage .search{ margin-top:20px;}
#wraper .mypage .search .selectBox{ width:80px; background-size:8px; margin-right:5px}
#wraper .mypage .search .selectBox select{ font-size:12px;}
#wraper .mypage .search .inputBox{ width:calc(100% - 150px); margin-right:5px;}
#wraper .mypage .search .btn{ width:60px; font-size:12px;}
#wraper .mypage .my_table02{ overflow-x:scroll; margin-top:20px;}
#wraper .mypage .my_table02 .scrollBox{ width:200%;}
#wraper .mypage .my_table02 table th{ font-size:12px; padding:15px 0;}
#wraper .mypage .my_table02 table td{ font-size:12px; padding:15px 0;}

#wraper .pageBtn{ margin-top:30px}
#wraper .pageBtn .first,
#wraper .pageBtn .prev,
#wraper .pageBtn .next,
#wraper .pageBtn .last{ width:20px; height:22px; background-size:auto 12px;}
#wraper .pageBtn .prev{ margin-right:5px;}
#wraper .pageBtn .next{ margin-left:5px;}
#wraper .pageBtn .active a{ width:18px; height:18px; line-height:18px; margin:0;}

#wraper .subArea .request .formBox .form_table .choiceBox input{ width:14px; height:14px;}
#wraper .subArea .request .formBox .form_table .choiceBox label{ font-size:16px;}


.device_img{ margin-top:0;}

.img_main_stamp02 {
    width:auto;
    float:none;
}
.img_main_stamp01 {
    margin-top:auto;
}
}

/* 2020 cello 개편 */
/* common */
.pc_block {
  display: block !important;
}
.m_block {
  display: none !important;
}
.img_pc {
	display: block;
}
.img_m {
	display: none;
}
.bx_tit {
	font-weight: normal;
	font-size: 42px;
	line-height: 55px;
	letter-spacing: -0.37px;
}
.bx_tit2 {
	font-weight: normal;
	font-size: 32px;
	line-height: 50px;
	letter-spacing: -0.37px;
}
.bx_tit em {
	font-weight: bold;
  font-style: normal;
}
.bx_tit2 em {
	font-weight: bold;
  font-style: normal;
}
.bx_subtit {
	display: block;
	font-size: 24px;
	line-height: 36px;
	letter-spacing: -0.37px;
}
.bx_desc {
	color: #737a8f;
	font-size: 17px;
	line-height: 25px;
	letter-spacing: -0.26px;
}
.btn {
	display: inline-block;
	width: 184px;
	height: 56px;
	border: none;
	border-radius: 7px;
	background: #fff;
	color: #4163e7;
	font-family: "Noto Sans KR", "Noto Sans", sans-serif;
	font-weight: bold;
	font-size: 18px;
	line-height: 56px;
	letter-spacing: -0.28px;
	vertical-align: top;
	text-align: center;
	box-sizing: border-box;
}
.btn.ty_blue {
	background: #436fe0;
	color: #fff;
}
.tx_point {
	color: #436fe0;
}
.blind,
legend {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  line-height: 0;
  white-space: normal;
  word-wrap: break-word;
  word-break: break-all;
  clip: rect(0, 0, 0, 0);
}

.blind:before,
legend:before {
  display: block;
  width: 0;
  height: 0;
  font-size: 0;
  content: "\00a0";
}
.corp_header {
    background-color: #436fe0;
    min-width: 410px;
}
.center {
	position:relative;
  width: 1200px;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
}

/* swiper */
.slide_bx .slide_item {
	padding: 71px 30px 40px;
	box-sizing: border-box;
	color: #fff;
	text-align: center;
}
.slide_bx .slide_item .slide_img {
	overflow: hidden;
	display: inline-block;
	width: 120px;
	height: 120px;
	border-radius: 100%;
	background: #fff;
	vertical-align: top;
}
.slide_bx .slide_item .slide_img img {
	width: 100%;
	height: 100%;
	vertical-align: top;
}
.slide_bx .slide_item .slide_tit {
	display: block;
	margin-top: 30px;
	font-size: 24px;
	line-height: 36px;
	letter-spacing: -0.37px;
}
.slide_bx .slide_item .slide_desc {
	margin-top: 30px;
  color: #fff;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.25px;
}
.slide_bx .swiper-pagination-bullets {
	position: relative;
	margin-top: 10px;
	text-align: center;
}
.slide_bx .swiper-pagination-bullet {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 0 5px;
	border-radius: 100%;
	background: none;
	border: 1px solid #fff;
	box-sizing: border-box;
}
.slide_bx .swiper-pagination-bullet-active {
	background: #fff;
}
.slide_bx .swiper-button-prev,
.slide_bx .swiper-button-next {
	position: absolute;
	top: 50%;
	left: 0;
	width: 56px;
	height: 56px;
	transform: translateY(-100%);
	background: url(/resources/img/main/ico_arrow@2x.png);
  background-size: 56px 56px;
	z-index: 10;
}
.slide_bx .swiper-button-next {
	left: auto;
	right: 0;
	transform: translateY(-100%) rotate(180deg);
}
.swiper-container {
	overflow: hidden;
	position: relative;
	margin: 0 auto;
	padding: 0 10px 40px;
	list-style: none;
	z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
	float: left;
}
.swiper-container-vertical > .swiper-wrapper {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	transition-property: transform, -webkit-transform;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.swiper-container-android .swiper-slide {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	transition-property: transform, -webkit-transform;
}
.swiper-invisible-blank-slide {
	visibility: hidden;
}
.swiper-container-autoheight {
	height: auto;
}
.swiper-container-autoheight .swiper-slide {
	height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-transition-property: height, -webkit-transform;
	transition-property: height, -webkit-transform;
	transition-property: transform, height;
	transition-property: transform, height, -webkit-transform;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
	pointer-events: none;
	-webkit-transition-property: opacity;
	transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events: none;
}
.swiper-container-fade .swiper-slide-active {
	pointer-events: auto;
}
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}

/* scroll */
*::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  border: 3px solid #fff;
}
*::-webkit-scrollbar-button:start:decrement,
*::-webkit-scrollbar-button:end:increment {
  display: none;
}
*::-webkit-scrollbar-track {
  opacity: 0;
}
*::-webkit-scrollbar-thumb {
  width: 110px;
  height: 110px;
  background: rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.1);
}

/* 해더 */
#header_top {
  position: absolute;
  top: 0;
  width: 100%;
  background: rgba(4, 28, 76, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.2);
  transition: all 0.5s;
  text-align: right;
}
#header_top .center {
  height: 40px;
  line-height: 34px;
  box-sizing: border-box;
}
#header_top a {
  display: inline-block;
  margin-right: 30px;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  vertical-align: middle;
}
#header_top a:last-child {
  margin-right: 15px;
}
#header_top a.style01 {
  font-weight: 600;
}
#header_top.scroll_t {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  background: #f5f6fa;
  z-index: 100;
}
#header_top.scroll_t a {
  color: #333;
}
header {
  /*position: fixed;*/
  top: 0;
	left: 0;
	width: 100%;
	/*height: 110px;*/
  padding-top: 40px;
  background-color: #041c4c;
  box-sizing: border-box;
	transition: all 0.5s;
  z-index: 99;
}
header .inner {
	position: relative;
	width: 1200px;
	margin: 0 auto;
}
header .toggle {
  display: none;
}
header .logo {
  display: inline-block;
	margin: 0 0 0 110px;
	vertical-align: top;
}
header .logo a {
	display: inline-block;
	width: 70px;
	height: 70px;
	background: url(/resources/img/common/logo@2x.png);
  background-size: 70px 70px;
	vertical-align: top;
  z-index: 1;
}
header .gnb_pc {
  float: right;
  margin-top: 13px;
  font-size: 0;
  vertical-align: top;
}
header .gnb_wrap {
	float: right;
}
header .gnb_wrap:before {
	position: fixed;
	display: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	z-index: 98;
	content: "";
}
header .gnb_wrap:after {
	display: block;
	clear: both;
	content: "";
}
header .gnb_pc {
	margin-top: 13px;
	font-size: 0;
}
header .gnb_pc li {
	position: relative;
	display: inline-block;
	padding: 0 19px;
	vertical-align: middle;
}
header .gnb_pc li.about {
	width: 72px;
}
header .gnb_pc li > a {
	position: relative;
	display: block;
	padding: 10px 0;
	color: #fff;
	font-size: 16px;
	line-height: 20px;
}
header .gnb_pc li > a:after {
	content: "";
	position: absolute;
	width: 0%;
	margin: auto;
	bottom: -13px;
	left: 0;
	right: 0;
	background: #fff;
	height: 2px;
	transition: all 0.5s;
}
header .gnb_pc li > a:hover,
header .gnb_pc li > a:focus {
	font-weight: bold;
}
header .gnb_pc li > a:hover:after,
header .gnb_pc li > a:focus:after {
	width: 100%;
}
header .gnb_pc li.in_sub > a:hover,
header .gnb_pc li.in_sub > a:focus {
	font-weight: normal;
}
header .gnb_pc li.in_sub > a:hover:after,
header .gnb_pc li.in_sub > a:focus:after {
	width: 0;
}
header .gnb_pc .btn_start {
	width: 100px;
	height: 38px;
	padding: 7px 0;
	border: 1px solid #fff;
	border-radius: 19px;
	background-color: #041c4c;
	box-sizing: border-box;
  color: #fff;
	text-align: center;
}
header .gnb_pc .btn_start:hover:after,
header .gnb_pc .btn_start:focus:after {
	display: none;
}
header .gnb_pc li .sub_gnb {
	display: none;
	position: absolute;
	top: 43px;
	left: -6px;
	width: 110%;
	padding: 10px 20px;
	box-sizing: border-box;
	background-color: #fff;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
	z-index: 1;
}
header .gnb_pc li .sub_gnb a {
	display: block;
	width: 100%;
	padding: 10px 0;
	font-size: 16px;
	color: #333;
}
header .gnb_pc li .sub_gnb a:hover,
header .gnb_pc li .sub_gnb a:focus {
	font-weight: bold;
	color: #365ec2;
}
header .gnb_pc li:hover .sub_gnb {
	display: block !important;
}
header .gnb_btn_open {
	display: none;
	position: absolute;
	top: 20px;
	right: 20px;
	width: 24px;
	height: 21px;
	background: url(/resources/img/main/m_ico_menu_w.png) no-repeat;
	background-size: cover;
}
header .gnb_m {
	display: none;
	position: fixed;
	width: 80%;
	height: 100vh;
	top: 0;
	right: -80%;
	background-color: #fff;
	transition: all 0.3s;
	overflow-y: auto;
	z-index: 99;
}
header .gnb_m .topBox {
	position: relative;
	width: 100%;
	padding-top: 20px;
	box-sizing: border-box;
	background: #436fe0;
}
header .gnb_m .topBox .gnb_logo {
	display: block;
	width: 70px;
	height: 70px;
	margin: 0 auto;
	background: url(/resources/img/common/logo.png);
	background-size: cover;
}
header .gnb_m .topBox .xBtn {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 40px;
	height: 40px;
	background: url(/resources/img/common/m-ico-close.png);
	background-size: cover;
	z-index: 9;
}
header .gnb_m .topBox .btnBox {
	margin-top: 20px;
}
header .gnb_m .topBox .btnBox a {
	position: relative;
	display: block;
	padding: 13px 18px 13px 20px;
	border-top: 1px solid #3965d5;
	color: #fff;
	font-size: 16px;
	line-height: 25px;
	letter-spacing: -0.25px;
	text-align: left;
}
header .gnb_m .topBox .btnBox a b {
	font-weight: 500;
}
header .gnb_m .topBox .btnBox .btnLogin {
	padding-right: 38px;
	font-weight: 500;
}
header .gnb_m .topBox .btnBox .btnLogin:before {
	position: absolute;
	top: 50%;
	right: 18px;
	width: 16px;
	height: 16px;
	transform: translateY(-50%);
	background: url(/resources/img/common/m-ico-login.png);
	background-size: cover;
	content: "";
}
header .gnb_m .topBox .btnBox .btnMypage:after {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 5px 0 0 2px;
	background: url(/resources/img/common/m-ico-login.png);
	background-size: cover;
	vertical-align: top;
	content: "";
}
header .gnb_m .topBox .btnBox .btnCs {
	padding-left: 46px;
}
header .gnb_m .topBox .btnBox .btnCs:before {
	position: absolute;
	top: 50%;
	left: 20px;
	width: 24px;
	height: 24px;
	transform: translateY(-50%);
	background: url(/resources/img/common/m-ico-cs.png);
	background-size: cover;
	content: "";
}
header .gnb_m .nav {
	width: 100%;
	padding: 0 20px;
	box-sizing: border-box;
}
header .gnb_m .nav a {
	display: block;
	padding: 17px 0;
	border-bottom: 1px solid #eef0f5;
	color: #333;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.22px;
	text-align: left;
}
header .gnb_m .nav a:focus,
header .gnb_m .nav a:hover,
header .gnb_m .nav a.active {
	color: #436fe0 !important;
	font-weight: bold;
}
header .gnb_m .nav .dropdown-wrap {
	position: relative;
}
header .gnb_m .nav .dropdown-wrap a {
	padding-right: 24px;
}
header .gnb_m .nav .btn-dropdown {
	position: absolute;
	top: 17px;
	right: 0;
	width: 24px;
	height: 24px;
	background: none;
}
header .gnb_m .nav .btn-dropdown:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 8px;
	transform: rotate(-135deg);
	width: 6px;
	height: 6px;
	margin-top: -6px;
	border-top: 2px solid #555;
	border-left: 2px solid #555;
}
header .gnb_m .nav .btn-dropdown.on:before {
	margin-top: -2px;
	transform: rotate(45deg);
}
header .gnb_m .gnb_bottomBtn {
	margin-top: 20px;
}
header .gnb_m .dropdown-container {
	display: none;
	margin: -1px -20px 0;
	background-color: #eef0f5;
}
header .gnb_m .dropdown-container a {
	padding-left: 20px;
	border-color: #dddee3;
}
header .gnb_btn_close {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 40px;
	height: 40px;
	background: url(/resources/img/main/m_ico_close.png) no-repeat;
	background-size: cover;
	z-index: 9;
}
header .m_header {
  display: none;
}
.opacityHeader header.scroll,
header.scroll {
  position: fixed;
  left: 0;
  background: #fff;
  border-bottom: 1px solid #dddddd;
  z-index: 100;
}
.opacityHeader header .gnb_pc .btn_start {
	border-color: transparent;
}
header.scroll .logo a {
  background-image: url(/resources/img/common/logo-navy2@2x.png);
}
header.scroll .gnb_pc a {
  color: #333;
}
header.scroll .gnb_pc a:after {
  background: #333;
}
header.scroll .gnb_pc .btn_start {
	color: #fff;
	border-color: #fff;
}
header.scroll #header_top a {
	color: #333;
}
header .header_dashboard {
  top: 0;
  left: 0;
  right: 0;
  width: auto;
  height: 55px;
  margin-left: 190px;
  padding: 0;
  background: #0f255b;
  box-sizing: border-box;
  transition: all 0.1s;
}
header.header_dashboard .gnb_pc {
  float: none;
  margin-top: 0;
}
header.header_dashboard .util {
  overflow: hidden;
  padding: 16px;
  text-align: right;
}
header.header_dashboard .admin_tx {
  float: left;
  margin: 0;
  color: #8cacff;
  font-size: 14px;
  line-height: 23px;
  vertical-align: top;
}
header.header_dashboard .user_info {
  display: inline-block;
  margin-right: 8px;
  color: #fff;
  font-size: 14px;
  line-height: 23px;
  vertical-align: top;
}
header.header_dashboard .userBtn {
  display: inline-block;
  min-width: 60px;
  margin: 0;
  padding: 0;
  border: 1px solid #fff;
  border-radius: 12px;
  color: #fff;
  font-size: 12px;
  line-height: 21px;
  letter-spacing: -0.18px;
  text-align: center;
  vertical-align: top;
}
header.header_dashboard .userBtn + .userBtn {
  margin-left: 5px;
}
header.header_dashboard.hide_nav {
  margin-left: 0;
}
.opacityHeader #header_top{
  background: rgba(4, 28, 76, 0.2);
  border-bottom: 0;
}
.opacityHeader header {
  background-color: #436fe0;
}


/*배너*/
.center-nm {    position:relative;  width: 1300px;  margin: 0 auto;  }
@media (max-width:1024px) {
    .center-nm  {  width: 100%; }
}

.tnb-banner{ width:100%; background:#00205B; }
.tnb-banner .center-nm{ height:90px;}
.tnb-banner .tnb-inner{ position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); display:flex; justify-content: space-between; align-items: center; flex-shrink: 0; flex-wrap: nowrap;}
.tnb-banner .tnb-inner *{ flex-shrink: 0; }
.tnb-banner .tnb-inner h2{ width:98px; height:98px;  }
.tnb-banner .tnb-inner h2 img{ width:100%; height:auto}
.tnb-banner .tnb-inner .txt{ font-size:30px; font-weight:300; color:white; margin:0 19px 0 11px; }
.tnb-banner .tnb-inner .txt .mo-h{ font-size:inherit; font-weight:inherit; color:inherit; display:inline-flex}
.tnb-banner .tnb-inner .txt strong{ font-weight:var(--font-weight-bold); font-size:inherit}
.tnb-banner .tnb-inner .btn-estimate{ width:195px; height:56px; background:white; font-size:22px; color:#1E336C;; font-weight:700; border-radius: 28px; display:flex; justify-content: center; align-items: center;}
.tnb-banner .btn-close{ position:absolute; top:50%; right:-25px; transform: translate(0, -50%); width:22px; height:22px; font-size:0; background:url("/resources/img/common/tnb-btn-close.svg") no-repeat center center}


@media (max-width:1024px) {



    .tnb {
        display: none
    }

    .tnb-banner .center-nm {
        height: 82px
    }

    .tnb-banner .tnb-inner {
        position: absolute;
        top: 50%;
        left: 29px;
        transform: translate(0, -50%);
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-shrink: 0;
        flex-wrap: nowrap;
        width: calc(100% - 86px)
    }

    .tnb-banner .tnb-inner * {
        flex-shrink: 0;
    }

    .tnb-banner .tnb-inner h2 {
        width: 41px;
        height: 41px;
        display: inline-flex;
        margin-right: 3px
    }

    .tnb-banner .tnb-inner h2 img {
        width: 100%;
        height: auto
    }

    .tnb-banner .tnb-inner .txt {
        font-size: var(--font-size-16);
        margin: 0 0 0 0;
        display: flex;
        width: 190px;
        text-align: left;
        justify-content: flex-start;
        flex-wrap: wrap;
        flex-shrink: 1;
        line-height: 1.4
    }

    .tnb-banner .tnb-inner .txt .mo-h {
        display: none
    }

    .tnb-banner .tnb-inner .txt .mobile {
        display: flex !important
    }

    .tnb-banner .tnb-inner .btn-estimate {
        width: 116px;
        height: 40px;
        font-size: var(--font-size-16);
        border-radius: 20px;
    }

    .tnb-banner .btn-close {
        position: absolute;
        top: 50%;
        right: 30px;
        transform: translate(0, -50%);
        width: 17px;
        height: 17px;
        font-size: 0;
        background-size: cover
    }
}

@media (max-width:320px) {


    .tnb-banner .center-nm {
        height: 62px
    }

    .tnb-banner .tnb-inner {
        left: 10px;
        width: calc(100% - 46px)
    }

    .tnb-banner .tnb-inner h2 {
        width: 41px;
        height: 41px;
        margin-right: 3px
    }

    .tnb-banner .tnb-inner h2 img {
        width: 100%;
        height: auto
    }

    .tnb-banner .tnb-inner .txt {
        font-size: var(--font-size-12);
        width: 100px;
    }

    .tnb-banner .tnb-inner .btn-estimate {
        width: 96px;
        height: 30px;
        font-size: var(--font-size-14);
        border-radius: 20px;
    }

    .tnb-banner .btn-close {
        right: 20px;
    }
}




/* 푸터 */
footer {
	overflow: hidden;
	width: 100%;
	padding: 64px 115px 65px 109px;
	/*background: #eef0f5;
	 */
    background: #329be72b;
	box-sizing: border-box;
}
footer .support {
	font-size: 0;
}
footer .corp {
	margin-top: 30px;
	font-size: 0;
}
footer .support_link,
footer .support_txt,
footer .corp_tit,
footer .corp_infotx {
	display: inline-block;
	color: #656e83;
	font-size: 16px;
	line-height: 30px;
	letter-spacing: -0.25px;
	vertical-align: top;
}
footer .support_link:after,
footer .corp_infotx:after {
	display: inline-block;
	width: 1px;
	height: 18px;
	margin: 0 10px;
	background: #656e83;
	vertical-align: -3px;
	content: "";
}
footer .support_txt {
	margin: 0;
	font-weight: 500;
}
footer .support .support_link:last-child:after, footer .support .support_txt:last-child:after {
	display: none;
}
footer .corp_info .corp_infotx:last-child:after {
	display: none;
}
footer .corp_tit {
	display: block;
	margin: 0;
	font-weight: 600;
}

/* common layout */
#wraper .info_bx {
	padding: 100px 0;
	text-align: center;
}
#wraper .info_bx .btn {
	margin-top: 24px;
}
.tab_bx .tab_lst {
	display: table;
	width: 100%;
	max-width: 588px;
	margin: 0 auto;
	table-layout: fixed;
	border-collapse: collapse;
}
.tab_bx .tab_lst li {
	position: relative;
	display: table-cell;
	border: 1px solid #e0e0e0;
	box-sizing: border-box;
}
.tab_bx .tab_lst .tab_btn {
	display: inline-block;
	width: 100%;
	min-height: 68px;
	padding: 0 25px;
	box-sizing: border-box;
	color: #999;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -.22px;
	vertical-align: middle;
	text-align: center;
}
.tab_bx .tab_lst li.active {
	border-color: #333;
}
.tab_bx .tab_lst li.active:before {
	position: absolute;
	top: -1px;
	bottom: -1px;
	left: -1px;
	width: 1px;
	background: #333;
	content: '';
}
.tab_bx .tab_lst li.active .tab_btn {
	color: #333;
}
.tab_bx .tab_panel {
	display: none;
	padding-top: 56px;
}
.tab_bx .tab_panel.active {
	display: block;
}
#wraper .subArea .tab_bx .selectBox {
	display: none;
}

/* 메인 */


#wraper .mainArea .titleArea {
  position: relative;
  height: 851px;
  padding-top: 110px;
  box-sizing: border-box;
}
#wraper .mainArea .titleArea:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 674px;
	/*background: #436fe0;*/
    background: linear-gradient(0deg, #D9EAFF 0%, rgba(217, 234, 255, 0.03) 97.4%, rgba(67, 111, 224, 0) 100%);
	z-index: -1;
	content: "";
}
#wraper .mainArea .inner {
	position: relative;
	width: 1200px;
	margin: 0 auto;
}
#wraper .mainArea .sect02 {
  background: #fff;
}

#wraper .mainArea .sect02 .box{
  text-align: center;
  margin-top: 50px;
}

#wraper .mainArea .sect02 .box .kakaochannel{
  vertical-align: bottom;
  margin: 50px 0;
}

#wraper .mainArea .sect02 .box .kakaochannel img {
    width: 495px;
    height:83px;
}

#wraper .mainArea .sect02 .box .kakaotalk{
  vertical-align: bottom;
  margin: 50px 0 0 0;
}

#wraper .mainArea .sect02 .box .kakaotalk img {
    width: 156px;
    height:72px;
}
#wraper .mainArea .sect03 {
  background: #3a4961;
}
#wraper .mainArea .sect04 {
  background-color: #329be72b;
}
#wraper .mainArea .sect05 {
  background: #fff;
}


#wraper .mainArea section .title {
    font-size: 50px;
    font-weight: bold;
    color: #333333;
    text-align: center;
    padding: 120px 0 0 0;
}

#wraper .mainArea .sect04 .dashed {
    display: inline-block;
    width: 26px;
    height: 4px;
    background-color: #666;
    vertical-align: middle;
}

#wraper .mainArea .sect04 .priceArea {
    width: 1280px;
    margin: 60px auto 0;
    overflow: hidden;
}
#wraper .mainArea .sect04 .priceArea:after {
    content: "";
    display: block;
    clear: both;
}
#wraper .mainArea .sect04 .priceArea .box {
    float: left;
    width: 29%;
    background-color: #329be72b;
    padding-bottom: 50px;
    margin: 23px;
}

#wraper .mainArea .sect04 .priceArea .box .price_title {
    position: relative;
    font-size: 28px;
    font-weight: bold;
    color: #436fe0;
    padding: 50px 0;
    text-align: center;
}
#wraper .mainArea .sect04 .priceArea .box .price_title span {
    font-size: 20px;
    position: absolute;
    left: 50%;
    top: 90px;
    transform: translateX(-50%);
}
#wraper .mainArea .sect04 .priceArea .box .price_title img {
    position: absolute;
    left: 50%;
    top: 20px;
    transform: translateX(-50%);
}
#wraper .mainArea .sect04 .priceArea .box .price_title .commission_m {
    display: none;
}
#wraper .mainArea .sect04 .priceArea .box .price_box {
    padding: 25px 0 30px;
    text-align: center;
    background-color: #329be766;
}
#wraper .mainArea .sect04 .priceArea .box .price_box .price {
    font-size: 20px;
    font-weight: bold;
    color: #333333;
}
#wraper .mainArea .sect04 .priceArea .box .price_box .price span {
    font-weight: 800;
    font-size: 50px;
    letter-spacing: -0.03em;
    font-family: "Roboto", sans-serif;
}
#wraper .mainArea .sect04 .priceArea .box .price_box .text {
    font-size: 16px;
    font-weight: 500;
    color: #555555;
    margin-top: 10px;
}
#wraper .mainArea .sect04 .priceArea .box:nth-child(2) .price_title {
    color: #436fe0;
}
#wraper .mainArea .sect04 .priceArea .box ul {
    height: 570px;
    padding: 40px 20px 20px;
    padding-left: 40px;
    box-sizing: border-box;
}
#wraper .mainArea .sect04 .priceArea .box ul li {
    position: relative;
    font-size: 16px;
    font-weight: 500;
    color: #555555;
    margin-bottom: 20px;
    /*padding-left: 20px;*/
}
/*#wraper .mainArea .sect04 .priceArea .box ul li:before {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  background-color: #271585;
  left: 0;
  top: 7px;
}*/
#wraper .mainArea .sect04 .priceArea .box .btnBox {
    text-align: center;
}
#wraper .mainArea .sect04 .priceArea .box .btnBox a {
    display: inline-block;
    width: 300px;
    height: 75px;
    line-height: 75px;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background-color: #436fe0;
    border-radius: 10px;
}

/* 법인설립 비용 subArea */


#wraper .subArea section .title {
    font-size: 50px;
    font-weight: bold;
    color: #333333;
    text-align: center;
    padding: 120px 0 0 0;
}

#wraper .subArea .sect04 .dashed {
    display: inline-block;
    width: 26px;
    height: 4px;
    background-color: #666;
    vertical-align: middle;
}

#wraper .subArea .sect04 .priceArea {
    width: 1280px;
    margin: 60px auto 0;
    overflow: hidden;
}
#wraper .subArea .sect04 .priceArea:after {
    content: "";
    display: block;
    clear: both;
}
#wraper .subArea .sect04 .priceArea .box {
    float: left;
    width: 29%;
    background-color: #329be72b;
    padding-bottom: 50px;
    margin: 23px;
}

#wraper .subArea .sect04 .priceArea .box .price_title {
    position: relative;
    font-size: 28px;
    font-weight: bold;
    color: #436fe0;
    padding: 50px 0;
    text-align: center;
}
#wraper .subArea .sect04 .priceArea .box .price_title span {
    font-size: 20px;
    position: absolute;
    left: 50%;
    top: 90px;
    transform: translateX(-50%);
}
#wraper .subArea .sect04 .priceArea .box .price_title img {
    position: absolute;
    left: 50%;
    top: 20px;
    transform: translateX(-50%);
}
#wraper .subArea .sect04 .priceArea .box .price_title .commission_m {
    display: none;
}
#wraper .subArea .sect04 .priceArea .box .price_box {
    padding: 25px 0 30px;
    text-align: center;
    background-color: #329be766;
}
#wraper .subArea .sect04 .priceArea .box .price_box .price {
    font-size: 20px;
    font-weight: bold;
    color: #333333;
}
#wraper .subArea .sect04 .priceArea .box .price_box .price span {
    font-weight: 800;
    font-size: 50px;
    letter-spacing: -0.03em;
    font-family: "Roboto", sans-serif;
}
#wraper .subArea .sect04 .priceArea .box .price_box .text {
    font-size: 16px;
    font-weight: 500;
    color: #555555;
    margin-top: 10px;
}
#wraper .subArea .sect04 .priceArea .box:nth-child(2) .price_title {
    color: #436fe0;
}
#wraper .subArea .sect04 .priceArea .box ul {
    height: 570px;
    padding: 40px 20px 20px;
    padding-left: 40px;
    box-sizing: border-box;
}
#wraper .subArea .sect04 .priceArea .box ul li {
    position: relative;
    font-size: 16px;
    font-weight: 500;
    color: #555555;
    margin-bottom: 20px;
    /*padding-left: 20px;*/
}
/*#wraper .mainArea .sect04 .priceArea .box ul li:before {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  background-color: #271585;
  left: 0;
  top: 7px;
}*/
#wraper .subArea .sect04 .priceArea .box .btnBox {
    text-align: center;
}
#wraper .subArea .sect04 .priceArea .box .btnBox a {
    display: inline-block;
    width: 300px;
    height: 75px;
    line-height: 75px;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background-color: #436fe0;
    border-radius: 10px;
}

/*

 */


#wraper .intro_bx {
	position: relative;
	padding: 84px 520px 0 110px;
	/*color: #fff;*/
}
#wraper .intro_bx .intro_img {
	position: absolute;
	top: 15px;
	right: 60px;
	width: 480px;
	height: 700px;
	content: "";
}
#wraper .intro_bx .intro_img img {
	width: 100%;
	height: 100%;
	vertical-align: top;
}
#wraper .intro_bx .intro_img .img_pc {
	display: block;
}
#wraper .intro_bx .intro_img .img_m {
	display: none;
	max-width: 375px;
	margin: 0 auto;
}
#wraper .intro_bx .bx_tit {
	margin-top: 22px;
	font-size: 48px;
	line-height: 57px;
}
#wraper .intro_bx .bx_desc {
	margin-top: 37px;
	/*color: #fff;*/
}
#wraper .intro_bx .bx_desc + .bx_desc {
	margin-top: 2px;
}
#wraper .intro_bx .tx_underline {
	border-bottom: 1px solid #fff;
}
#wraper .intro_bx .btn {
	margin-top: 36px;
}
#wraper .service_bx {
	width: 1180px;
	margin: 0 auto 20px;
}
#wraper .service_list {
	overflow: hidden;
	margin: -20px -20px 0 0;
}
#wraper .service_list li {
	float: left;
	width: 380px;
	margin: 20px 20px 0 0;
}
#wraper .service_list .service_item {
	display: block;
	height: 360px;
	padding: 0 42px;
	box-sizing: border-box;
	text-align: center;
}
#wraper .service_list .service_ico {
	display: inline-block;
	width: 120px;
	height: 120px;
	margin-top: 42px;
	background-image: url(/resources/img/main/sp_main.png);
	vertical-align: top;
}
#wraper .service_list .service_ico.ico_monitor {
	background-position: 0 0;
}
#wraper .service_list .service_ico.ico_time {
	background-position: -120px 0;
}
#wraper .service_list .service_ico.ico_mail {
	background-position: 0 -120px;
}
#wraper .service_list .service_ico.ico_hand {
	background-position: -120px -120px;
}
#wraper .service_list .service_ico.ico_gift {
	background-position: 100% 100%;
}
#wraper .service_list .service_ico.ico_coin {
	background-position: 100% 0;
}
#wraper .service_list .service_item:hover,
#wraper .service_list .service_item:focus {
	background: rgba(67, 111, 224, 0.1);
}
#wraper .service_list .service_tit {
	display: block;
	color: #333;
	font-size: 20px;
	line-height: 29px;
	letter-spacing: -0.31px;
}
#wraper .service_list .service_desc {
	margin-top: 24px;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: -0.25px;
	color: #767c8e;
}
#wraper .profile_bx {
	padding: 103px 520px 33px 110px;
}
#wraper .profile_bx .profile_img {
	position: absolute;
    bottom: 0;
	right: 100px;
	width: 380px;
	height: 420px;
}
#wraper .profile_bx .profile_img img {
	width: 100%;
	vertical-align: top;
}
#wraper .profile_bx .bx_desc {
    margin-top: 22px;
    margin-bottom: 0px;
}
#wraper .profile_bx_aws {
    padding: 103px 0px 33px 650px;
}
#wraper .profile_bx_aws .profile_img_aws {
	position: absolute;
	top: 180px;
	right: 700px;
	width: 380px;
	height: 104px;
}
#wraper .profile_bx_aws .profile_img_aws img {
	width: 100%;
	vertical-align: top;
}
#wraper .profile_bx_aws .bx_desc {
    margin-top: 22px;
    margin-bottom: 0px;
}
#wraper .process_bx {
	padding: 100px 0;
	text-align: center;
}
#wraper .process_bx .bx_desc {
	margin-top: 18px;
}
#wraper .process_list {
	margin: 45px auto 0;
}
#wraper .process_list:after {
	display: block;
	clear: both;
	content: "";
}
#wraper .process_list li {
	float: left;
	position: relative;
	width: 280px;
	margin: 0 10px;
}
#wraper .process_list li:before {
	position: absolute;
	top: 51px;
	left: -87px;
	width: 152px;
	height: 3px;
	background: #436fe0;
	content: "";
}
#wraper .process_list li:after {
	position: absolute;
	top: 45px;
	left: 50px;
	width: 20px;
	height: 3px;
	background: #436fe0;
	transform: rotate(45deg);
	content: "";
}
#wraper .process_list li:first-child::before,
#wraper .process_list li:first-child::after {
	display: none;
}
#wraper .process_item {
	text-align: center;
}
#wraper .process_item .process_day {
	display: inline-block;
	width: 108px;
	height: 108px;
	border: 3px solid #0073ff;
	border-radius: 50%;
	box-sizing: border-box;
	text-align: center;
	vertical-align: middle;
}
#wraper .process_item .process_day_tx {
	display: inline-block;
	color: #436fe0;
	font-family: Roboto, sans-serif;
	font-weight: bold;
	font-size: 24px;
	line-height: 102px;
	letter-spacing: -0.37px;
	vertical-align: middle;
}
#wraper .process_item .process_tx {
	display: block;
	margin-top: 16px;
	font-weight: 500;
	font-size: 24px;
	line-height: 36px;
	letter-spacing: -0.37px;
}
#wraper .logo_bx {
	padding: 100px 0;
	text-align: center;
}
#wraper .logo_list {
	display: inline-block;
	width: 1008px;
}
#wraper .logo_list li {
	float: left;
	margin: 15px;
	padding: 15px;
	border-radius: 20px;
	background-color: #ffffff;
}

/* sub page */
#wraper .subArea {
	margin-top: 110px;
}
#wraper .fullArea.subArea {
	margin-top: 0;
}
#wraper .fullArea .pageTitleBox,
#wraper .subArea .pageTitleBox { 
  padding: 100px 0;
}
#wraper .fullArea .pageTitleTxt,
#wraper .subArea .titleArea .text01,
#wraper .pageTitleTxt {
	color: #333;
  font-weight: 300;
  font-size: 42px;
  line-height: 62px;
  letter-spacing: -0.65px;
  text-align: center;
}
#wraper .pageTitleTxt2 {
	color: #333;
  font-weight: 300;
  font-size: 30px;
  line-height: 62px;
  letter-spacing: -0.65px;
  text-align: center;
}
#wraper .pageTitleTxt2 em {
	font-style: normal;
	font-weight: 500;
}
#wraper .pageTitleTxt em {
	font-style: normal;
	font-weight: 500;
}
#wraper .pageTitleDesc {
	margin-top: 17px;
  color: #666;
  font-size: 17px;
	line-height: 25px;
  letter-spacing: -0.26px;
  text-align: center;
}
#wraper .pageTitleLinkWrap {
	display: block;
	margin-top: 30px;
  text-align: center;
}
#wraper .pageTitleLink {
	display: inline-block;
	margin-top: 10px;
  color: #666;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  letter-spacing: -0.25px;
}
#wraper .fullArea .titleArea {
	position: relative;
	padding-top: 110px;
	background: #436fe0;
	box-sizing: border-box;
}
#wraper .fullArea .pageTitleTxt,
#wraper .fullArea .pageTitleDesc,
#wraper .fullArea .pageTitleLink {
	color: #fff;
}
#wraper .fullArea .pageTitleBox.ty3 {
	padding: 62px 0 0;
}
#wraper .fullArea .logoBox {
	display: block;
	max-width: 70px;
	width: 100%;
	margin: 0 auto;
}
#wraper .fullArea .displayBox {
	display: block;
	max-width: 629px;
	width: 100%;
	margin: 0 auto;
}
#wraper .fullArea .logoBox img,
#wraper .fullArea .displayBox img {
	width: 100%;
	vertical-align: top;
}
#wraper .fullArea .about_sec {
	padding: 100px 0;
}
#wraper .fullArea .about_sec .center {
	max-width: 780px;
	margin: 0 auto;
}
#wraper .fullArea .about_sec .about_text p {
	color: #666;
	font-size: 17px;
  line-height: 1.65;
  letter-spacing: -0.26px;
}
#wraper .fullArea .about_sec .about_text p + p {
	margin-top: 20px;
}
#wraper .fullArea .about_sec .ciBox {
	display: block;
	width: 120px;
	height: 120px;
	margin: 0 auto 40px;
}
#wraper .fullArea .about_sec .info_bx {
	padding: 0;
}
#wraper .fullArea .about_sec.ty_bg {
	background: #f5f6fa;
}
#wraper .fullArea .about_sec.ty_bg .about_text {
	text-align: center;
}
#wraper .subArea .aboutBox {
	position: relative;
	padding: 100px 0;
	box-sizing: border-box
}
#wraper .subArea .aboutBox .center {
	width: 780px;
}
#wraper .subArea .aboutBox .ceo_img{
	position: absolute;
	top: -100px;
	right: 0;
	width: 180px;
}
#wraper .subArea .aboutBox .about_text01 p{
	color: #666;
	font-weight: 400;
	font-size: 17px;
	line-height: 1.6;
	margin-bottom: 30px;
}
#wraper .subArea .aboutBox .about_text01 b{
	color: #333;
}
#wraper .subArea .aboutBox .about_textBox{
	overflow: hidden;
	margin-top: 50px;
}
#wraper .subArea .aboutBox .about_textBox .ciBox{
	display: inline-block;
	width: 320px;
	height: 150px;
	border: 1px solid #ddd;
	vertical-align: middle;
	text-align: center;
	padding: 7px;
	box-sizing: border-box
}
#wraper .subArea .aboutBox .about_textBox .ciBox img{
	width: 100px;
}
#wraper .subArea .aboutBox .about_textBox .text02 {
	display: inline-block;
	font-size: 20px;
	font-weight: 400;
	color: #676f79;
	line-height: 1.4;
	vertical-align: middle;
	margin-left: 30px;
}
#wraper .subArea .process_wrap {
	padding: 100px 0 65px;
	background-color: #f5f6fa;
}
#wraper .subArea .process {
  text-align: center;
}
#wraper .subArea .process_detail {
  position: relative;
  display: inline-block;
  vertical-align: bottom;
}
#wraper .subArea .process_detail:after {
  content: "";
  position: absolute;
  top: 10px;
  left: 22px;
  width: 3px;
  height: 95%;
  background: #436fe0;
  z-index: 0;
}
#wraper .subArea .process_detail li {
  display: table;
  width: 100%;
  margin-bottom: 16px;
  text-align: left;
}
#wraper .subArea .process_detail li .number {
  position: relative;
  display: table-cell;
  width: 54px;
  height: 48px;
  padding-right: 6px;
  box-sizing: border-box;
  background-color: #f5f6fa;
  color: #436fe0;
  font-weight: bold;
  font-size: 20px;
  line-height: 48px;
  text-align: center;
  vertical-align: middle;
  z-index: 2;
}
#wraper .subArea .process_detail li .number:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 48px;
  height: 48px;
  border: 3px solid #436fe0;
  box-sizing: border-box;
  border-radius: 50%;
  z-index: 1;
  content: '';
}
#wraper .subArea .process_detail li .text {
  position: relative;
  display: table-cell;
  width: 715px;
  padding-left: 270px;
  border-radius: 8px;
  box-sizing: border-box;
  color: #333;
  font-weight: 500;
  font-size: 17px;
  line-height: 46px;
  vertical-align: middle;
}
#wraper .subArea .process_detail li:nth-child(2n-1) .text {
  background-color: #eef0f5;
}
#wraper .subArea .process_detail li .text span {
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 139px;
  transform: translate(-50%, -50%);
  width: 265px;
  color: #436fe0;
  font-weight: bold;
  font-size: 17px;
}
#wraper .subArea .process_detail li .text .customer:before {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-top: 4px;
  background: url(/resources/img/main/ico_member@2x.png);
  background-size: cover;
  vertical-align: top;
  content: '';
}
#wraper .subArea .process_detail li .text .cello:before {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-top: 4px;
  background: url(/resources/img/main/ico_cello@2x.png);
  background-size: cover;
  vertical-align: top;
  content: '';
}
#wraper .subArea .process .process_desc {
  margin-top: 65px;
  color: #436fe0;
  font-size: 17px;
  line-height: 25px;
  letter-spacing: -0.26px;
  text-align: center;
}
#wraper .subArea .history_sec {
	margin-top: 60px;
}
#wraper .subArea .history_sec:last-child {
	margin-bottom: 300px;
}
#wraper .subArea .history_sec .center {
	max-width: 780px;
}
#wraper .subArea .history_title {
	padding-bottom: 10px;
	border-bottom: 1px solid #dddee3;
  color: #333;
  font-weight: 500;
	font-size: 32px;
  line-height: 1.72;
  letter-spacing: -0.49px;
}
#wraper .subArea .service_sec {
	padding: 70px 0;
}
#wraper .subArea .service_sec.ty_bg {
	background-color: #329be72b;
}
#wraper .subArea .service_sec .center {
	max-width: 780px;
}
#wraper .subArea .service_ico {
	display: block;
	width: 56px;
	height: 56px;
	margin: 0 auto;
}
#wraper .subArea .service_ico img {
	width: 100%;
	vertical-align: top;
}
#wraper .subArea .service_title {
  color: #333;
  font-weight: 600;
	font-size: 32px;
  line-height: 1.72;
  letter-spacing: -0.49px;
	text-align: center;
}
#wraper .subArea .service_title2 {
	color: #333;
	font-weight: 400;
	  font-size: 42px;
	line-height: 1.72;
	letter-spacing: -0.49px;
	  text-align: center;
  }
#wraper .subArea .service_sec .info_bx {
	padding: 30px 0;
}
#wraper .subArea .bullet_list {
	overflow: hidden;
	margin-top: 44px;
}
#wraper .subArea .bullet_list li {
	position: relative;
	padding-left: 27px;
	box-sizing: border-box;
	color: #666;
	font-size: 17px;
  line-height: 1.65;
  letter-spacing: -0.26px;
}
#wraper .subArea .bullet_list li:before {
	position: absolute;
	top: 14px;
	left: 0;
	transform: translateY(-50%);
	width: 6px;
	height: 6px;
	border-radius: 100%;
	box-sizing: border-box;
	background-color: #333;
	content: '';
}
#wraper .subArea .bullet_list li:only-child {
	padding: 0;
	text-align: center;
}
#wraper .subArea .bullet_list li:only-child:before {
	display: none;
}
#wraper .subArea .bullet_list li p {
	color: inherit;
	font-size: 14px;
	line-height: inherit;
	letter-spacing: -0.22px;
}
#wraper .subArea .bullet_list.half {
	margin: 44px -120px 0;
}
#wraper .subArea .bullet_list.half li{
	float: left;
	width: 50%;
}
#wraper .subArea .tableBox{
	position: relative;
	width: 100%;
	margin-top: 90px;
	box-sizing: border-box;
}
#wraper .subArea .tableBox table{
	position: relative;
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	z-index: 1;
}
#wraper .subArea .tableBox table td{
	height: 40px;
	padding: 0 5px;
	border-bottom: 1px solid #ddd;
	box-sizing: border-box;
	color: #333;
	font-weight: 400;
	font-size: 14px;
	text-align: left;
	vertical-align: middle;
}
#wraper .subArea .tableBox table td.textC{
	position: relative;
	width: 200px;
	padding-right: 20px;
	border: 0;
	background-color: #f5f6fa;
	font-weight: 600;
	text-align: center;
}
#wraper .subArea .tableBox table td.textC:before {
	position: absolute;
	top: 0;
	right: 0;
	width: 20px;
	height: 100%;
	background: #fff;
	content: ''
}
#wraper .subArea .tableBox table td.textC.bg2 {
	background: #eef0f5;
}
#wraper .subArea .tableBox table td.textC.total:before {
	display: none;
}
#wraper .subArea .tableBox table td.textL {
	width: 210px;
	text-align: left;
}
#wraper .subArea .tableBox table td p {
	font-weight: bold;
	color: #436fe0;
}
#wraper .subArea .tableBox table tr:first-child td {
	border-bottom: 1px solid #dddee3;
}
#wraper .subArea .tableBox table tr:first-child td:first-child {
	border-bottom: none;
}
#wraper .subArea .tableBox table tr:last-child td {
	border-bottom: none;
	background: #dcdee8;
}
#wraper .subArea .tableBox table:after {
	position: absolute;
	top: 0;
	right: 0;
	width: 195px;
	height: 100%;
	opacity: 0.1;
  background-color: #436fe0;
	z-index: 0;
	content: '';
}
#wraper .subArea .tableBox .note{
	font-size: 16px;
	font-weight: 400;
	color: #666;
	text-align: right;
	margin-top: 50px;
	line-height: 1.4;
}

#wraper .subArea .bottom_textBox {
	padding-left: 50px;
	margin-top: 60px;
}
#wraper .subArea .bottom_textBox p {
	font-size: 20px;
	font-weight: 400;
	color: #676f79;
	margin-bottom: 20px;
}
#wraper .subArea .bottom_textBox p.style {
	position: relative;
	padding-left: 15px;
}
#wraper .subArea .bottom_textBox p.style:before {
	content: "";
	position: absolute;
	left: 0;
	top: 6px;
	display: block;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background-color: #4163e7;
}

#wraper .subArea .bottom_title {
	margin-top: 100px;
	color: #333;
	font-weight: normal;
	font-size: 42px;
	line-height: 55px;
	letter-spacing: -0.37px;
	text-align: center;
}
#wraper .subArea .bottom_btn {
	display: block;
	width: 184px;
	height: 56px;
	margin: 24px auto 100px;
	border: none;
	border-radius: 7px;
	background: #4163e7;
	color: #fff;
	font-family: "Noto Sans KR", "Noto Sans", sans-serif;
	font-weight: bold;
	font-size: 18px;
	line-height: 56px;
	letter-spacing: -0.28px;
	text-align: center;
	box-sizing: border-box;
}

#wraper .subArea .cost_sec {
	padding-bottom: 100px;
}
#wraper .subArea .cost_sec.ty_bg {
	padding: 0;
	background: #f5f6fa;
}
#wraper .subArea .inputArea {
	padding: 50px 0 24px;
	background: #329be72b;;
	text-align: center;
}
#wraper .subArea .inputArea .box {
	display: block;
	height: 65px;
	margin: 0 auto;
}
#wraper .subArea .inputArea p {
	display: inline-block;
	max-width: 96px;
	width: 30%;
	color: #777;
	font-weight: 400;
	font-size: 14px;
	vertical-align: middle;
}
/*
#wraper .subArea .inputArea .box2 {
    -webkit-column-width: 280px;
    -moz-column-width: 280px;
    coulum-width: 280px;

}
*/

#wraper .subArea .inputArea .box2 p {
    display: inline-block;
	max-width: 300px;
    width: 100%;
    text-align: left;
	color: #333;
	font-size: 14px;
	line-height: 24px;
}
#wraper .subArea .inputArea .box2 input[type="checkbox"] {
	position: relative;
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-right: 9px;
	vertical-align: top;
}
#wraper .subArea .inputArea .box2 input[type="checkbox"]:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 24px;
	height: 24px;
	background-image: url(/resources/img/common/ico-check-off@2x.png);
	background-repeat: no-repeat;
	background-size: 24px 24px;
	content: '';
}
#wraper .subArea .inputArea .box2 input[type="checkbox"]:checked:before {
	background-image: url(/resources/img/common/ico-check-on@2x.png);
}
#wraper .subArea .inputArea .inputBox {
	position: relative;
	display: inline-block;
	max-width: 318px;
	width: 65%;
	height: 40px;
	margin: 13px 0;
	box-sizing: border-box;
	vertical-align: middle;
}
#wraper .subArea .inputArea .inputBox:after {
	content: "원";
	position: absolute;
	right: 10px;
	top: 12px;
	font-size: 14px;
	font-weight: 400;
	color: #676f79
}
#wraper .subArea .inputArea .inputBox input {
	display: block;
	width: 100%;
	height: 100%;
	padding: 5px 25px 5px 10px;
	border: 1px solid #dddee3;
	background-color: #fff;
	font-size: 14px;
	font-weight: 400;
	color: #999;
	text-align: right;
	outline: none;
	box-sizing: border-box;
}
#wraper .subArea .selectBox {
	position: relative;
	display: inline-block;
	max-width: 318px;
	width: 65%;
	height: 40px;
	/* margin: 13px 0; */
	vertical-align: middle
}
#wraper .subArea .selectBox:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	transform: rotate(-135deg);
	width: 8px;
	height: 8px;
	margin-top: -8px;
	border-top: 1px solid #a9aaaa;
	border-left: 1px solid #a9aaaa;
}
#wraper .subArea .selectBox select {
	display: block;
	width: 100%;
	height: 100%;
	border: 1px solid #dddee3;
	background-color: #fff;
	padding: 10px 35px 10px 10px;
	color: #999;
	font-size: 14px;
	font-weight: 400;
	outline: none;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
#wraper .subArea .inputArea .bottom_btn {
	margin: 24px auto;
}
#wraper .subArea .tableBox2 {
	max-width: 780px;
	margin: 50px auto 0;
}
#wraper .subArea .tableBox2 table{
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
}
#wraper .subArea .tableBox2 table tr:first-child td {
	background-color: #329be72b;
	text-align: center;
}
#wraper .subArea .tableBox2 table tr:first-child td:nth-child(2n) {
	background-color: #329be72b;
}
#wraper .subArea .tableBox2 table td {
	height: 40px;
	padding: 0 10px;
	font-size: 14px;
	color: #333;
	text-align: left;
	border-bottom: 1px solid #329be769;
}
#wraper .subArea .tableBox2 table td:last-child {
	border-right:none;
}
#wraper .subArea .tableBox2 table td input{
	width: 100%;
	background-color: transparent;
	text-align: center;
}
#wraper .subArea .tableBox2 .total td {
	background: #329be72b;
}
#wraper .subArea .bottom_text2 {
	max-width: 780px;
	margin: 0 auto;
	color: #666;
	font-size: 14px;
	line-height: 1.46;
	text-align: left;
}
#wraper .subArea form + .bottom_text2 {
	margin-top: 37px;
}
#wraper .fullArea .cs_sec {
	padding: 56px 0 100px;
}
#wraper .fullArea .cs_sec.ty_bg {
	padding: 0;
	background-color: #f5f6fa;
}
#wraper .fullArea .cs_sec .center {
	max-width: 981px;
}
#wraper .fullArea .faq_list {
	border-top: 1px solid #dddee3;
}
#wraper .fullArea .faq_list a {
	position: relative;
	display: block;
	padding: 23px 44px 23px 20px;
	box-sizing: border-box;
	border-bottom: 1px solid #dddee3;
  color: #333;
  font-size: 16px;
	line-height: 24px;
  letter-spacing: -0.25px;
}
#wraper .fullArea .faq_list a:after {
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	width: 24px;
	height: 24px;
	background: url(/resources/img/main/ico_main_arrow@2x.png);
	background-size: cover;
	content: '';
}

/* 추가사항 적용 */
#wraper .subArea .benefit_wrap {
	margin: -12px 0 200px;
}
#wraper .subArea .benefit {
	width: 978px;
	margin: 0 auto;
}
#wraper .subArea .benefit_list {
  position: relative;
  display: inline-block;
  vertical-align: bottom;
}
#wraper .benefit_list {
	overflow: hidden;
	margin: -30px -30px 0 0;
}
#wraper .benefit_list > li {
	float: left;
	width: 336px;
	padding: 30px 30px 0 0;
	box-sizing: border-box;
}
#wraper .benefit_list .benefit_item {
	display: block;
	height: 416px;
	border: 1px solid #ddd;
	box-sizing: border-box;
}
#wraper .benefit_list .benefit_thmb {
	overflow: hidden;
	position: relative;
	display: block;
	height: 190px;
}
#wraper .benefit_list .benefit_thmb img {
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 80%;
	height: auto;
	max-height: 100%;
	transform: translate(-50%, -50%);
}
#wraper .benefit_list .benefit_cont {
	margin: 20px 20px 30px;
	text-align: left;
}
#wraper .benefit_list .benefit_tag {
	overflow: hidden;
	display: block;
	color: #436fe0;
	font-size: 15px;
	line-height: 27px;
	letter-spacing: -.23px;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#wraper .benefit_list .benefit_tit {
	overflow: hidden;
	display: block;
	color: #333;
	font-size: 22px;
	line-height: 27px;
	letter-spacing: -0.34px;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#wraper .benefit_list .benefit_info {
	overflow: hidden;
	height: 84px;
	margin-top: 22px;
	padding-top: 20px;
	border-top: 1px solid #eee;
}
#wraper .benefit_list .benefit_info li {
	position: relative;
	padding-left: 16px;
	font-size: 16px;
	line-height: 28px;
	letter-spacing: -0.25px;
	color: #666;
}
#wraper .benefit_list .benefit_info li:before {
	position: absolute;
	top: 12px;
	left: 0;
	width: 6px;
	height: 6px;
	border-radius: 100%;
	background-color: #333;
	content: '';
}
#wraper .benefitArea {
	margin-top: 110px;
}
#wraper .benefitArea .center {
	width: 980px;
}
#wraper .benefitArea .benefitTitleBox {
	position: relative;
	min-height: 488px;
	padding: 50px 539px 40px 0;
	box-sizing: border-box;
}
#wraper .benefitArea .benefitThmb {
	overflow: hidden;
	position: absolute;
	top: 50px;
	right: 0;
	width: 481px;
	height: 298px;
	border: 1px solid #ddd;
	box-sizing: border-box;
}
#wraper .benefitArea .benefitThmb img {
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 100%;
	height: auto;
	transform: translate(-50%, -50%);
}
#wraper .benefitArea .benefitTag {
	display: block;
	color: #436fe0;
	font-size: 20px;
	line-height: 27px;
	letter-spacing: -.31px;
	word-break: break-all;
}
#wraper .benefitArea .benefitTitle {
	display: block;
	margin-top: 2px;
	color: #333;
	font-size: 42px;
	line-height: 62px;
	letter-spacing: -0.65px;
	word-break: break-all;
}
#wraper .benefitArea .benefitTitleDesc {
	display: block;
	margin-top: 60px;
	padding-top: 38px;
	border-top: 1px solid #eee;
	color: #333;
	font-size: 22px;
	line-height: 35px;
	letter-spacing: -0.34px;
}
#wraper .benefitArea .benefitSection {
	padding: 50px 0;
}
#wraper .benefitArea .benefitSection.ty_bg {
	background-color: #f5f6fa;
}
#wraper .benefitArea .benefit_info dt {
	margin: 30px 0 10px;
	color: #333;
	font-size: 20px;
	line-height: 1.4;
  letter-spacing: -0.31px;
}
#wraper .benefitArea .benefit_info dt:first-child {
	margin-top: 0;
}
#wraper .benefitArea .benefit_info dd {
	color: #666;
	font-size: 17px;
	line-height: 1.65;
  letter-spacing: -0.26px;
	word-break: break-all;
}
#wraper .benefitArea .benefit_btn_box {
	margin-top: 30px;
	text-align: center;
}
#wraper .benefitArea .benefit_detail {
	padding: 40px;
	border: 1px solid #ddd;
	line-height: 1.46;
}
#wraper .benefitArea .benefit_detail img {
	max-width: 412px;
	width: 100%;
	vertical-align: top;
}

@media (max-width:1199px) {
.center {
	width: 100%;
}
.pc_block {
	display: none !important;
}
.m_block {
	display: block !important;
}
.m_break {
	display: block;
}
.sidenav {
	display: none;
}
.bx_subtit {
	font-size: 18px;
	line-height: 36px;
	letter-spacing: -0.28px;
}
.bx_tit {
	font-size: 24px;
	line-height: 36px;
	letter-spacing: -0.37px;
}
.bx_tit2 {
	font-size: 24px;
	line-height: 36px;
	letter-spacing: -0.37px;
}
.img_pc {
    display: none;
}
.img_m {
    display: block;
}
#header_top {
	display:none;
}
header {
	/*height: 56px;*/
	padding: 0;
}
header .gnb_pc {
	display: none;
}
header .center {
	position: relative;
	height: 56px;
	padding: 0 63px 0 20px;
}
header .gnb_m {
	display: block;
}
header .logo {
	width: 76px;
	height: 17px;
	margin: 20px 0 0 0;
}
header .logo a {
	width: 76px;
	height: 17px;
	background-image: url(/resources/img/main/m_ico_logo_w.png);
	background-size: cover;
}
header .xBtn {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 40px;
	height: 40px;
	background: url(/resources/img/main/m_ico_close.png) no-repeat;
	background-size: cover;
	z-index: 9;
}
header .gnb_top {
	position: relative;
	width: 100%;
	padding-top: 20px;
	box-sizing: border-box;
	background: #436fe0;
}
header .gnb_logo {
	display: block;
	width: 70px;
	height: 70px;
	margin: 0 auto;
	background: url(/resources/img/common/logo.png);
	background-size: cover;
}
header .gnb_top_menu {
	margin-top: 20px;
}
header .gnb_top_menu li {
	padding: 0 18px 0 20px;
	border-top: 1px solid #3965d5;
}
header .gnb_top_menu li a {
	position: relative;
	display: block;
	padding: 13px 0;
	color: #fff;
	font-size: 16px;
	line-height: 25px;
	letter-spacing: -0.25px;
}
header .gnb_top_menu li .gnb_btn_login {
	padding-right: 20px;
	font-weight: 500;
}
header .gnb_top_menu li .gnb_btn_login:before {
	position: absolute;
	top: 50%;
	right: 0;
	width: 16px;
	height: 16px;
	transform: translateY(-50%);
	background: url(/resources/img/main/m_ico_login.png);
	background-size: cover;
	content: "";
}
header .gnb_top_menu li .gnb_btn_cs {
	padding-left: 26px;
}
header .gnb_top_menu li .gnb_btn_cs:before {
	position: absolute;
	top: 50%;
	left: 0;
	width: 24px;
	height: 24px;
	transform: translateY(-50%);
	background: url(/resources/img/main/m_ico_cs.png);
	background-size: cover;
	content: "";
}
header .gnb_m .gnb_menu {
	padding: 0 20px;
}
header .gnb_m .gnb_menu li {
	border-bottom: 1px solid #eef0f5;
}
header .gnb_m .gnb_menu li a {
	display: block;
	padding: 17px 0;
	color: #333;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.22px;
}
header .gnb_pc .gnb_menu .on a,
header .gnb_m .gnb_menu .on a {
	font-weight: bold;
	color: #436fe0;
}
.opacityHeader header.scroll .logo a,
header.scroll .logo a {
	background-image: url(/resources/img/main/m_ico_logo_nv.png);
}
header .toggle {
	display: block;
	position: absolute;
	top: 16px;
	right: 20px;
	width: 24px;
	height: 24px;
	background-image: url(/resources/img/main/m_ico_menu_w.png);
	background-size: cover;
}
header.scroll {
	position: fixed;
	top: 0;
	left: 0;
}
header.scroll .toggle {
	background-image: url(/resources/img/main/m_ico_menu_b.png);
}

footer {
	padding: 50px 22px 50px 32px;
	background: #eef0f5;

    min-width: 410px;

}
footer .inner {
	text-align: left;
}
footer .corp_info {
	margin-top: 5px;
}
footer .corp_tit,
footer .corp_infotx {
	line-height: 24px;
}
footer .corp_infotx {
	display: inline;
	word-break: break-all;
}
footer .support_link,
footer .support_txt {
	display: block;
	margin: 0;
	font-size: 14px;
	line-height: 30px;
}
footer .support_link:after {
	display: none;
}
footer .corp_infotx:after {
	height: 18px;
}

.slide_bx .swiper-button-prev,
.slide_bx .swiper-button-next {
	display: none;
}


#wraper {
    min-width: 410px;
}


#wraper .mainArea .inner {
	width: 100%;
	padding: 0 20px;
	box-sizing: border-box;
	text-align: center;
}
#wraper .mainArea .titleArea {
	height: auto;
	padding-top: 61px;
}
#wraper .mainArea .titleArea {
	position: relative;
	height: 851px;
	padding-top: 110px;
	box-sizing: border-box;
}
#wraper .subArea .process_wrap {
	padding: 10px 15px 50px;
	background-color: #f5f6fa;
}
#wraper .mainArea .titleArea .textBox {
	width: 100%;
	padding: 0 20px;
	box-sizing: border-box;
}
#wraper .mainArea .titleArea .textBox .text01 {
	position: relative;
	font-size: 18px;
	line-height: 1.6;
}
#wraper .mainArea .titleArea .textBox .text01:before {
	content: "";
	position: absolute;
	left: 180px;
	bottom: 14px;
	width: 45%;
	height: 1px;
	background-color: #fff;
}
#wraper .mainArea .titleArea .textBox .m_img {
	display: block;
	text-align: right;
	margin-top: 20px;
}
#wraper .mainArea .titleArea .textBox .m_img img {
	width: 65%;
}
#wraper .mainArea .titleArea .textBox .text02 {
	font-size: 26px;
	font-weight: bold;
	margin-top: -30px;
}
#wraper .mainArea .titleArea .textBox .text03 {
	font-size: 13px;
}
#wraper .mainArea .titleArea .textBox .text02 br {
	display: none;
}
#wraper .mainArea .titleArea .m_btnBox a img {
	position: absolute;
	right: 10px;
	bottom: 10px;
	width: 24px;
}
#wraper .mainArea .titleArea .scrollBtn {
	display: block;
	text-align: center;
	margin-top: 20px;
}
#wraper .mainArea .titleArea .scrollBtn img {
	width: 15px;
}
#wraper .mainArea section {
	width: 100%;
	box-sizing: border-box;
}
#wraper .mainArea section .title {
	font-size: 28px;
	text-align: left;
}
#wraper .mainArea .sect01 {
	padding: 0;
}
#wraper .mainArea .sect02 {
	padding: 0;
}
#wraper .mainArea .sect03 {
	background: #436fe0;
}
#wraper .mainArea .intro_bx {
	padding: 12px 0 0;
}
#wraper .mainArea .intro_bx .bx_tit {
	margin-top: 4px;
	font-size: 33px;
	line-height: 45px;
	letter-spacing: -0.51px;
}
#wraper .mainArea .intro_bx .intro_img {
	position: static;
	display: block;
	top: 0;
	right: 0;
	width: 100%;
	max-width: 750px;
	height: auto;
	margin: 20px auto 0;
}
#wraper .mainArea .service_bx {
	width: 100%;
	margin: 0;
	padding-top: 200px;
}
#wraper .mainArea .service_list {
	margin: 0 0 20px;
}
#wraper .mainArea .service_list li {
	float: none;
	width: 100%;
	max-width: 370px;
	margin: 10px auto;
}
#wraper .mainArea .service_list .service_item {
	height: auto;
	padding: 4px 40px 20px;
}
#wraper .mainArea .service_list .service_ico {
	margin-top: 0;
}
#wraper .mainArea .profile_bx {
	padding: 65px 0 0;
}
#wraper .mainArea .profile_bx .profile_img {
	position: static;
	display: block;
	top: 0;
	right: 0;
	width: 100%;
	max-width: 600px;
	height: auto;
	margin: 30px auto;
}
#wraper .mainArea .profile_bx .profile_img img {
    width: 100%;
    margin: 0 auto;
    vertical-align: top;
}
#wraper .mainArea .profile_bx_aws {
    padding: 65px 0 0;
}
#wraper .mainArea .profile_bx_aws .profile_img_aws {
	position: static;
	display: block;
	top: 0;
	right: 0;
	width: 100%;	
	max-width: 380px;
	height: auto;
	margin: 30px auto;
}

#wraper .mainArea .profile_bx_aws .profile_img_aws img {
    width: 60%;
    margin: 0 auto;
    vertical-align: top;
}

#wraper .mainArea .process_list {
	display: inline-block;
	vertical-align: top;
}
#wraper .mainArea .process_list li {
	float: none;
	width: auto;
	margin: 15px 0 0 0;
}
#wraper .mainArea .process_item {
	text-align: left;
}
#wraper .mainArea .process_item:after {
	display: inline-block;
	width: 1px;
	height: 100%;
	vertical-align: middle;
	content: "";
}
#wraper .mainArea .process_item .process_day {
	width: 64px;
	height: 64px;
}
#wraper .mainArea .process_item .process_day_tx {
	font-size: 14px;
	line-height: 58px;
}
#wraper .mainArea .process_item .process_tx {
	display: inline-block;
	margin: 0 0 0 15px;
	font-size: 16px;
	vertical-align: middle;
}

#wraper .mainArea .sect02 .box .kakaochannel img {
    width: 330px;
    height:55px;
}
#wraper .mainArea .sect02 .box .kakaotalk img {
    width: 104px;
    height:48px;
}

#wraper .mainArea .process_list li:before,
#wraper .mainArea .process_list li:after {
	display: none;
}

/* 설립등기 가격정책 모바일화면 */

    #wraper .mainArea section .title {
        font-size: 28px;
        text-align: left;
        margin: 0 10px 0;
        padding: 50px 0 0 0
    }
    #wraper .mainArea .sect04 .priceArea {
        width: 100%;
        margin-top: 20px;
    }
    #wraper .mainArea .sect04 .priceArea .box {
        float: none;
        width: 100%;
        background-color: #fff;
        border: 1px solid #ddd;
        border-radius: 10px;
        box-sizing: border-box;
        margin: 0 0 20px 0;
        padding-bottom: 30px;
    }
    #wraper .mainArea .sect04 .priceArea .box .price_title {
        font-size: 20px;
        padding: 20px 15px;
        text-align: left;
        letter-spacing: -0.03em;
    }
    #wraper .mainArea .sect04 .priceArea .box .price_title span {
        font-size: 14px;
        padding: 0 0 0 28px;
        left: 16px;
        top: 40px;
        transform: none;
        display: inline-block;
    }
    #wraper .mainArea .sect04 .priceArea .box .price_title img {
        position: static;
        top: auto;
        left: auto;
        transform: none;
        display: inline-block;
        width: 25px;
        margin-right: 5px;
    }
    #wraper .mainArea .sect04 .priceArea .box .price_box {
        padding: 30px 20px;
        background-color: #436fe0;
        text-align: left;
    }
    #wraper .mainArea .sect04 .priceArea .box .price_box .price {
        font-size: 16px;
        color: #fff;
    }
    #wraper .mainArea .sect04 .priceArea .box .price_box .price span {
        font-size: 30px;
        color: #fff;
    }
    #wraper .mainArea .sect04 .priceArea .box .price_box .commission {
        display: none;
    }
    #wraper .mainArea .sect04 .priceArea .box .price_box .text {
        font-weight: 300;
        color: #fff;
    }
    #wraper .mainArea .sect04 .priceArea .box ul {
        height: auto;
        padding: 30px 15px 20px;
    }
    #wraper .mainArea .sect04 .priceArea .box ul li {
        font-size: 14px;
        font-weight: 400;
        padding-left: 15px;
    }
    #wraper .mainArea .sect04 .priceArea .box ul li:before {
        width: 4px;
        height: 4px;
    }
    #wraper .mainArea .sect04 .priceArea .box .btnBox {
        width: 100%;
        padding: 0 15px;
        box-sizing: border-box;
    }
    #wraper .mainArea .sect04 .priceArea .box .btnBox a {
        background-color: #436fe0;
        width: 100%;
        height: 65px;
        line-height: 65px;
        border-radius: 10px;
    }
    #wraper .mainArea .sect04 .priceArea .box:nth-child(2) .price_box {
        background-color: #436fe0;
    }

    /* 설립등기 가격정책 모바일 화면 */

    /* 설립등기 가격정책 모바일화면 */

    #wraper .subArea section .title {
        font-size: 28px;
        text-align: left;
        margin: 0 10px 0;
        padding: 50px 0 0 0
    }
    #wraper .subArea .sect04 .priceArea {
        width: 100%;
        margin-top: 20px;
    }
    #wraper .subArea .sect04 .priceArea .box {
        float: none;
        width: 100%;
        background-color: #fff;
        border: 1px solid #ddd;
        border-radius: 10px;
        box-sizing: border-box;
        margin: 0 0 20px 0;
        padding-bottom: 30px;
    }
    #wraper .subArea .sect04 .priceArea .box .price_title {
        font-size: 20px;
        padding: 20px 15px;
        text-align: left;
        letter-spacing: -0.03em;
    }
    #wraper .subArea .sect04 .priceArea .box .price_title span {
        font-size: 14px;
        padding: 0 0 0 28px;
        left: 16px;
        top: 40px;
        transform: none;
        display: inline-block;
    }
    #wraper .subArea .sect04 .priceArea .box .price_title img {
        position: static;
        top: auto;
        left: auto;
        transform: none;
        display: inline-block;
        width: 25px;
        margin-right: 5px;
    }
    #wraper .subArea .sect04 .priceArea .box .price_box {
        padding: 30px 20px;
        background-color: #436fe0;
        text-align: left;
    }
    #wraper .subArea .sect04 .priceArea .box .price_box .price {
        font-size: 16px;
        color: #fff;
    }
    #wraper .subArea .sect04 .priceArea .box .price_box .price span {
        font-size: 30px;
        color: #fff;
    }
    #wraper .subArea .sect04 .priceArea .box .price_box .commission {
        display: none;
    }
    #wraper .subArea .sect04 .priceArea .box .price_box .text {
        font-weight: 300;
        color: #fff;
    }
    #wraper .subArea .sect04 .priceArea .box ul {
        height: auto;
        padding: 30px 15px 20px;
    }
    #wraper .subArea .sect04 .priceArea .box ul li {
        font-size: 14px;
        font-weight: 400;
        padding-left: 15px;
    }
    #wraper .subArea .sect04 .priceArea .box ul li:before {
        width: 4px;
        height: 4px;
    }
    #wraper .subArea .sect04 .priceArea .box .btnBox {
        width: 100%;
        padding: 0 15px;
        box-sizing: border-box;
    }
    #wraper .subArea .sect04 .priceArea .box .btnBox a {
        background-color: #436fe0;
        width: 100%;
        height: 65px;
        line-height: 65px;
        border-radius: 10px;
    }
    #wraper .subArea .sect04 .priceArea .box:nth-child(2) .price_box {
        background-color: #436fe0;
    }


/* sub page */

#wraper .pageTitleLinkWrap {
	text-align: left;
}
#wraper .info_bx {
	padding: 0;
}
#wraper .info_bx .bx_tit em {
	color: #436fe0;
	font-weight: normal;
}
#wraper .subArea {
	margin-top: 56px;
    /*min-width: 410px;*/
}
#wraper .subArea .titleArea {
	padding: 0;
}
#wraper .subArea .titleArea .center {
	padding: 0;
}
#wraper .fullArea .titleArea {
	padding-top: 56px;
}
#wraper .subArea .pageTitleBox {
	margin-top: 56px;
	padding: 50px 24px;
}
#wraper .fullArea.subArea .pageTitleBox {
	margin-top: 0;
}
#wraper .fullArea .pageTitleTxt,
#wraper .subArea .pageTitleTxt {
	font-weight: bold;
	font-size: 26px;
	line-height: 38px;
	letter-spacing: -0.4px;
	text-align: left;
}
#wraper .fullArea .pageTitleTxt em,
#wraper .subArea .pageTitleTxt em {
	font-weight: bold;
}
#wraper .fullArea .pageTitleDesc,
#wraper .subArea .pageTitleDesc {
	text-align: left;
}
#wraper .fullArea .center,
#wraper .subArea .center {
  width: 100%;
	padding: 0 24px;
}
#wraper .fullArea .pageTitleBox.ty2 .pageTitleTxt,
#wraper .subArea .pageTitleBox.ty2 .pageTitleTxt {
	font-weight: 300;
}
#wraper .fullArea .pageTitleBox.ty3 {
	padding-top: 40px;
}
#wraper .fullArea .pageTitleBox.ty3 .pageTitleTxt,
#wraper .subArea .pageTitleBox.ty3 .pageTitleTxt,
#wraper .fullArea .pageTitleBox.ty3 .pageTitleDesc {
	text-align: center;
}
#wraper .mainArea .sect05 .info_bx {
	padding: 70px 0;
}
#wraper .introArea section {
	width: 100%;
	padding: 50px 35px;
	box-sizing: border-box;
}
#wraper .introArea .center {
	width: 100%;
}
#wraper .subArea .process_wrap .process {
	margin-top: 40px;
}
#wraper .subArea .process_detail {
	width: 100%;
}
#wraper .subArea .process_detail:after {
	display: none;
}
#wraper .subArea .process_detail li {
	height: 64px;
	margin: 0;
}
#wraper .subArea .info_wrap .info_bx {
	padding: 70px 0;
}
#wraper .subArea .process_detail li .number:before {
	top: 50%;
	transform: translateY(-50%);
	width: 48px;
	height: 48px;
}
#wraper .subArea .process_detail li .text {
	width: auto;
	padding-left: 60px;
	font-weight: 500;
	font-size: 15px;
	line-height: 18px;
}
#wraper .subArea .process_detail li .text .customer:before,
#wraper .subArea .process_detail li .text .cello:before {
	display: none !important;
}
#wraper .subArea .process_detail li .text span {
	left: 30px;
	width: 55px;
	font-size: 15px;
	text-align: center;
}
#wraper .subArea .process_wrap .process .process_desc {
	max-width: 240px;
	margin: 40px auto 0;
}

#wraper .subArea .history_sec {
	margin-top: 47px;
}
#wraper .subArea .titleArea + .history_sec {
	margin-top: 0;
}
#wraper .subArea .history_sec:last-child {
	margin-bottom: 100px;
}
#wraper .subArea .history_sec .center {
	width: auto;
}
#wraper .subArea .history_title {
	padding-bottom: 5px;
  color: #333;
	font-size: 20px;
  line-height: 2.75;
  letter-spacing: -0.31px;
}
#wraper .subArea .service_sec {
	padding: 40px 0;
}
#wraper .subArea .service_ico {
	margin: 0;
}
#wraper .subArea .service_title {
	margin-top: 10px;
	font-size: 26px;
	text-align: left;
}
#wraper .subArea .service_sec .center {
	width: 100%;
	padding: 0 24px;
	box-sizing: border-box;
}
#wraper .subArea .aboutBox {
	padding: 0 0 100px;
	box-sizing: border-box;
}
#wraper .subArea .aboutBox .center {
	width: 100%;
}
#wraper .subArea .aboutBox .ceo_img {
	display: block;
	position: relative;
	top: 0;
	margin: 0 auto;
}
#wraper .subArea .aboutBox .about_text01 {
	margin-top: 40px;
}
#wraper .subArea .aboutBox .about_text01 p {
	margin-bottom: 15px;
	font-size: 15px;
	line-height: 1.8;
}
#wraper .subArea .aboutBox .about_text01 p br {
	display: none;
}
#wraper .subArea .aboutBox .about_text01 b {
	color: inherit;
	font-weight: 600;
}
#wraper .subArea .aboutBox .about_text01 b br {
	display: block;
}
#wraper .subArea .aboutBox .about_textBox .ciBox {
	display: block;
	width: 300px;
	margin: 0 auto;
}
#wraper .subArea .aboutBox .about_textBox .text02 {
	display: block;
	text-align: center;
	font-size: 14px;
	line-height: 1.8;
	margin-left: 0;
	margin-top: 20px;
	padding: 0 20px;
}
#wraper .subArea .aboutBox .about_textBox .text02 br {
	display: none;
}
#wraper .subArea .bullet_list {
	margin-top: 16px;
}
#wraper .subArea .bullet_list li {
	position: relative;
	padding-left: 27px;
	font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.23px;
}
#wraper .subArea .bullet_list li:before {
	top: 11px;
}
#wraper .subArea .bullet_list.half {
	margin: 16px 0 0;
}
#wraper .subArea .bullet_list.half li{
	float: none;
	width: 100%;
}
#wraper .subArea .tableBox {
	width: auto;
	margin: 0;
	padding: 50px 0;
	box-sizing: border-box
}
#wraper .subArea .tableBox table:after {
	width: 30%;
}
#wraper .subArea .tableBox table td {
	padding: 10px 5px;
	font-size: 14px;
	text-align: right;
	word-break: break-all;
}
#wraper .subArea .tableBox table td:last-child {
	width: 30%;
}
#wraper .subArea .tableBox table td p {
	font-size: 16px;
}
#wraper .subArea .tableBox table td.textC {
	width: 80px;
	padding-right: 10px;
}
#wraper .subArea .tableBox table td.textC:before {
	width: 10px;
}
#wraper .subArea .tableBox table td.textL {
	width: auto;
	padding: 10px 5px;
	text-align: left;
}
#wraper .subArea .tableBox .note {
	font-size: 12px;
}


#wraper .cost_sec.ty_bg .info_bx {
	padding: 70px 0;
}
#wraper .fullArea .about_sec {
	padding: 40px 0;
}
#wraper .fullArea .about_sec .about_text p {
	font-size: 15px;
}
#wraper .fullArea .about_sec .info_bx {
	padding: 30px 0;
}
#wraper .fullArea .about_sec.ty_bg .about_text {
	text-align: left;
}
#wraper .fullArea .cs_sec {
	padding: 20px 0 50px;
}
#wraper .fullArea .cs_sec.ty_bg {
	padding: 65px 0;
}
#wraper .fullArea .faq_list {
	border-top: none;
}
#wraper .subArea .tab_bx .tab_lst {
	display: none;
}
#wraper .subArea .tab_bx .selectBox {
	display: block;
	max-width: 100%;
	width: 100%;
	margin: 0 auto;
}
#wraper .subArea .tab_bx .selectBox select {
	background: #f5f6fa;
	color: #333;
}
.tab_bx .tab_lst .tab_btn {
	padding: 0 5px;
	font-size: 14px;
}
.tab_bx .tab_panel {
	padding-top: 20px;
}

/* 추가사항 적용 */
#wraper .subArea .benefit_wrap {
	margin: 0 0 50px;
}
#wraper .subArea .benefit {
	width: 100%;
}
#wraper .benefit_list {
	width: 100%;
	margin: -10px -2px 0 -2px;
}
#wraper .benefit_list > li {
	width: 50%;
	padding: 10px 2px 0 2px;
}
#wraper .benefit_list .benefit_item {
	height: 305px;
}
#wraper .benefit_list .benefit_thmb {
	height: 110px;
}
#wraper .benefit_list .benefit_thmb img {
	max-width: 90px;
	max-height: 90px;
}
#wraper .benefit_list .benefit_cont {
	margin: 12px 10px 20px;
}
#wraper .benefit_list .benefit_tag {
	font-size: 12px;
	line-height: 18px;
}
#wraper .benefit_list .benefit_tit {
	font-size: 18px;
	line-height: 22px;
}
#wraper .benefit_list .benefit_info {
	height: 90px;
	margin-top: 15px;
	padding-top: 15px;
}
#wraper .benefit_list .benefit_info li {
	padding-left: 10px;
	font-size: 13px;
	line-height: 18px;
}
#wraper .benefit_list .benefit_info li:before {
	top: 7px;
	width: 4px;
	height: 4px;
}
#wraper .benefitArea {
	margin-top: 56px;
}
#wraper .benefitArea .center {
	width: 100%;
}
#wraper .benefitArea .benefitTitleBox {
	min-height: auto;
	padding: 0 24px 40px;
}
#wraper .benefitArea .benefitThmb {
	position: relative;
	display: block;
	top: 0;
	width: 100%;
	height: 232px;
	min-height: 232px;
	border: none;
}
#wraper .benefitArea .benefitTag {
	margin-top: 20px;
}
#wraper .benefitArea .benefitTitle {
	margin-top: 8px;
	font-size: 26px;
	line-height: 39px;
}
#wraper .benefitArea .benefitTitleDesc {
	margin-top: 30px;
	padding-top: 20px;
	font-size: 17px;
	line-height: 1.76;
}
#wraper .benefitArea .benefitSection {
	padding: 40px 24px;
}
#wraper .benefitArea .benefit_detail {
	padding: 10px 0;
	border: none;
}
#wraper .logo_bx {
	padding: 100px 0;
	text-align: center;
}
#wraper .logo_list {
	display: inline-block;
	width: 390px;
	height: 500px;
	overflow-y: scroll;
}
#wraper .logo_list li {
	float: left;
	margin: 15px;
	padding: 15px;
	border-radius: 20px;
	background-color: #ffffff;
}
#wraper .logo_list .gradient {
 	position: absolute;
 	top: 602px;
 	height: 130px;
 	width: inherit;
 	background-image: linear-gradient(to top, #f5f6fa, rgba(245, 246, 250, 0));
}
}