.test{ float:left; width:720px;  background-color:#0F6;  }
 
@media all and (min-width:800px) {    /* 화면 너비가 980px 이상이고 미디어쿼리를 지원하는 브라우저라면 아래 코드를 해석함 */
     .test{ float:left; width:800px ; background-color:#333333 }    /* 콘텐츠 플롯하고 너비를 고정 */
     
 }




@font-face {
    font-family: 'RiaSans-Regular';
    src: url('/font/RiaSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'RiaSans-Bold';
    src: url('/font/RiaSans-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

/* 온라인문의 */
.online_header {background:url(/images/online_header_bg.jpg) top center repeat-x;padding:15px; margin-top:30px;}
.online_header>.content {padding:25px; background:url(/images/online_header_car.png) 100% 85% no-repeat, #fff; border-radius: 20px; background-size: 40%; }
.online_header>.content>.title {font-family: 'RiaSans-Bold'; font-size: 24px;color:#141414; line-height: 1; margin-left: -3px;  }
.online_header>.content>.title>strong { color:#009b99; }
.online_header>.content>.title2 {font-family: 'Pretendard-Regular'; font-size:10px;color:#bababa;  font-weight: 600; letter-spacing: 1px; margin-top: 13px; }
.online_header>.content>.desc {font-family: 'Pretendard-Regular'; font-size: 17px;color:#141414;  font-weight: 400; letter-spacing: -1px; margin-top: 25px;line-height: 1.5; width: 200px; }
.online_header>.content>.tel a {display: inline-block;  background:#141414; border-radius: 30px;  font-family: 'RiaSans-Regular'; font-size: 15px;color:#fff; line-height: 1; margin-top: 15px; padding: 10px 15px;   }  
.online_header>.content>.tel a span {margin-left: 5px; }

.online_form {}
.form_title  {font-family: 'RiaSans-Bold'; font-size: 23px;color:#141414; line-height: 1.3;background:url(/images/online_title_dot.png) top left no-repeat; background-size:12%;  padding-left: 50px; margin-top: 70px; margin-left: 0; margin-bottom: 20px; position: relative;  }
.form_title::before {        content: ""; position: absolute;	        display: block; top:-20px; left:0;        width: 50px;        border-top: 2px solid #ffcf43;        margin: 0 0px 7px 0;      }
.online_form input[type='radio']{border:none !important; display: none !important;} 
.online_form input[type='radio']:after {content: ""; display: none !important;}
.form_radio2 {margin-top: 20px;}
.form_radio2 input{margin:0;padding:0;    -webkit-appearance:none;       -moz-appearance:none;            appearance:none;}
.form_radio2 { display: flex; justify-content:space-between;}
.form_radio2 label {display: block; width: 160px; height: 80px;  border-radius: 15px; box-sizing: border-box;border: 2px solid #f0f0f0;font-family: 'Pretendard-Regular'; font-size:14px;color:#111;  font-weight: 600; text-align: center; padding-top: 50px; cursor: pointer;}
.form_radio2 #radio1+label {background: url(/images/online_icon_01.png) 50% 20%  no-repeat;background-size: 30%;}
.form_radio2 #radio2+label {background: url(/images/online_icon_02.png) 50% 20%  no-repeat;background-size: 30%;}
.form_radio2 #radio1:checked+label {background: url(/images/online_icon_01_ov.png) 50% 20%  no-repeat,#fff5d9;border: 2px solid #ffcf43;background-size: 30%;}
.form_radio2 #radio2:checked+label {background: url(/images/online_icon_02_ov.png) 50% 20%  no-repeat,#fff5d9;border: 2px solid #ffcf43;background-size: 30%;}

.form_radio3 {margin-top: 10px;}
.form_radio3 input{margin:0;padding:0;    -webkit-appearance:none;       -moz-appearance:none;            appearance:none;}
.form_radio3 { display: flex; justify-content:space-between;}
.form_radio3 label {display: block; width: 103px; height: 80px;  border-radius: 15px; box-sizing: border-box;border: 2px solid #f0f0f0;font-family: 'Pretendard-Regular'; font-size:14px;color:#111;  font-weight: 600; text-align: center; padding-top: 50px; cursor: pointer;}
.form_radio3 #radio3+label {background: url(/images/online_icon_03.png) 50% 20%  no-repeat; background-size: 38%;}
.form_radio3 #radio4+label {background: url(/images/online_icon_04.png) 50% 20%  no-repeat; background-size: 38%;}
.form_radio3 #radio5+label {background: url(/images/online_icon_05.png) 50% 20%  no-repeat; background-size: 38%;}
.form_radio3 #radio6+label {background: url(/images/online_icon_06.png) 50% 20%  no-repeat; background-size: 38%;}
.form_radio3 #radio7+label {background: url(/images/online_icon_07.png) 50% 20%  no-repeat; background-size: 38%;}
.form_radio3 #radio8+label {background: url(/images/online_icon_08.png) 50% 20%  no-repeat; background-size: 38%;}
.form_radio3 #radio3:checked+label {background: url(/images/online_icon_03_ov.png) 50% 20%  no-repeat,#fff5d9; background-size: 38%;border: 2px solid #ffcf43;}
.form_radio3 #radio4:checked+label {background: url(/images/online_icon_04_ov.png) 50% 20%  no-repeat,#fff5d9; background-size: 38%;border: 2px solid #ffcf43;}
.form_radio3 #radio5:checked+label {background: url(/images/online_icon_05_ov.png) 50% 20%  no-repeat,#fff5d9; background-size: 38%;border: 2px solid #ffcf43;}
.form_radio3 #radio6:checked+label {background: url(/images/online_icon_06_ov.png) 50% 20%  no-repeat,#fff5d9; background-size: 38%;border: 2px solid #ffcf43;}
.form_radio3 #radio7:checked+label {background: url(/images/online_icon_07_ov.png) 50% 20%  no-repeat,#fff5d9; background-size: 38%;border: 2px solid #ffcf43;}
.form_radio3 #radio8:checked+label {background: url(/images/online_icon_08_ov.png) 50% 20%  no-repeat,#fff5d9; background-size: 38%;border: 2px solid #ffcf43;}

.form_text {padding: 0 10px;}
.form_title2  {font-family: 'Pretendard-Regular'; font-size:16px;color:#141414; }
.form_text input { border:2px #eeeeee solid; background: #fbfbfb;font-family: 'Pretendard-Regular'; font-size:17px;color:#141414; line-height: 30px; width: 100%; margin:15px 0 ; box-sizing: border-box; padding-left: 10px;}

.onlinebtn {text-align: center;}
.onlinebtn a {display: inline-block !important;  background:#141414; border-radius: 50px;  font-family: 'RiaSans-Regular'; font-size: 21px;color:#fff; line-height: 1; margin-top: 25px; padding: 12px 25px;   }
.onlinebtn a span {margin-left: 10px;}

.online_footer {background:#f7f7f7;padding:18px; margin-top: 50px;}
.online_footer>.content1 {padding:18px; background:url(/images/online_desc1_bg.jpg); border-radius: 18px;}
.online_footer>.content2 {padding:18px; background:url(/images/online_desc2_bg.jpg); border-radius: 18px; margin-top: 15px;}
.online_footer>.content3 {padding:18px; background:url(/images/online_desc3_bg.jpg); border-radius: 18px;margin-top: 15px;}
.online_footer>.content4 {padding:18px; background:url(/images/online_desc4_bg.jpg); border-radius: 18px;margin-top: 15px;}
.online_footer .title { display: inline-block;background:#fff; border-radius: 18px;  font-family: 'RiaSans-Regular'; font-size:13px;color:#141414; line-height: 1; padding: 10px 15px;  }
.online_footer .title2 { font-family: 'Pretendard-Regular'; font-size:14px;color:#141414; margin-top:15px;  display: flex;  line-height: 14px; font-weight:bold;  }
.online_footer .title2 span {display: block; width:14px; line-height: 14px;text-align: center; margin-right:5px; background:#141414; border-radius: 20px;  font-family: 'Pretendard-Regular'; color:#fff;  font-size:10px;   }
.online_footer .desc2 { font-family: 'Pretendard-Regular'; font-size:12px;color:#141414; margin-top:8px;  margin-left: 18px; line-height: 1.5;   }
.online_footer .desc3 { font-family: 'Pretendard-Regular'; font-size:12px;color:#141414; margin-top:8px;  margin-left: 18px; line-height: 1.5;   }






/*------------ SMS--------------*/
#sendSMS { overflow:hidden;  }
#sendSMS .title {background:#ff4051; text-align:center;  line-height:42px; font-weight:bold; margin: 0; font-size: 0; }
#sendSMS .contents { background:#fff; border:1px #dee3f1 solid; border-top:none; padding:20px 60px; }
#sendSMS .inputText .textNum {font-family: "돋움"; font-size:11px; color:#333; text-align:right; line-height:13px; margin-top:3px;}
#sendSMS .inputName .name { float:left;font-family: "돋움"; font-size:12px; color:#333; line-height:27px;}
#sendSMS .inputName input { float:right; width:168px; padding:5px; height:13px;background:#f8fafb; border:1px #dee3f1 solid;font-family: "돋움" !important; font-size:12px; color:#333; border-radius:3px; margin-left:4px;}

#sendSMS .inputClass {overflow:hidden; margin-top:7px;}
#sendSMS .inputClass .class { float:left;font-family: "돋움"; font-size:12px; color:#333; line-height:27px;}
#sendSMS .inputClass select { float:right; width:180px; height:25px;background:#f8fafb; border:1px #dee3f1 solid;font-family: "돋움" !important; font-size:12px; color:#333; border-radius:3px; margin-left:4px;}

#sendSMS .inputEdu {overflow:hidden; margin-top:7px;}
#sendSMS .inputEdu .edu { float:left;font-family: "돋움"; font-size:12px; color:#333; line-height:27px;}
#sendSMS .inputEdu select { float:right; width:180px; height:25px;background:#f8fafb; border:1px #dee3f1 solid;font-family: "돋움" !important; font-size:12px; color:#333; border-radius:3px; margin-left:4px;}


#sendSMS .inputNumber {overflow:hidden; margin-top:7px;}
#sendSMS .inputNumber .telNum { float:left;font-family: "돋움"; font-size:12px; color:#333; line-height:27px;}
#sendSMS .inputNumber input { float:right; width:168px; padding:5px; height:13px;background:#f8fafb; border:1px #dee3f1 solid;font-family: "돋움" !important; font-size:12px; color:#333; border-radius:3px; margin-left:4px;}
#sendSMS .checkPrivacy {margin-top:5px; display:block;}
#sendSMS input[name=btnSMS] {background:#3b3b3b; border:1px #3b3b3b solid; width:238px; height:35px; padding:5px; font-size:12px; color:#fff; overflow:hidden;border-radius:3px; margin-top:13px; font-family: "돋움";}


 
header{   width: 360px; margin: 0 auto; text-align: center; }



.main {width: 360px; margin: 0 auto; }


.bannerMain {width: 360px; margin: 0 auto; }
.bannerMain li {float:left; }

.cscenter { width: 330px; margin: 10px auto; overflow:hidden; }
.cscenter li {float:left}

footer {width: 360px; margin: 0 auto; background:#393939;  }
footer > .banner{width: 360px; margin: 0 auto; }
footer > address { background:#f3f3f3;color:#444444; padding:10px 0; text-align:center; font-size:0.8em;  font-style:normal; display:block;}

.visual {width: 360px; margin: 0 auto; }


#sm {overflow:hidden; background:#eef1f5;  width:346px; padding:7px; margin:0 auto; display:block; }
#sm li { float:left;  }
#sm li a {width:80px;line-height:30px;font-size:0.9em; letter-spacing:-1px;margin:2px;color:#333; font-weight:bold; display:block;  background:#fff; border:1px #e4e4e4 solid;  box-shadow:2px 2px 0px rgba(0, 0, 0, 0.1); text-align:center;} 
#sm li.on a { color:#fff; background:#464646;border:1px #464646 solid;}

.fixBottom {position:fixed; bottom:0px; padding:20px; background:#FFF; z-index:100000;box-shadow: 0px -2px 2px #a3a3a3;}


section.content { width:330px; margin:0 auto; background:#FFFFFF; padding:15px 15px 30px; }
section.content h1 {font-family:sans-serif; color:#444; font-size:1.2em; border-bottom:1px #9b9b9b solid; padding-bottom:4px;  }
section.content h2 {font-family:sans-serif;color: #454545; font-size: 1.1em ; margin-bottom:7px; line-height:1.1em; font-weight:bold; background:url(../images/dot_title.png) no-repeat 0px 0px;  padding-left:7px; text-align:left; }

section.content h3 { color: #222; font-size:1.5em; line-height:1.2em; padding-left:; padding-bottom:0px; margin-top: ; }
section.content h3 strong { color:#ff4026;}
section.content>span { font-size:1.2em; font-weight:600; color:#2d2d2d;}

section.content .wrapper{ margin: 20px 0 0 0; }
section.content .wrapper2{ margin: 20px 0 0 0; padding-bottom:15px; border-bottom:1px #CCC dashed; }
section.content .wrapper3{ margin: 20px 0 0 0; padding-bottom:20px; background:url(../../images/line_01.png) repeat-x bottom;}
section.content .section{ margin: 20px 0 0 0; }

section.content .tbBottom { margin-top:5px; font-family: sans-serif; color: #333333; }
section.content .text1 { margin-top:5px; font-family: sans-serif; color: #333333;  line-height: 20px; }
section.content .text1 strong{ color:#279293 }
section.content .text2 { margin-left:15px; list-style:circle; font-family: sans-serif; color: #535353; font-size: 13px; margin-top:10px; line-height:21px; }
section.content .text2 strong{ color:#279293 }
section.content .img{ margin-top:7px; }
section.content .contentsBox { border:1px #f5f5f5 solid; background:#fdfdfd;margin-top:8px; overflow:hidden; padding:10px; }


dl.topSummary {  overflow:hidden; background-position:right top; background-repeat:no-repeat; background-size:30%;}
dl.topSummary dt { font-family: '맑은 고딕'; color: #31497c; font-size:1.2em; font-weight:bold; line-height:1.4em;}
dl.topSummary dd { font-family: '맑은 고딕'; color: #444; font-size: 1em;  margin-top:6px; padding-right:95px;  line-height:1.6em;background-position:right top; background-repeat:no-repeat; background-size:25%;}
dl.topSummary dd strong { color:#884c05;}
dl.topSummary  .btn > a{ display:block;width:140px; line-height:20px; padding-bottom:3px; color:#FFFFFF;   background: #a5a5a5; margin-top:15px; text-align:center;font-family:'맑은 고딕' ; font-weight:bold; font-size:13px;}
dl.topSummary  .btn > a:hover{ background: #000; }





.list1 > li { margin-left:2px; padding-left:5px; background:url(../images/dot_title2.png) no-repeat 0px 9px; font-family: sans-serif; color: #333; font-size: 1em; margin-top:5px; line-height:20px; }

ol.listNum {margin-left:23px;}
ol.listNum > li { list-style: decimal !important;  font-family: sans-serif; color: #333;font-size: 1em; margin-top:5px; line-height:20px; }



/* 테이블 */
.tb1 { color: #333;  width:100%; border-top:1px #4c4c4c solid; padding:0; border-spacing:0;border-collapse:collapse;  font-family: sans-serif; table-layout: fixed; word-break: break-all;;}
.tb1 caption {font-family:sans-serif;color: #454545; font-size: 1.1em ; margin-bottom:7px; line-height:1.1em; font-weight:bold; background:url(../images/dot_title.png) no-repeat 0px 0px;  padding-left:7px; text-align:left; }
.tb1 th{border:1px #CCCCCC solid; padding:6px; font-size:0.8em; background:#f3f3f3;}
.tb1 td{border:1px #CCCCCC solid; padding:6px; line-height:1.6em ;font-size:0.8em;}
.tb1 td.bg1{ background:#fefefe; }
.tb1 td.bg3{ background:#fffaea; }
.tb1 td li{ margin:5px 0;}
.tb1 td strong {color:#009b99; }
.tb1 thead {background-color:#f6fcff; color:#222222; font-weight:800; text-align:center;}
#content .tbBottom { margin-top:5px; font-family: sans-serif; color: #333333; font-size: 12px; }


.tbl { color: #333;  width:100%; border-top:1px #fcbf00 solid; padding:0; border-spacing:0;border-collapse:collapse;  font-family: sans-serif;   }
.tbl caption {font-family:sans-serif;color: #454545; font-size: 1.1em ; margin-bottom:7px; line-height:1.1em; font-weight:bold; background:url(../images/dot_title.png) no-repeat 0px 0px;  padding-left:7px; text-align:left; }
.tbl th{border:1px #CCCCCC solid; padding:6px; font-size:0.8em;}
.tbl td{border:1px #CCCCCC solid; padding:6px; line-height:1.6em ;font-size:0.8em;}
.tbl td.bg1{ background:#fefefe; }
.tbl td li{ margin:5px 0;}
.tbl thead {background-color:#f6fcff; color:#222222; font-weight:800; text-align:center;}