/* Mobile Reset */
*{-webkit-text-size-adjust:none}
input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="image"], input[type="tel"], textarea{-webkit-appearance:none; -webkit-border-radius:0}
select{-webkit-border-radius:0}


/* UI JS CSS */
.fadeinUp{opacity:1; animation:fadeInUpAni 0.6s ease; -webkit-animation:fadeInUpAni 0.6s}
@-webkit-keyframes fadeInUpAni{0%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0} 100%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1}}
@keyframes fadeInUpAni{0%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0} 100%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1}}

/* 1360px 이하일때 */
@media all and (max-width:1360px){
#header .util li{ margin-left:15px;  margin-right:15px;}

.paltform_t{width:100%;}
.section_02{width:100%;}
.mc_wrap{width:100%;}
.section_04{width:100%;}

.subcontent{width:98%; margin:0 1%;}
.s0201{width:96%; margin:0 2%;}
.s0202{width:96%; margin:0 2%;}
.s0203{width:96%; margin:5% 2% 0 2%;}
.s0204{width:96%; margin:5% 2% 0 2%;}
.s0205{width:96%; margin:0 2%;}
.s0301{width:96%; margin:2% 2% 0% 2%;}
.s0302{width:96%; margin:6% 2% 0% 2%;}
.s0303{margin:6% auto 0%; padding:80px 2%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.s0304{padding:80px 2%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.s0305{padding:80px 2%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

.s0101{width:96%; margin:0 2% 5%;}
.s0102{width:96%; margin:0 2%;}
.well_pt{width:96%;margin:0 2% 5%; }
.well_info {width:96%;margin:0 2%;}

.stitle01 {width:96%;}
.stitle05{width:96%;}
.greeting{width:92%; margin:2% 4% 5%;}
}

/* 1200px 이하일때 */
@media all and (max-width:1200px){
.tm{display:none !important}
.page3 .pg0301 h3{ FONT-SIZE:80px;line-height:80px;margin-bottom:40px;}
.s0201 img{width:100%;}
.s0201 .sleft{padding-right:2%;padding-left:2%;}
.s0201 .sright{padding-right:0%;padding-left:0%;}
.stitle h2{FONT-SIZE: 30px; margin-bottom:20px;}
.stitle p{FONT-SIZE: 18px;}
.stitle h3{FONT-SIZE: 42px; margin-bottom:20px; }
.stitle h4{FONT-SIZE: 18px;}
.stitle h5{FONT-SIZE: 18px;}

.s0202 .msample img{width:100%;}
.s0203 .o_tit{FONT-SIZE:34px; margin-bottom:30px; }
.s0204 .o_tit{FONT-SIZE:34px; margin-bottom:30px; }
.s0302 img{width:100%;}
.s0303 img{width:100%;}
.s0304 img{width:100%;}
.s0305 img{width:100%;}

}


/* 1024px 이하일때 */
@media all and (max-width:1024px) {
#header{height:65px;}
.logo{display:none !important}	
.util{display:none !important}

.logo_m{display:inline}
.util_m{display:inline}
.m_open{display:inline}

.page3 .pg0301 h3{FONT-SIZE:70px;line-height:70px;margin-bottom:30px;}
.page3 .pg0301 h2{FONT-SIZE:26px;line-height:26px;margin-bottom:30px;}
.page3 .pg0301 h1{display:none !important}	
.page3 .pg0301 h4{display:inline}

.about h1{FONT-SIZE: 20px;line-height:1.8;}

.stopimg-txt{top:45%;}
.stopimg-txt h2{font-size:35px;line-height: 35px; }
.stopimg-txt p{font-size:18px; line-height: 18px;}

.s0201_wrap{padding:40px 0px 20px;}
.s0201 .sleft{display:inline-block;width:100%;text-align:center; padding-right:0%;padding-left:0%; margin-bottom:60px;}
.s0201 .sright{display:inline-block;width:100%;text-align:center; padding-right:0%;padding-left:0%;}
.s0201 img{width:70%;}
.s0202_wrap{padding:50px 0px 30px 0px;}

.s0203 .sltxt{width:100%;padding:5% 5% 3% 5%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.s0203 .srtxt{width:100%;padding:5% 5% 3% 5%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

.s0204 .simg_wrap{display:inline-block;width:46%; margin-left:2%; margin-right:2%;margin-bottom:2%;}
.s0204 h2{FONT-SIZE: 16px;margin-bottom:10px;}
.s0204 p{FONT-SIZE: 13px;margin-bottom:8px;}


.s0205_wrap{padding:30px 0px 20px;}
.s0205 img{width:70%;}
.s0303{padding:60px 2%;}
.s0304{padding:60px 2%;}
.s0305{padding:60px 2%;}

.box_p_wrap{width:100%; margin:0px auto 5%;}
.box_p{width:46%; margin:0% 1% 1%; }

.tab_smenu li {margin: 0px 10px;}
.tab_smenu li a {height: 40px;padding-left:10px; line-height:40px; font-size: 14px; }


.s0102_wrap{padding:40px 0px;}
.s0103_wrap{padding:40px 0px;}
.s0104_wrap{padding:50px 0px 0px;}
.stitle02{ FONT-SIZE:24px;padding:5px 15px 6px;margin-bottom:3%;}
.stitle03{FONT-SIZE:24px;padding:5px 15px 6px; margin:40px auto 3%;}

.s0101 .pcimg01{display:none;width:100%;}
.s0101 .tbimg{display:inline-block;width:100%;}

.pc_mt10{display:none !important}
.board-box-txt01 {font-size:14px;padding:6px 30px 8px;margin-bottom:10px; }

.well_pt li{width:31%;}
.well_pt img{max-width: 90%;}

.well_info h3{font-size:13px;}

.box_c .ictit{line-height:16px; font-size: 13px;}
.box_c .ictit h4{line-height:20px; font-size: 16px; }

.box_d .idtit{line-height:16px; font-size: 13px;}
.box_d .idtit h4{line-height:20px; font-size: 16px; }


.stitle06 h2{font-family:'Nanum Gothic'; color:#fff; FONT-SIZE: 50px; margin-bottom:20px;line-height:1; }
.stitle06 h3{font-family:'Nanum Gothic Bold'; color:#fff; FONT-SIZE: 30px; line-height:1.2; margin-bottom:20px;}
.stitle06 h4{font-family:'Nanum Gothic Bold'; color:#e5e5e5; FONT-SIZE: 18px;line-height:1.2; margin-top:30px;margin-bottom:30px;}
.stitle06 h5{font-family:'Nanum Gothic Bold'; color:#fff; FONT-SIZE: 22px; line-height:1.5;}

}



/* 900px 이하일때 */
@media all and (max-width:900px) {
.about p{FONT-SIZE: 15px;margin-bottom:30px;}
.about h1{FONT-SIZE:16px;line-height:1.8;}
.paltform_t{padding:30px 0px 5px;FONT-SIZE:35px;}
.about br{display:none !important}
.about{padding:80px 20px 70px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.section_04 p{font-size:35px;line-height:35px;}	
.stopimg-txt{top:50%;}
.stopimg-txt h2{font-size:30px;line-height: 30px; }
.stopimg-txt p{font-size:16px; line-height: 16px;}

.stitle h2{FONT-SIZE: 28px; margin-bottom:20px;}
.stitle p{FONT-SIZE: 16px;}
.stitle h3{FONT-SIZE: 35px; margin-bottom:20px;}
.stitle h4{FONT-SIZE: 16px;  }
.stitle h5{FONT-SIZE: 16px;}
.s0203 .o_tit{FONT-SIZE:28px; margin-bottom:20px; }
.s0203 .o_tit h1{FONT-SIZE:18px;}
.s0204 .o_tit{FONT-SIZE:28px; margin-bottom:20px; }


.stitle01 h2{FONT-SIZE: 30px; }
.stitle01 p{FONT-SIZE: 15px; padding:5px 20px 6px;}
.stitle01 h3{FONT-SIZE: 22px; }
.stitle01 h4{FONT-SIZE: 30px;}

.stitle04 h2{ FONT-SIZE: 30px;padding-bottom:15px;}
.stitle04 p{FONT-SIZE: 24px; }

 
.stitle05{FONT-SIZE: 30px;margin:30px auto;}
.list-table01 th {padding:8px 5px; font-size:13px;}
.list-table01 td {padding:8px 5px;font-size:12px; }
.list-table01 {margin:0px auto 10px;}


}

/* 800px 이하일때 */
@media all and (max-width:800px) {
.page3 .pg0301 h3{FONT-SIZE:60px;line-height:60px;margin-bottom:30px;}
.page3 .pg0301 h2{FONT-SIZE:24px;line-height:24px;margin-bottom:30px;}
.page3 .pg0301 h4{FONT-SIZE:16px;line-height:24px;}
.ms_wrap .m_ms01{display: inline-block; }
.ms_wrap .m_ms02{display: inline-block;}
.ms_wrap .m_ms03{display: inline-block;}
.ms_wrap .ms01{display:none !important}
.ms_wrap .ms02{display:none !important}
.ms_wrap .ms03{display:none !important}
.ms_wrap .m_ms03 .s_mov{position: absolute; width:65%; height:55%; bottom:20px;right:20px; z-index:2; }
.section_03{margin-top:20px; }
.section_04{padding: 50px 0px;}
.mc_wrap .mc{display: inline-block; width:100%;}
.partner li{display: inline-block; width:30%; }
.stopimg-txt{top:50%;}
.stopimg-txt h2{font-size:26px;line-height: 26px; }
.stopimg-txt p{font-size:14px; line-height: 14px;}
.s0201 img{width:80%;}
.s0202 .kmov{width:100%;}
.s0203 img{width:100%;}

.s0203 h2{ FONT-SIZE: 18px; margin-bottom:20px; }
.s0203 h3{FONT-SIZE: 18px; margin-bottom:20px; }
.s0203 p{FONT-SIZE: 14px;}
.s0203 h4{FONT-SIZE: 14px;}

.s0204 h2{FONT-SIZE: 14px;margin-bottom:10px;}
.s0204 p{FONT-SIZE: 12px;margin-bottom:8px;}

.s0205 img{width:85%;}

.board-box-txt01 {font-size:13px;padding:4px 20px 6px;margin-bottom:5px; }

.greeting .g_left_m{display:inline-block;width:100%; margin-right:0%; margin-bottom:5%;text-align:center;}
.greeting .g_left{display:none;}
.greeting .g_right{display:inline-block;width:100%; }
.greeting h2{font-size: 13px;}
.greeting h4{font-size: 16px;}

.partner li.main {width:30%}


}

/*mobile 700 이하 */
@media all and (max-width:700px){
.qa {padding: 40px 0px;}
.qa p{font-size:40px;line-height:40px;}
.qa h2{font-size:15px;line-height:24px;}

.subcontent{min-height:300px; }	
.stopimg-txt h2{display:none !important}
.ms_select {display: block; !important}
.tab_smenu {display:none !important}
#map {height: 400px;}

.stitle01 h2{FONT-SIZE: 26px;}
.stitle01 p{FONT-SIZE: 13px;padding:4px 15px 5px;}
.stitle01 h3{FONT-SIZE: 16px; }
.stitle01 h4{FONT-SIZE: 22px;margin-top:20px;}

.stitle04 h2{ FONT-SIZE: 26px; padding-bottom:15px;}
.stitle04 p{FONT-SIZE: 18px; }

.stitle05{FONT-SIZE: 22px;margin:20px auto 20px;}

.stitle06 h2{font-family:'Nanum Gothic'; color:#fff; FONT-SIZE: 40px; margin-bottom:20px;line-height:1; }
.stitle06 h3{font-family:'Nanum Gothic Bold'; color:#fff; FONT-SIZE: 22px; line-height:1.2; margin-bottom:20px;}
.stitle06 h4{font-family:'Nanum Gothic Bold'; color:#e5e5e5; FONT-SIZE: 16px;line-height:1.2; margin-top:30px;margin-bottom:30px;}
.stitle06 h5{font-family:'Nanum Gothic Bold'; color:#fff; FONT-SIZE: 20px; line-height:1.5;}


}

/*mobile 600 이하 */
@media all and (max-width:600px){
.page3 .pg0301 strong {top:30%;}
.page3 .pg0301 h3{FONT-SIZE:50px;line-height:50px;margin-bottom:30px;}
.page3 .pg0301 h2{FONT-SIZE:22px;line-height:22px;margin-bottom:30px;}
.page3 .pg0301 h4{FONT-SIZE:14px;line-height:22px;}
.qa {padding: 40px 20px;}
.qa p{font-size:30px;line-height:30px; }
.qa h2{font-size:14px;line-height:22px;letter-spacing: -0.03em;}
.wr_type-mwrap {width:94%;margin:10px auto 0px auto;}	
.about{padding:60px 20px 50px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.about h1{FONT-SIZE:15px;line-height:1.6;}
.paltform_t{padding:30px 0px 5px;FONT-SIZE:30px;}
.section_02{padding: 20px 0px 0px 0px;}
.section_03{margin-top:10px; }
.partner li{display: inline-block; width:47%;}
.section_04{padding: 30px 0px;}
.section_04 p{font-size:30px;line-height:30px;margin-bottom:20px;}	
.pagination {bottom:10px;}
.scroll {bottom:40px;}
.list-table td.left {font-size:12px;}

.title {padding:20px 0px;  FONT-SIZE:26px; }

.stitle {margin-bottom:20px;}
.stitle h2{FONT-SIZE: 22px; margin-bottom:10px;}
.stitle p{FONT-SIZE: 14px;}
.stitle h3{ FONT-SIZE: 28px; margin-bottom:20px; }
.stitle h4{FONT-SIZE: 14px; }
.stitle h5{FONT-SIZE: 14px;}
.s0203 .o_tit{FONT-SIZE:24px; margin-bottom:10px;}
.s0203 .o_tit h1{FONT-SIZE:16px;}
.s0204 .o_tit{FONT-SIZE:24px; margin-bottom:10px; }

.stitle06 h2{font-family:'Nanum Gothic'; color:#fff; FONT-SIZE: 30px; margin-bottom:20px;line-height:1; }
.stitle06 h3{font-family:'Nanum Gothic Bold'; color:#fff; FONT-SIZE: 20px; line-height:1.2; margin-bottom:20px;}
.stitle06 h4{font-family:'Nanum Gothic Bold'; color:#e5e5e5; FONT-SIZE: 14px;line-height:1.2; margin-top:30px;margin-bottom:30px;}
.stitle06 h5{font-family:'Nanum Gothic Bold'; color:#fff; FONT-SIZE: 18px; line-height:1.5;}

.tab_type3 li a {height: 40px;line-height:38px; font-size: 14px;}
.tab_type4 li a {height: 40px;line-height:38px; font-size: 14px;}
.wr_type-wrap {width:94%; margin:10px auto 0px auto;background:#fff;border:0px solid #dfdede;word-wrap:break-word;padding:0px;}

.s0201 img{width:100%;}
.s0201 .sleft{margin-bottom:40px;}
.s0202_wrap{padding:30px 0px 30px 0px;}
.s0202 .msample01{display:inline-block;width:100%; margin-top:10px; }
.s0202 .msample01 img{width:100%;}
.s0202 .msample{display:none !important}
.s0301 img{width:90%;}
.s0303{padding:40px 2%;}
.s0304{padding:40px 2%;}
.s0305{padding:40px 2%;}

.s0202 .amov{display:inline-block;width:100%; margin:2% 0%}

.box_p .ptit{height:30px;line-height: 28px; font-size: 13px;}

.stitle01 h3{ margin-top:15px; }
.s0102_wrap{padding:30px 0px;}
.s0103_wrap{padding:30px 0px;}
.s0104_wrap{padding:40px 0px 0px;}
.stitle02{ FONT-SIZE:16px;padding:5px 15px 6px;margin-bottom:4%;}
.stitle03{FONT-SIZE:16px;padding:5px 15px 6px; margin:30px auto 4%;}
.list-table01 {margin:0px auto 0px;}
.list-table01 th {padding:6px 3px;font-size:11px;}
.list-table01 td {font-size:11px;padding:6px 5px; }

.s0101 .half_img{width:100%; margin:20px 0% 0px;}
.s0101 h2{font-size: 14px; margin:20px 0% 0px;}

.s0102 .pcimg{display:none;width:100%;}
.s0102 .mbimg{display:inline-block;width:100%;}

.s0101 .pcimg{display:none;width:100%;}
.s0101 .tbimg{display:none;width:100%;}
.s0101 .mbimg{display:inline-block;width:100%;}
.s0101 .mbimg_50{display:inline-block;width:90%;  margin:0px auto;}
.stitle05 p{display:inline-block;padding:0px 10px;}
.board-box-txt01 {font-size:13px;padding:4px 20px 6px;margin-bottom:5px; }

.well_pt li{width:48%; height:60px; }
.well_pt .pwtxt{font-size: 12px;}
.well_pt img{max-width: 80%;}

.well_info ul{ float:left; width:100%;margin-bottom:0%;}
.well_info li{float:left; width:100%;margin:0px 0% 2%;}
.well_info h3{font-size:12px;padding-left:10px;background:url('../img/icon_circle.png') no-repeat 0px 5px;}
.well_info .t_box{font-size:14px; }

.stitle04{width:96%;  margin:0px 2% 4%; text-align:center;}
.stitle04 h2{ FONT-SIZE: 20px; padding-bottom:15px;}

.box_c_wrap{width:100%;}
.box_c{width:46%; margin:1% 1% 2%; }
.box_c .ictit{line-height:14px; font-size: 12px; letter-spacing: -0.05em;}
.box_c .ictit h4{line-height:18px; font-size: 14px;letter-spacing: -0.05em;}

.box_d{width:96%; margin:0% 2% 3%; }
.box_d .idimg{width:40%; margin-right:3%;}
.box_d .idtit{width:57%;line-height:12px; font-size: 12px;margin-top:0px;letter-spacing: -0.05em;text-align:left;}
.box_d .idtit h4{line-height:18px; font-size: 14px;margin-top:4px; letter-spacing: -0.05em;text-align:left;}

.n_more_btn a{ padding:8px 15px; font-size: 13px;line-height:18px;}

.btn-type.btn1 {padding:0 15px}

}


/*mobile 520 이하 */
@media all and (max-width:520px){

.page3 .pg0301 strong {top:27%;}
.page3 .pg0301 h3{FONT-SIZE:35px;line-height:35px;margin-bottom:20px;}
.page3 .pg0301 h2{FONT-SIZE:20px;line-height:20px;margin-bottom:20px;}
.page3 .pg0301 h4{display:none !important}
.page3 .pg0301 h5{display:inline}
.footer{padding: 20px 0px 0px 0px; }
.footer .fcopy{padding: 0px 10px 30px 10px; FONT-SIZE: 11px; line-height:16px;}
.qa p{margin-bottom:10px;}
.qa h2{display:none !important}
.qa h1{display:inline}
.paltform_t{padding:20px 0px 5px;FONT-SIZE:24px;}
.section_02{padding: 10px 0px 0px 0px;}
.title {padding:20px 0px;  FONT-SIZE:24px; }
.list-table td {font-size:11px;}
.wr_type .col_left {display: block;width: 100%;margin-right: 0%;}
.wr_type .col_right {display: block;width: 100%;margin-left: 0%;}
.wr_type label {line-height: 22px;}
.wr_type label span {line-height: 18px;font-size:13px;}
.wr_type label p {line-height: 18px;font-size:13px;}

.s0205_wrap{padding:20px 0px 20px;}
.s0203 .o_tit{FONT-SIZE:22px; margin-bottom:10px;}
.s0203 .o_tit h1{FONT-SIZE:14px;}
.s0204 .o_tit{FONT-SIZE:22px; margin-bottom:10px; }

.stitle01 h2{FONT-SIZE: 22px;}
.stitle01 p{FONT-SIZE: 12px;padding:4px 15px 5px;}
.stitle01 h3{FONT-SIZE: 14px; }
.stitle01 h4{FONT-SIZE: 16px;margin-top:15px;}

.stitle04 h2{ FONT-SIZE: 18px; padding-bottom:10px;}
.stitle04 p{FONT-SIZE: 14px; }

.stitle05{FONT-SIZE: 16px;}
.list-table01 td {font-size:10px;padding:6px 3px; }

.greeting h2{font-size: 12px;margin-bottom:15px;}
.greeting h4{font-size: 14px;margin-bottom:15px;}

.ckMobile {display:none;}

.partner li.main {width:45%}

	/* 클로버 */
	.klover_wrap .img_wrap p {clear:both; width:100%; margin-left:0}

	.page3 .pg0301 div {font-family:"Noto Sans KR", sans-serif; color:#fff;line-height:1.3em; letter-spacing: -0.05em;text-transform:uppercase;margin-bottom:40px;
display:block;font-size:30px;}
}

/*mobile 420 이하 */
@media all and (max-width:420px){

}

/*mobile 360 이하 */
@media all and (max-width:360px){


}

/* 1024px 이상일때 모바일에서만 보이는 항목 안보이게 처리 */
@media all and (min-width:1024px) {
#header .logo_m{display:none !important}
#header .util_m{display:none !important}
#header .m_open{display:none !important}
}

@media all and (min-width:1200px) {
.partner li {height:250px}
}