@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);


@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../font/NotoSansKR-Light-Hestia.eot') format('eot'),
        url('../font/NotoSansKR-Light-Hestia.eot?#iefix') format('embedded-opentype'),
        url('../font/NotoSansKR-Light-Hestia.woff') format('woff'),
        url('../font/NotoSansKR-Light-Hestia.otf') format('opentype');
}

@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../font/NotoSansKR-Regular-Hestia.eot') format('eot'),
        url('../font/NotoSansKR-Regular-Hestia.eot?#iefix') format('embedded-opentype'),
        url('../font/NotoSansKR-Regular-Hestia.woff') format('woff'),
        url('../font/NotoSansKR-Regular-Hestia.otf') format('opentype');
}



@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../font/NotoSansKR-Medium-Hestia.eot') format('eot'),
        url('../font/NotoSansKR-Medium-Hestia.eot?#iefix') format('embedded-opentype'),
        url('../font/NotoSansKR-Medium-Hestia.woff') format('woff'),
        url('../font/NotoSansKR-Medium-Hestia.otf') format('opentype');
}

@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../font/NotoSansKR-Bold-Hestia.eot') format('eot'),
        url('../font/NotoSansKR-Bold-Hestia.eot?#iefix') format('embedded-opentype'),
        url('../font/NotoSansKR-Bold-Hestia.woff') format('woff'),
        url('../font/NotoSansKR-Bold-Hestia.otf') format('opentype');
}


/*
@font-face {
    font-family: 'roboto';
    src: url('../font/Roboto-Light-webfont.eot');
    src: url('../font/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/Roboto-Light-webfont.woff') format('woff'),
         url('../font/Roboto-Light-webfont.ttf') format('truetype'),
         url('../font/Roboto-Light-webfont.svg#robotolight') format('svg');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'roboto';
    src: url('../font/Roboto-Regular-webfont.eot');
    src: url('../font/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/Roboto-Regular-webfont.woff') format('woff'),
         url('../font/Roboto-Regular-webfont.ttf') format('truetype'),
         url('../font/Roboto-Regular-webfont.svg#robotomedium') format('svg');
    font-weight: 400;
    font-style: normal;
}



@font-face {
  font-family: 'Nanum Square';
  font-style: normal;
  font-weight: 400;
  src: url(./font/NanumSquareR.eot);
  src: local('Nanum Square Regular'),
       local('NanumSquareR'),
       url(../font/NanumSquareR.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumSquareR.woff2) format('woff2'),
       url(../font/NanumSquareR.woff) format('woff'),
       url(../font/NanumSquareR.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Square';
  font-style: bold;
  font-weight: 700;
  src: url(../font/NanumSquareB.eot);
  src: local('Nanum Square Bold'),
       local('NanumSquareB'),
       url(../font/NanumSquareB.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumSquareB.woff2) format('woff2'),
       url(../font/NanumSquareB.woff) format('woff'),
       url(../font/NanumSquareB.ttf) format('truetype');
}
@font-face {
 font-family: 'Nanum Square Light';
 src: url(../font/NanumSquareL.eot);
 src: url(../font/NanumSquareL.eot?#iefix) format('embedded-opentype'),
      url(../font/NanumSquareL.woff) format('woff'),
      url(../font/NanumSquareL.ttf) format('truetype');
}
@font-face {
 font-family: 'Nanum Square ExtraBold';
 src: url(../font/NanumSquareEB.eot);
 src: url(../font/NanumSquareEB.eot?#iefix) format('embedded-opentype'),
      url(../font/NanumSquareEB.woff) format('woff'),
      url(../font/NanumSquareEB.ttf) format('truetype');
}*/

@font-face {
  font-family: "NanumBarunGothic";
  src: url("../fonts/NanumBarunGothic.eot"); /* IE9 Compat Modes */
  src: url("../fonts/NanumBarunGothic.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/NanumBarunGothic.otf") format("opentype"), /* Open Type Font */
    url("../fonts/NanumBarunGothic.woff") format("woff"), /* Modern Browsers */
    url("../fonts/NanumBarunGothic.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: "NanumBarunGothicLight";
  src: url("../fonts/NanumBarunGothicLight.eot"); /* IE9 Compat Modes */
  src: url("../fonts/NanumBarunGothicLight.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/NanumBarunGothicLight.otf") format("opentype"), /* Open Type Font */
    url("../fonts/NanumBarunGothicLight.woff") format("woff"), /* Modern Browsers */
    url("../fonts/NanumBarunGothicLight.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: "NanumBarunGothicBold";
  src: url("../fonts/NanumBarunGothicBold.eot"); /* IE9 Compat Modes */
  src: url("../fonts/NanumBarunGothicBold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/NanumBarunGothicBold.otf") format("opentype"), /* Open Type Font */
    url("../fonts/NanumBarunGothicBold.woff") format("woff"), /* Modern Browsers */
    url("../fonts/NanumBarunGothicBold.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "NanumBarunGothicUltraLight";
  src: url("../fonts/NanumBarunGothicUltraLight.eot"); /* IE9 Compat Modes */
  src: url("../fonts/NanumBarunGothicUltraLight.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/NanumBarunGothicUltraLight.otf") format("opentype"), /* Open Type Font */
    url("../fonts/NanumBarunGothicUltraLight.woff") format("woff"), /* Modern Browsers */
    url("../fonts/NanumBarunGothicUltraLight.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

html {font-family:'Noto Sans';  font-size:12px; overflow-y: scroll;font-style: normal;font-weight:300; }
body { width:100%; margin:0 0 0 0; font-size:12px; font-family:'Noto Sans'; font-style: normal;font-weight:300;}
img { border:none; margin:0; padding:0; vertical-align:top; }
input{ vertical-align:top; border:0; margin:0; padding:0;}
ul {margin:0; padding:0; list-style:none; }
li {margin:0; padding:0; list-style:none; vertical-align:top;}
table { list-style:none; text-align:left;}

h1{margin:0; padding:0;}



a{    letter-spacing: 0;
    outline: none;
    color: #363636; 
	text-decoration:none;
	}
/* ũ  */

dl, dd, dt{margin:0; padding:0; list-style:none;}

img, object, embed, video {
	max-width: 100%;
	
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:auto;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */



/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */





@media only screen and (min-width: 0px) {


/*신청홈*/
.onlin_s{width:100%; height:auto; float:left;   margin:0; font-size:16px; font-weight:400; color:#000;
padding-bottom:17px; line-height:20px; }
.onlin_s2{width:100%; height:auto; float:left; padding-bottom:16px;  margin:60px 0 0px 0;  font-size:16px; font-weight:400; color:#000;}
.onlin_s3{width:100%; height:auto; float:left; font-size:12px; margin:10px 0 0 0; color:#000;}
.onlin_s3-1{line-height:18px; font-size:14px; font-weight:300; padding:10px 0 0 0;}

.onlinesd_fom_table{   float:left clear:both; margin:0 0 8px 0; width:100%; border-top:1px solid #4d515a; }
.onlinesd_fom_table td{ border-bottom:1px solid #cccccc; font-size:14px; border-right:1px solid #cccccc; text-align:center; padding:6px 0; height:37px; font-weight:300;}
.onlinesd_fom_table td.none{ border-bottom:1px solid #cccccc; font-size:14px; border-right:0px solid #cccccc; text-align:center; font-weight:300;}

.onlinesd_fom_table td.onsc_font1{background-color:#f7f7f7; font-weight:300; color:#333; font-size:15px; text-align:center;  width:22%; height:35px;  }
.onlinesd_fom_table td.onsc_font2{border-bottom:1px solid #cccccc; padding:7px 0 8px 0; line-height:15px; height:35px; border-right:0px; text-align:left;width:77%;}
.onlinesd_fom_table th{background-color:#f7f7f7; border-bottom:1px solid #cccccc; font-size:15px; border-right:1px solid #cccccc; padding:6px 0; text-align:center; width:32.333333%; height:35px;
font-weight:400; color:#111;}
.onlinesd_fom_table th.none{background-color:#f7f7f7; border-bottom:1px solid #cccccc;  border-right:0px solid #cccccc;  text-align:center; width:33.333333%; 
}



.onsc_font3{ border:1px solid #ccc; height:28px; width:50%; float:left; margin-left:2%; text-align:center;}
.onsc_font4{ border:1px solid #ccc; height:28px; width:24%; float:left; text-align:center;}
.gmbs{float:left; padding:5px 1% 0 1%; }

.onsc_font5{ border:1px solid #ccc; height:28px; width:25%; float:left; margin-left:2%;}

.onsc_font6{ border:1px solid #ccc; height:28px; width:70%; float:left; margin-left:2%; text-align:center;}
.onsc_font7{ border:1px solid #ccc; height:70px; width:90%; float:left; margin-left:2%; text-align:center;}

.fre_scripts{width:100%; height:auto; float:left; margin-top:30px;}
.agree-{float:right; padding-top:15px; padding-right:20px; line-height:10px; }
.chk_dongi{font-size:15px; font-weight:300; }
.file-{width:70%; height:20px; margin-left:2%;}
/*신청폼*/




}










@media only screen and (min-width: 690px) {



/*신청홈*/
.onlin_s{width:100%; height:auto; float:left;   margin:0; font-size:17px; font-weight:400; color:#000;
padding-bottom:17px; line-height:20px; }
.onlin_s2{width:100%; height:auto; float:left; padding-bottom:15px;  margin:60px 0 0px 0; font-size:17px; font-weight:400; color:#000;}
.onlin_s3{width:100%; height:auto; float:left; font-size:12px; margin:10px 0 0 0; color:#000;}
.onlin_s3-1{line-height:18px; font-size:14px; font-weight:300; padding:10px 0 0 0;}

.onlinesd_fom_table{  float:left clear:both; margin:0 0 8px 0; width:100%; border-top:1px solid #4d515a; }
.onlinesd_fom_table td{ border-bottom:1px solid #cccccc; font-size:14px; border-right:1px solid #cccccc; text-align:center; padding:10px 0; height:37px; font-weight:300;}
.onlinesd_fom_table td.none{ border-bottom:1px solid #cccccc; font-size:14px; border-right:0px solid #cccccc; text-align:center; font-weight:300;}

.onlinesd_fom_table td.onsc_font1{background-color:#f7f7f7; font-weight:300; color:#333; font-size:15px; text-align:center;  width:25%; height:35px;  }
.onlinesd_fom_table td.onsc_font2{border-bottom:1px solid #cccccc; padding:14px 0 16px 0; line-height:15px; height:35px; border-right:0px; text-align:left;}
.onlinesd_fom_table th{background-color:#f7f7f7; border-bottom:1px solid #cccccc; font-size:15px; border-right:1px solid #cccccc; padding:8px 0; text-align:center; width:33.333333%; height:35px;
font-weight:400; color:#111;}
.onlinesd_fom_table th.none{background-color:#f7f7f7; border-bottom:1px solid #cccccc;  border-right:0px solid #cccccc;  text-align:center; width:33.333333%; 
}



.onsc_font3{ border:1px solid #ccc; height:33px; width:50%; float:left; margin-left:2%; text-align:center;}
.onsc_font4{ border:1px solid #ccc; height:33px; width:24%; float:left; text-align:center;}
.gmbs{float:left; padding:5px 1% 0 1%; }

.onsc_font5{ border:1px solid #ccc; height:33px; width:25%; float:left; margin-left:2%;}

.onsc_font6{ border:1px solid #ccc; height:33px; width:70%; float:left; margin-left:2%; text-align:center;}
.onsc_font7{ border:1px solid #ccc; height:70px; width:90%; float:left; margin-left:2%; text-align:center;}

.fre_scripts{width:100%; height:auto; float:left; margin-top:20px;}
.agree-{float:right; padding-top:15px; padding-right:20px; line-height:10px; }
.chk_dongi{font-size:15px; font-weight:300; }
.file-{width:300px; height:35px; margin-left:20px;}
/*신청폼*/

}
















@media only screen and (min-width: 1200px) {





/*신청홈*/
.onlin_s{width:100%; height:auto; float:left;   margin:0; font-size:17px; font-weight:400; color:#000;
padding-bottom:17px; line-height:20px; }
.onlin_s2{width:100%; height:auto; float:left; padding-bottom:15px;  margin:60px 0 0px 0; font-size:17px; font-weight:400; color:#000;}
.onlin_s3{width:100%; height:auto; float:left; font-size:12px; margin:10px 0 0 0; color:#000;}
.onlin_s3-1{line-height:18px; font-size:14px; font-weight:300; padding:10px 0 0 0;}

.onlinesd_fom_table{   float:left clear:both; margin:0 0 8px 0; width:100%; border-top:1px solid #4d515a; }
.onlinesd_fom_table td{ border-bottom:1px solid #cccccc; font-size:14px; border-right:1px solid #cccccc; text-align:center; padding:10px 0; height:37px; font-weight:300;}
.onlinesd_fom_table td.none{ border-bottom:1px solid #cccccc; font-size:14px; border-right:0px solid #cccccc; text-align:center; font-weight:300;}

.onlinesd_fom_table td.onsc_font1{background-color:#f7f7f7; font-weight:300; color:#333; font-size:15px; text-align:center;  width:25%; height:35px;  }
.onlinesd_fom_table td.onsc_font2{border-bottom:1px solid #cccccc; padding:14px 0 16px 0; line-height:15px; height:35px; border-right:0px; text-align:left;}
.onlinesd_fom_table th{background-color:#f7f7f7; border-bottom:1px solid #cccccc; font-size:15px; border-right:1px solid #cccccc; padding:8px 0; text-align:center; width:33.333333%; height:35px;
font-weight:400; color:#111;}
.onlinesd_fom_table th.none{background-color:#f7f7f7; border-bottom:1px solid #cccccc;  border-right:0px solid #cccccc;  text-align:center; width:33.333333%; 
}



.onsc_font3{ border:1px solid #ccc; height:33px; width:50%; float:left; margin-left:2%; text-align:center;}
.onsc_font4{ border:1px solid #ccc; height:33px; width:24%; float:left; text-align:center;}
.gmbs{float:left; padding:5px 1% 0 1%; }

.onsc_font5{ border:1px solid #ccc; height:33px; width:25%; float:left; margin-left:2%;}

.onsc_font6{ border:1px solid #ccc; height:33px; width:70%; float:left; margin-left:2%; text-align:center;}
.onsc_font7{ border:1px solid #ccc; height:70px; width:90%; float:left; margin-left:2%; text-align:center;}

.fre_scripts{width:100%; height:auto; float:left; margin-top:40px;}
.agree-{float:right; padding-top:15px; padding-right:20px; line-height:10px; }
.chk_dongi{font-size:15px; font-weight:300; }
.file-{width:300px; height:35px; margin-left:20px;}
/*신청폼*/




}





.gblock_noti_main_btn{width:100%; height:auto; float:left; margin-top:30px; text-align:center; margin-bottom:30px;}
.gh_icons_s4{ width:159px; height:36px; border:2px solid #00448d; color:#00448d; font-size:16px; background-color:#fff; font-weight:300; cursor:pointer; border-radius:30px;}
.gh_icons_s4:hover{ background-color:#00448d; color:#fff;}