html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend input, textarea, button, select{
 vertical-align: baseline;
 font-family: inherit;
 font-weight: inherit;
 font-style: inherit;
 font-size: 100%;
 outline: 0;
 padding: 0;
 margin: 0;
 border: 0;

 }
 
 
* { margin:0; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
ul, li {list-style:none; }
html { width:100%; }
body { width:100%; height:100%; line-height:100%; color:#333; font-size:1em; font-family: 'Noto Sans KR', sans-serif; overflow-y:visible!important; box-sizing:border-box; }
img { vertical-align:middle; border:none; }
a { text-decoration:none; cursor:pointer; color:#333;}
p { }
div, input, button { vertical-align:middle; border:none; font-family: 'Noto Sans KR'}
textarea { border:none; }
.red {color:#ee0000; font-weight:600; }


input[type=radio].custom {
  appearance: none; 
  width: 20px;
  height: 20px;
  border: 1px solid gray;
  border-radius: 50%;
  background-color: #fff; 
  outline: none;
}

input[type=radio].custom:checked {
  background-color: #f40618; 
  border: 3px solid #fff;
  box-shadow: 0 0 0 1px #f40618;
}

input[type=radio] {
  accent-color: #f40618;
  width: 20px;
  height: 20px;
}


.radio_btn { 
}
.radio_btn input[type=radio]{
    display: none;
}
.radio_btn input[type=radio]+label{
    display: inline-block;
    cursor: pointer;
    width: 47%;
    border: 1px solid #d7d7d7;
    color: #fff;
	margin-right: 2%;margin-bottom:2%;
    text-align: center;
    font-size:1em;
}
.radio_btn input[type=radio]+label{
    background-color: #fff;
    color: #333;
}
.radio_btn input[type=radio]:checked+label{
    background-color: #f40618;
    color: #fff;
}



header, nav, section, article, aside, footer {display:block;} header{padding:25px 20px;width:100%;max-width:740px;margin:0 auto}header nav{width:35%;max-width:170px;background:#f40618;padding:5px 10px;margin-bottom:12px;border-radius:30px;position:relative}header nav ul{padding-left:5px;height:25px;line-height:25px;overflow:hidden;color:#fff}header nav ul li::after{content:'▲';display:block;position:absolute;right:15px;top:5px;opacity:.15}header .top_icon{height:40px;margin-top:20px;margin-bottom:20px}header .top_icon::after{content:'';display:block;clear:both}header .top_icon .sns{float:left}header .top_icon .sns li{width:40px;height:40px;background-size:100% 100%;display:inline-block;text-indent:-9999em}header .top_icon .sns li:nth-child(1){background-image:url(./img/icon1.png)}header .top_icon .sns li:nth-child(2){background-image:url(./img/icon2.png)}header .top_icon .sns li:nth-child(3){background-image:url(./img/icon3.png)}header .top_icon .sns li:nth-child(4){background-image:url(./img/icon4.png)}header .top_icon .ga{float:right;border:1px solid #eaeaea;height:40px;line-height:40px}header .top_icon .ga li{display:inline-block;width:40px;text-align:center}header .top_icon .ga li:first-child{border-right:1px solid #eaeaea;font-size:14px}header .top_icon .ga li:last-child{font-size:18px}header hr{border-bottom:1px solid #eaeaea;} section{width:100%;max-width:700px;margin:0 auto}section article{margin-top:40px}section article p{font-size:21px;line-height:1.9;padding:0 5%;box-sizing:border-box;text-align:justify;margin-top:30px;margin-bottom:30px;font-weight:300}section article img{width:100%}section article .mySwiper{width:100%;margin:5px auto 0}
aside{max-width:600px;margin:20px auto 0;display:block}
aside .form{padding:20px 20px 10px}
aside .form .formq p{font-size:18px;font-weight:700;color:#000;margin:0}
aside .form .formq ul{width:100%;margin:10px auto 15px;padding-bottom:10px;border-bottom:1px dashed #eee}
aside .form .formq ul li{float:left;width:25%;text-align:center}
aside .form .formq ul li input + label{width:90%;border:1px solid #d9d9d9;display:inline-block;height:35px;line-height:35px;border-radius:2px;font-size:15px;font-weight:600;transition:all .5s}
aside .form .formq ul li input:checked + label{background:#f40618;border:1px solid #f40618;color:#fff}
aside .form .formq ul li input{display:none}aside .form .formq ul::after{content:'';display:block;clear:both}
aside .form dl{margin-bottom:5px;}
aside .form dl dt {color:#000; font-weight: 600; text-align:center; padding-right:15px;}
aside .form dl dt,aside .form dl dd{float:left;box-sizing:border-box}
aside .form dl dd{width:calc(100% - 120px)}
aside .form dl.line {margin-bottom:0px;}
aside .form dl.line dt, aside .form dl.line dd {height:20px; padding:0px;}
aside .form dl dd p {font-size: 13px; color:#ff3636; height:10px; margin:0px;}
aside .form dl dt label{display:block;}
aside .form dl dd input::placeholder {font-size: 14px;}
aside .form dl dd input,aside .form dl dd select{width:95%;height:45px; border:1px solid #d9d9d9; line-height:45px;font-size:18px;box-sizing:border-box;padding-left:10px}
aside .form dl dd input[type=radio] {display:none;}
aside .form dl dd input[type=radio] + label { height:35px; font-size: 15px; line-height: 35px;border:1px solid #d9d9d9; text-align:center; display:inline-block; width:35%; margin-right:5px; transition:all .5s;}
aside .form dl dd input[type=radio]:checked + label {background: #ff3636; border:1px solid #ff3636; color:#fff;}
aside .form dl dt label.valid{color:#ff3636;font-weight:600;position:relative}
aside .form dl dt label.valid::after{content:'';display:block;position:absolute;width:15px;height:15px;top:0;right:10px;background:url(./img/chk.png);background-size:100% 100%}
aside .form dl dt{width:120px;box-sizing:border-box;padding:15px 0}
aside .form dl::after{content:'';display:block;clear:both}
aside .form dl.ttt dd input {width:90%;}
aside .form button[type=submit]{width:100%;height:50px;line-height:50px;font-size:22PX;display:block;margin:10px auto;border-radius:2px;background:#f40618;color:#fff;font-weight:700;animation:dbbt 1s infinite ease-in-out}
aside .form .agree{text-align:right;font-size:11px}
aside .form .phone{float:left;width:30%; border-left:none;}
aside .form select.phone {border-left:1px solid #d9d9d9!important;}
aside .form .result{text-align:center}aside .form .result input{width:25%;border:1px solid #e5e5e5}

footer {display:block; width:100%; background: #ebebeb; border-top:1px solid #eee; padding:30px 20px; margin-top:20px;} footer p {text-align:center; width:100%; max-width:700px; margin:0 auto; color:#757575; font-size: 12px;}

b {color:#000;}
.p1 {color:red;}

@keyframes dbbt {
0% {background: #000;}
49%{background: #000;}
50%{background: #f40618;}
99%{background: #f40618;}
100% {background: #000;}
}

@media screen and (max-width:600px) {
    header nav {width:50%; padding:3px 7px;}
    header nav ul li {font-size: 14px;}
    header .top_icon {height:25px; padding-bottom:20px; }
    header .top_icon .sns li {width:25px; height:25px; }
    header .top_icon .ga {height:25px; line-height: 25px;}
    header .top_icon .ga li {width:25px;}
    header .top_icon .ga li:first-child {font-size: 11px;}
    header .top_icon .ga li:last-child {font-size: 15px;}
    section article:first-child {margin-top:0px;}
    section article p {font-size: 19px; line-height: 1.75;}
    aside {width:100%; max-width:100%;}
    aside .form dl dt {max-width:90px;}
    aside .form dl dd {width:calc(100% - 90px);}
}
@media screen and (max-width:430px) {
    header nav {width:40%; padding:0px 3px;}
    header nav ul li::after {top:0px; right:10px;}
    header nav ul li {font-size: 13px;}
    section article p {font-size: 18px; line-height: 1.65;}
}
@media screen and (max-width:360px) {
    section article p {font-size: 17px; }
    aside .form dl {padding:0 0 0 15px;}
    aside .form dl dt label.valid::after {right:5px;}
    aside .form dl dd input, aside .form dl dd select {padding-left:5px; font-size: 17px;}
    aside .form .formq ul li input + label {white-space: nowrap; font-size: 14px; width:95%;}
    aside .form .result input {width:20%;}
}





/* PC 
------------------------------------------------------------------------------------------------------------*/

.wrap { width:100%; min-width:1200px; overflow:hidden; }
.wrap .contents { position:relative; top:0; left:50%; margin-left:-960px; width:1920px; text-align:center; }
.wrap .contents img { width:700px; }


.wrap .scroll_banner { position:absolute; top:200px; right:100px; z-index:1000; text-align:center; }
.wrap .scroll_banner .close { position:absolute; top:8px; right:14px; color:#fff; line-height:30px; cursor: pointer; display: inline-block; }
.wrap .scroll_banner a { display:block; background-color:#f40618; border-radius:10px; width:150px; height:150px; padding-top:15px; color:#fff; font-size:18px; letter-spacing:-2px; }
.wrap .scroll_banner i { color:#fff; }

@media screen and (max-width:1400px)  {
.wrap > .scroll_banner {display:none;}
}


.wrap .prev {position:absolute; top:55%; left:19%; border:0; padding:10px; cursor:pointer; }
.wrap .next {position:absolute; top:55%; right:19%; border:0; padding:10px; cursor:pointer; }


/*form */

.wrap .form1 { }
.wrap .form1 .inner { width:860px; margin:0 auto; }
.wrap .form1 .formArea { width:100%; margin:0 auto; overflow: hidden; padding:40px 80px; background-color:#fff; }
.wrap .form1 .formGroup { text-align:center; }

.wrap .form1 .form_table { width:100%; border-collapse:collapse; font-size:1em; border-top:1px solid #d7d7d7; }
.wrap .form1 .form_table tbody tr { border-bottom:1px solid #d7d7d7; }
.wrap .form1 .form_table tbody th { padding:10px 10px 10px 60px; vertical-align:middle; text-align:left; line-height:100%; font-size:18px; font-weight:500;  letter-spacing:-2px; text-align:right; }
.wrap .form1 .form_table tbody td { padding:10px 60px 10px 10px; vertical-align:middle; text-align:left; line-height:100%; font-size:18px; }

.wrap .form1 .input_style:focus, .wrap .sel_style:focus, .wrap .textarea_style:focus { border-color:#303f99; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fff; box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fff;}

.wrap .form1 label { float:left; padding:10px 0; width:45%; }
.wrap .form1 .input_style { width:100%; padding-left:10px; height:38px; border:1px solid #ccc; font-size:18px; }
.wrap .form1 .sel_style { width:100%; padding-left:10px; height:38px; border:1px solid #ccc; font-size:18px; vertical-align:middle;}
.wrap .form1 .textarea_style { width:100%; padding:10px; height:90px; border:1px solid #ccc; font-size:18px; resize:none; }

.wrap .form1 .submit_box { width:100%; padding-top:10px; }
.wrap .form1 .submit_box .btn01 { width:70%; text-align:center; font-weight:500; font-size:32px;letter-spacing:-2px; margin-top:20px; cursor:pointer; background-color:#f40618; color:#fff; border-radius:5px; padding:12px 0; }


/* 최신글 */
.wrap .latest { margin:0 auto; text-align:left; width:100%; max-width:720px; }
.wrap .latest-title img { width: 100%; }
.wrap .latest > .inner { position: relative; }
.wrap .ticker-wrap { width: 100%; max-width:720px; background-color:#f8f8f8; padding:20px; box-sizing: border-box; }
.wrap .latest-list { width: 94%; line-height:30px;letter-spacing: -0.09em; }
.wrap .latest-list li { font-size:16px; display: block; position: relative; height: 42px; clear:both; width:100%; }
.wrap .latest-title img { width: 100%; }
.wrap .latest > .inner { position: relative; }

.wrap .s_gray { float:right;
    background: #b5b5b5;
	width:52px; 
	font-size:14px;
    border-radius: 5px;
    padding: 2px 0;
    padding-bottom: 5px;
	text-align:center;
    font-weight: bold; }

.wrap .s_blue { float:right; color:#fff; 
	background: #006eff;
	width:52px; 
	font-size:14px;
    border-radius: 5px;
    padding: 2px 0;
    padding-bottom: 5px;
	text-align:center;
    font-weight: bold; }


/* MOBILE
------------------------------------------------------------------------------------------------------------*/

.m_wrap { width:100%; overflow:hidden; max-width:720px; min-width:320px; text-align:center; margin:0 auto;}
.m_wrap .contents img { width:100%; }

.m_wrap .top_fix { position:fixed; width:100%; max-width:720px; min-width:320px; height:50px; background:#fff; border-bottom:1px solid #000; z-index:1000; letter-spacing:-1px; }
.m_wrap .top_fix .left { position:absolute; top:16px; left:10px; }
.m_wrap .top_fix .left img { width:100%; }
.m_wrap .top_fix .left a { color:#000; font-size:1.2em; font-weight:500; }

.m_wrap .top_fix .right { position:absolute; top:9px; right:10px; }
.m_wrap .top_fix .right a { padding:8px 12px; background:#f40618; border-radius:6px; font-size:1.1em; color:#fff; font-weight:500; text-align:center; display:inline-block; }


.m_wrap .quick { position: relative; width: 100%; top:0; z-index:99; max-width:520px;}
.m_wrap .quick.on { transition: all 0.5s; position: fixed; margin-top: 0; }
.m_wrap .quick nav { width: 100%; margin: 0 auto; }
.m_wrap .quick nav ul { overflow: hidden;  }


.m_wrap .video-container { position:relative; padding-bottom:56.25%; height:0; overflow:hidden; margin:10px 25px; } 
.m_wrap .video-container iframe, .m_wrap .video-container object, .m_wrap .video-container embed { position:absolute; top:0; left:0; width:100%; height:100%; } 


/* 최신글 */
.m_wrap .latest { margin:0 auto; text-align:left; width:100%;  min-width:360px; }
.m_wrap .latest-title img { width: 100%; }
.m_wrap .latest > .inner { position: relative; }
.m_wrap .ticker-wrap { width: 100%; background-color:#f8f8f8; padding:20px; box-sizing: border-box; }
.m_wrap .latest-list { width: 94%; line-height:30px;letter-spacing: -0.09em; }
.m_wrap .latest-list li { font-size:16px; display: block; position: relative; height: 42px; clear:both; width:100%; }
.m_wrap .latest-title img { width: 100%; }
.m_wrap .latest > .inner { position: relative; }

.m_wrap .s_gray { float:right;
    background: #b5b5b5;
	width:52px; 
	font-size:14px;
    border-radius: 5px;
    padding: 2px 0;
    padding-bottom: 5px;
	text-align:center;
    font-weight: bold; }

.m_wrap .s_blue { float:right; color:#fff; 
	background: #006eff;
	width:52px; 
	font-size:14px;
    border-radius: 5px;
    padding: 2px 0;
    padding-bottom: 5px;
	text-align:center;
    font-weight: bold; }


/*form */


.formGroup:before, .formGroup:after { content: " "; display:table; }
.formGroup:after { clear:both; }

.m_wrap .form1 { padding:30px 0; }
.m_wrap .form1 .inner { padding:0 5px; }

.m_wrap .form1 .formArea { margin:0 auto; overflow: hidden; padding:10px; background-color:#fff; }
.m_wrap .form1 .formGroup { margin-bottom:12px; text-align:center; }


.m_wrap .form1 .form_table { width:100%; padding:0; border-collapse:collapse; border-top:1px solid #d7d7d7;}
.m_wrap .form1 .form_table tbody th { padding:8px 5px; vertical-align:middle; text-align:left; line-height:24px; font-size:16px; font-weight:500; letter-spacing:-2px; text-align:right;}
.m_wrap .form1 .form_table tbody td { padding:8px 5px; vertical-align:middle; text-align:left; line-height:24px; font-size:14px; }
.m_wrap .form1 .form_table tbody tr {border-bottom:1px solid #d7d7d7;}


.m_wrap .form1 .input_style:focus, .m_wrap .sel_style:focus, .m_wrap .textarea_style:focus { border-color:#303f99; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fff; box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fff;}

.m_wrap .form1 .input_style { padding-left:5px; height:36px; border:1px solid #ccc; font-size:14px; }
.m_wrap .form1 .sel_style { width:100%; height:36px; border:1px solid #ccc; font-size:14px; vertical-align:middle; background-color:#fff;}
.m_wrap .form1 .textarea_style { width:100%; padding:6px; height:60px; border:1px solid #ccc; font-size:14px; resize:none;}
.m_wrap .form1 label { float:left; padding:5px 0; width:45%; }

.m_wrap .form1 .submit_box { width:100%; text-align:center;  }
.m_wrap .form1 .submit_box button { width:100%; font-weight:500; font-size:22px; letter-spacing:-2px; cursor:pointer; color:#fff; max-width:500px; margin-top:10px; background-color:#f40618; border-radius:5px; padding:10px 0; }