@import url(//cdn.design-factory.co.kr/_font/notosans/fonts.css);
@import url(//cdn.design-factory.co.kr/_font/notosansjp/fonts.css);
@import url(//cdn.design-factory.co.kr/_font/notosanssc/fonts.css);
@import url(//cdn.design-factory.co.kr/_font/notosansthai/fonts.css);

* {font-family:"NotoSans";}
.jp * {font-family:"Noto Sans JP";}
.ch * {font-family:"NotoSansSC", sans-serif;}
.th * {font-family:"NotoSansThai";}
.ae * {font-family: "Noto Sans Arabic", sans-serif;}

body {width:100%; margin:0 auto; padding:0; font-size:13px; line-height:normal; overflow-y:scroll; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none;}
img {border:none; margin:0; padding:0; outline:none;}
a {border:none; margin:0; padding:0; outline:none; text-decoration:none;}
a:active {color:#666666; text-decoration:none;}
a:link {color:#666666; text-decoration:none;}
a:visited {color:#666666; text-decoration:none;}
a:hover {color:#666666; text-decoration:none;}
p {margin:0; padding:0;}
ul {list-style:none; margin:0; padding:0;}
ul:after {content:""; display:block; clear:both;}
ul > li {display:block;}

img.fx{max-width:100%;}

td {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

input, select, textarea {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	margin:0; 
	padding:0; 
	outline:none; 
	font-size:13px; 
	color:#000000;
	line-height:21px; 
}

input::placeholder {color:#000000; opacity:1;}
input::-webkit-input-placeholder {color:#000000;}
input:-ms-input-placeholder {color:#000000;}
input:-moz-input-placeholder {color:#000000;}

textarea {overflow-y:scroll; resize:none;}

textarea::placeholder {color:#000000; opacity:1;}
textarea::-webkit-input-placeholder {color:#000000;}
textarea:-ms-input-placeholder {color:#000000;}
textarea:-moz-input-placeholder {color:#000000;}

input[type=text], input[type=password] ,input[type=tel], input[type=file], input[type=image], input[type=button], input[type=submit], textarea {
	border-radius:0; 
	-moz-border-radius:0; 
	-webkit-border-radius:0;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	width:100%;
}

select {
	border-radius:0; 
	-moz-border-radius:0; 
	-webkit-border-radius:0;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	background-color:#ffffff;
	background-image:url("/img/sub/select_arrow.png");
	background-repeat:no-repeat;
	background-position:right 20px center;
	width:100%;
	padding:0 29px 0 10px;
}

select::-ms-expand {display:none;}

.w_con {}
.m_con {display:none;}

.w_img {display:inline-block; width:100%;}
.m_img {display:none;}

.w_br {}
.m_br {display:none;}

.w_bar {}
.m_bar {display:none;}

/*체크박스 버튼*/
.checkbox_label {display:inline-block; cursor:pointer;}
.checkbox_label input[type=checkbox] {display:none;}
.checkbox_label .check_icon {display:inline-block; width:25px; height:20px; background-image:url("/img/sub/checkbox_icon_off.png"); background-repeat:no-repeat; vertical-align:middle; cursor:pointer;}
.checkbox_label span {vertical-align:middle;}
.checkbox_label input[type=checkbox]:checked + .check_icon {background-image:url("/img/sub/checkbox_icon_on.png");}

/*라디오 버튼*/
.radio_label {display:inline-block; cursor:pointer;}
.radio_label input[type=radio] {display:none;}
.radio_label .check_icon {display:inline-block; width:24px; height:24px; background-image:url("/img/sub/radio_icon_off.png"); background-repeat:no-repeat; margin-left:30px; vertical-align:middle; cursor:pointer;}
.radio_label .check_icon:nth-of-type(1) {margin-left:0;}
.radio_label span {vertical-align:middle;}
.radio_label input[type=radio]:checked + .check_icon {background-image:url("/img/sub/radio_icon_on.png");}

#wrap {width:100%; min-width:280px; margin:0 auto;}

/*헤더*/
#header {width:100%; margin:0 auto;}
#header > .contents_con {}

/*컨텐츠*/
#container {width:100%; margin:0 auto;}
#container > .contents_con {}

/*info01_con*/
.info01_con {background:url("/img/main/info01_con_bg.png")no-repeat center/cover;}
.info01_con > .contents_con {width:100%; max-width:1200px; margin:0 auto;}
.info01_con > .contents_con > .logo_con {}
.info01_con > .contents_con > .logo_con > img {}
.info01_con > .contents_con > .text_con {text-align:center;}
.info01_con > .contents_con > .text_con > span {font-size:78px; color:#ffffff; font-weight:900; line-height:86px; letter-spacing:-1px;}
.info01_con > .contents_con > .img_con {}
.info01_con > .contents_con > .img_con > img {}

/*info02_con*/
.info02_con {background:url("/img/main/info02_con_bg.png")no-repeat center/cover;}
.info02_con > .contents_con {width:100%; max-width:1200px; margin:0 auto; position:relative;}
.info02_con > .contents_con > .list_con {position:absolute; top:-40px; left:0; right:0;}
.info02_con > .contents_con > .list_con > ul {display:flex; width:100%; background:#ffffff; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; box-shadow:1px 1px 5px 2px rgb(0, 0, 0, 0.1);}
.info02_con > .contents_con > .list_con > ul > li {width:33.3%;}
.info02_con > .contents_con > .list_con > ul > li > .list_div {border-right:1px solid #eeeeee; margin:48px 0 40px 0; text-align:center;}
.info02_con > .contents_con > .list_con > ul > li:last-child > .list_div {border-right:none;}
.info02_con > .contents_con > .list_con > ul > li > .list_div > .img_con {margin-bottom:13px;}
.info02_con > .contents_con > .list_con > ul > li > .list_div > .img_con > img {width:140px;}
.info02_con > .contents_con > .list_con > ul > li > .list_div > .text_con {}
.info02_con > .contents_con > .list_con > ul > li > .list_div > .text_con > span {font-size:16px; color:#666666; font-weight:400; line-height:24px; letter-spacing:-1px;}
.info02_con > .contents_con > .title_con {padding-top:360px; text-align:center;}
.info02_con > .contents_con > .title_con > span {font-size:44px; color:#222222; font-weight:700; line-height:52px; letter-spacing:-1px;}
.info02_con > .contents_con > .flex_con {display:flex; justify-content:space-between; align-items:center; padding-bottom:60px;}
.info02_con > .contents_con > .flex_con > .list_con {width:52%;}
.info02_con > .contents_con > .flex_con > .list_con > ul {background:#ffffff; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; padding:47px 75px 47px 56px; box-shadow:2px 6px 11px 2px rgb(0, 0, 0, 0.1);}
.info02_con > .contents_con > .flex_con > .list_con > ul > li {margin-bottom:18px;}
.info02_con > .contents_con > .flex_con > .list_con > ul > li > .list_div {display:flex; align-items:flex-start;}
.info02_con > .contents_con > .flex_con > .list_con > ul > li > .list_div > img {width:18px; margin:6px 9px 0 0;}
.info02_con > .contents_con > .flex_con > .list_con > ul > li > .list_div > span {font-size:18px; color:#666666; font-weight:400; line-height:26px; letter-spacing:-1px;}
.info02_con > .contents_con > .flex_con > .img_con {}
.info02_con > .contents_con > .flex_con > .img_con > img {width:530px;}

/*info03_con*/
.info03_con {background:url("/img/main/info03_con_bg.png")no-repeat center/cover;}
.info03_con > .contents_con {width:100%; max-width:1200px; margin:0 auto;}
.info03_con > .contents_con > .logo_con {}
.info03_con > .contents_con > .logo_con > img {}
.info03_con > .contents_con > .title_con {margin-bottom:52px;}
.info03_con > .contents_con > .title_con > span {font-size:77px; color:#222222; font-weight:900; line-height:86px; letter-spacing:-1px;}
.info03_con > .contents_con > .text_con {}
.info03_con > .contents_con > .text_con.text02 {padding-bottom:310px;}
.info03_con > .contents_con > .text_con > span {font-size:32px; color:#444444; font-weight:700; line-height:50px; letter-spacing:-1px;}

/*info04_con*/
.info04_con {background:url("/img/main/info04_con_bg.png")no-repeat center/cover;}
.info04_con > .contents_con {width:100%; max-width:1200px; margin:0 auto; padding:152px 0 130px 0;}
.info04_con > .contents_con > .title_con {margin-bottom:12px; text-align:center;}
.info04_con > .contents_con > .title_con > span {font-size:44px; color:#ffffff; font-weight:700; line-height:52px; letter-spacing:-1px;}
.info04_con > .contents_con > .list_con {}
.info04_con > .contents_con > .list_con > table {width:100%;}
.info04_con > .contents_con > .list_con > table > tbody {}
.info04_con > .contents_con > .list_con > table > tbody > tr {}
.info04_con > .contents_con > .list_con > table > tbody > tr > td {width:33.33%; position:relative;}
.info04_con > .contents_con > .list_con > table > tbody > tr:first-child > td:after {content:''; width:1px; height:200px; background:#ffffff; position:absolute; top:60px; right:0;}
.info04_con > .contents_con > .list_con > table > tbody > tr:first-child > td:last-child:after {content:none;}
.info04_con > .contents_con > .list_con > table > tbody > tr:nth-child(3) > td:after {content:''; width:1px; height:200px; background:#ffffff; position:absolute; top:60px; right:0;}
.info04_con > .contents_con > .list_con > table > tbody > tr:nth-child(3) > td:last-child:after {content:none;}
.info04_con > .contents_con > .list_con > table > tbody > tr > td:last-child {border-right:none;}
.info04_con > .contents_con > .list_con > table > tbody > tr:nth-child(2) > td {border-bottom:1px solid #ffffff;}
.info04_con > .contents_con > .list_con > table > tbody > tr > .info_td {}
.info04_con > .contents_con > .list_con > table > tbody > tr > .info_td > .img_con {margin-top:60px;}
.info04_con > .contents_con > .list_con > table > tbody > tr > .info_td > .img_con > img {width:110px;}
.info04_con > .contents_con > .list_con > table > tbody > tr > .text_td > .text_con {margin-bottom:60px;}
.info04_con > .contents_con > .list_con > table > tbody > tr > .text_td > .text_con > span {font-size:20px; color:#ffffff; font-weight:700; line-height:30px; letter-spacing:-1px;}
.info04_con > .contents_con > .list_con > ul > li {width:33.3%; padding:60px 0;}
.info04_con > .contents_con > .list_con > ul > li:nth-child(1) {border-bottom:1px solid #ffffff;}
.info04_con > .contents_con > .list_con > ul > li:nth-child(2) {border-bottom:1px solid #ffffff;}
.info04_con > .contents_con > .list_con > ul > li:nth-child(3) {border-bottom:1px solid #ffffff;}
.info04_con > .contents_con > .list_con > ul > li > .list_div {text-align:center;}
.info04_con > .contents_con > .list_con > ul > li > .list_div > .img_con {}
.info04_con > .contents_con > .list_con > ul > li > .list_div > .img_con > img {width:110px;}
.info04_con > .contents_con > .list_con > ul > li > .list_div > .text_con {}
.info04_con > .contents_con > .list_con > ul > li > .list_div > .text_con > span {}

/*form_con*/
.form_con {background:url("/img/main/form_con_bg.png")no-repeat center/cover;}
.form_con > .contents_con {width:100%; max-width:1200px; margin:0 auto; padding:72px 0;}
.form_con > .contents_con > form {width:640px; margin:0 auto;}
.form_con > .contents_con > form > .contents_con {background:#ffffff; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; padding:52px 42px 70px;}
.form_con > .contents_con > form > .contents_con > .title_con {margin-bottom:16px;}
.form_con > .contents_con > form > .contents_con > .title_con > span {font-size:48px; color:#222222; font-weight:900; line-height:56px; letter-spacing:-1px;}
.form_con > .contents_con > form > .contents_con > .text_con {border-bottom:1px solid #eeeeee; margin-bottom:28px; padding-bottom:28px;}
.form_con > .contents_con > form > .contents_con > .text_con > span {font-size:16px; color:#666666; font-weight:400; line-height:24px; letter-spacing:-0.8px;}
.form_con > .contents_con > form > .contents_con > .list_con {}
.form_con > .contents_con > form > .contents_con > .list_con > ul {}
.form_con > .contents_con > form > .contents_con > .list_con > ul > li {margin-bottom:16px;}
.form_con > .contents_con > form > .contents_con > .list_con > ul > li:last-child {margin-bottom:0;}
.form_con > .contents_con > form > .contents_con > .list_con > ul > li > .list_div {}
.form_con > .contents_con > form > .contents_con > .list_con > ul > li > .list_div > .title_con {margin-bottom:8px;}
.form_con > .contents_con > form > .contents_con > .list_con > ul > li > .list_div > .title_con > span {font-size:20px; color:#222222; font-weight:700; line-height:28px; letter-spacing:-0.25px;}
.form_con > .contents_con > form > .contents_con > .list_con > ul > li > .list_div > .title_con > span .color_text {color:#159cda;}
.form_con > .contents_con > form > .contents_con > .list_con > ul > li > .list_div > .input_con {}
.form_con > .contents_con > form > .contents_con > .list_con > ul > li > .list_div > .input_con > input {width:100%; height:50px; border:none; background:#f9f9f9; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:0 20px; font-size:16px; color:#222222; font-weight:400; line-height:24px; letter-spacing:-0.25px;}
.form_con > .contents_con > form > .contents_con > .list_con > ul > li > .list_div > .input_con > input::placeholder {color:#666666;}
.form_con > .contents_con > form > .contents_con > .list_con > ul > li > .list_div > .input_con > select {width:100%; height:50px; border:none; background-color:#f9f9f9; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:0 20px; font-size:16px; color:#666666; font-weight:400; line-height:24px; letter-spacing:-0.25px;}
.form_con > .contents_con > form > .contents_con > .list_con > ul > li > .list_div > .input_con > select > option {}
.form_con > .contents_con > form > .contents_con > .list_con > ul > li > .list_div > .input_con > textarea {width:100%; height:200px; border:none; background:#f9f9f9; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:15px 20px; font-size:16px; color:#222222; font-weight:400; line-height:24px; letter-spacing:-0.25px;}
.form_con > .contents_con > form > .contents_con > .list_con > ul > li > .list_div > .input_con > textarea::placeholder {color:#666666;}
.form_con > .contents_con > form > .contents_con > .list_con > ul > li > .list_div > .input_con > .textarea {width:100%; height:80px; overflow:unset;}
.form_con > .contents_con > form > .contents_con > .list_con > ul > li > .list_div > .input_con > .textarea::placeholder {}
.form_con > .contents_con > form > .contents_con > .btn_con {margin-top:25px;}
.form_con > .contents_con > form > .contents_con > .btn_con > a {display:block; width:100%; background:#60c8f8; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-align:center; font-size:38px; color:#ffffff; font-weight:800; line-height:76px; letter-spacing:-1px;}

/*푸터*/
#footer {width:100%; margin:0 auto;}
#footer > .contents_con {background:#f4f4f4; padding:26px 0;}
#footer > .contents_con > .text_con {text-align:center;}
#footer > .contents_con > .text_con > span {font-size:14px; color:#666666; font-weight:400; line-height:22px;}
