@charset "utf-8";
/* CSS Document */
.test { border:solid 3px #DB2023}
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 100; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 300; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 500; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
 }
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 700; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
 } 
 
/* Reset CSS*/
*{ margin:0; padding:0; border:0; vertical-align:top}
*{-webkit-text-size-adjust:none;}

body,button,table{font-family:'Noto Sans KR', sans-serif, '맑은 고딕','Malgun Gothic';  font-weight:normal; font-size:1em; } 
textarea,input,select{font-family:'Noto Sans KR', sans-serif, '맑은 고딕','Malgun Gothic'; color:#5f5f5f; font-weight:normal;}
img,fieldset{border:0} 
img, video { max-width:100%; height:auto}
i,em,address{font-style:normal; font-weight:normal} 
ul,ol,li{list-style:none;}
input,select,textarea {vertical-align:middle;}
table { border-collapse:collapse; border-spacing:0;}
a {text-decoration:none; color:#4b4b4b; }
a:hover{color:#000 !important; }
label { cursor:pointer;}


html{overflow-x: hidden;}
#wrap {position:relative;}
#bodywrap {left: 0;width:100%;position:absolute;background-color:#fff; position:relative}
.container {width:100%; padding-left:320px;}
.m_logo { display:none}

.footer { float:left;width:100%;padding:20px 0 20px 20px;overflow:hidden; background-color:#f2f2f2;  color:#797979;font-size:0.75em; letter-spacing:0; box-sizing:border-box}
.footer * {text-align:left}
.footer .copy p {padding:5px 10px 0 5px; line-height:16px;font-size:11px;}

.cover {float:left;width:100%; text-align:center; padding-top:20px }

.detail  p {padding-top:10px}
#mHead {width: 100%;z-index:900;padding:0;}
    #mHead img {width:100%;}
    #mHead .mainListBtn {float:left;width:64px; height:30px; background:url(../img/ico_allmenu.png) no-repeat 14px 6px; padding-left:46px; line-height:2.4em; font-weight:600; font-size:0.75em; color:#2951c8; border:solid 2px #2951c8; display:inline-block; border-radius:30px; margin:10px 0 0 10px }
    #mHead:after {display:block;clear:both;content:""}
#webHead {display:none;position: fixed;width:100%;top:30px;left:30px;z-index: 300;}
    #webHead .mainListBtn {float:left}
    #webHead h1{float:right;margin-right:50px;z-index: 300;}


/* Responsible GNB */

.mainListBtn { display:none}
.menu { display:none}
.menu {position:fixed;left:-280px;top:0;width:300px;height:100%;background-color:#696969;z-index:400}
.menu_pc {position:fixed;left:0;top:0;width:320px;height:100%; background-color:#696969; z-index:400; border-right:solid 7px #ededed; box-sizing:border-box}
.submenu {height:100%}
.menutop{ float:left; width:100%;height:200px;*height:200px; position:relative}
.logo_title { float:left; width:100%; height:65px; padding:14px 0 0 24px; box-sizing:border-box; background-color:#2951c8; border-bottom:solid 1px #4165ce; }
.logo_area  {float:left; width:100%; height:164px; background-color:#2951c8; text-align:center; padding:58px 0; background-image:url(../img/logo_no.png); background-position:center; background-repeat:no-repeat}
.logo_s_area { display:none}
.menutop h1 {float:left;width:75%;max-width:239px}
.menuclose {top:18px; right:20px;position:absolute}
.menutop h1 img,.menutop{width:100%;}

.menulist {position:absolute;top:390px;left:50%;width:280px; margin:0 -40%;overflow:hidden;color:#fff; } 
.menulist ul { }
.menulist ul li{padding-top:8px;overflow:hidden; line-height:2}
.menulist ul li:first-child {padding-top:0}
.menulist ul li a {float:left;width:88%;color:#fff;font-size:1em; letter-spacing:-0.01em}
.menulist ul li a.line1 {margin-top:4px;}
.menulist ul li .select { color:#ffd800}
.menulist ul li span{ font-size:0.8em; line-height:2.8em}
.menulist ul li span em { padding:0 4px;}
.menubottom {position:absolute;left:50%;bottom:0;width:80%;height:70px;margin:0 -40% 0;padding:10px 0 10px 0;border-top:1px solid #ab8f41}
.gnb_menu {height:100%;overflow:hidden}
.gnb_menu:after {display:block;clear:both;content:""}
.gnb_menu li {float:left;width:55px;height:70px;margin-left:18px;text-indent:-9999px;}
.gnb_menu li a {display:block;width:55px;height:70px;background:url(../img/ico_bottom.png) no-repeat;width:55px;height:70px;}
.gnb_menu li:first-child {margin-left:0;}
.gnb_menu li.menu1 a {background-position: 0 0}
.gnb_menu li.menu2 a {background-position: -67px 0}
.gnb_menu li.menu3 a {background-position: -135px 0}
.gnb_menu li.menu4 a {background-position: -203px 0}


.contents { float:left; width:100%; margin:50px 0; line-height:2em;color:#4d4d4d; position:relative; padding-bottom:90px;}
.detail {width:62%; padding:0 25px 0 50px; min-width:700px; max-width:900px; letter-spacing:-0.04em}
.contents .title { background:url(../img/bg_tit_line.png) repeat-x left bottom; padding-bottom:15px; font-size:2.2em; color:#000; font-weight:300; height:116px; position:relative}
.contents .title p { display:inline-block; width:auto; border-bottom:solid 4px #233bb2; height:117px; line-height:4em; color:#494949; font-weight:500;}
.contents .title span { position:absolute; width:50px; height:20px; top:30px; left:0; color:#8c8c8c; font-size:0.5em; font-weight:100}
.contents .title em{ font-size:0.8em}

.contents .info_txt { float:left; width:100%; border-bottom:solid 1px #2951c8; padding:25px 0; margin-bottom:30px}
.contents .info_txt dl { float:left; width:100%;position:relative}
.contents .info_txt dt { float:left; width:220px;}
.contents .info_txt dd { float:left; width:60%; }
.contents .info_txt dl p { position:absolute; bottom:4px; font-weight:600; color:#1a1a1a; font-size:1.2em}
.contents .info_txt dd p span { font-size:0.8em; color:#737373; font-weight:200}


.contents .top a{ position:fixed; bottom:10px; right:10px; width:54px; height:54px; display:block; background-color:#2951c8; border-radius:54px; background-image:url(../img/ico_top.png); background-position:center 14px; background-repeat:no-repeat; background-size:14px auto; color:#fff; text-align:center; line-height:6em; letter-spacing:0; font-size:12px}

.contents .sect { float:left; width:100%; margin-top:50px;}
.contents h5 { font-size:1.5em; color:#233bb2; font-weight:400; border-bottom:solid 1px #233bb2; padding-bottom:10px; margin-bottom:30px}

.contents ul li strong { font-weight:500}

table.style00 { float:left; width:100%; margin-top:10px}
table.style00 th{ padding:13px; font-weight:500;color:#123860;background-color:#c2d9f1; vertical-align:middle;border-right:solid 1px #fff; text-align:left !important }
table.style00 td { border-right:solid 1px #E9E9E9; line-height:1.6; padding:6px 8px 6px 10px; color:#5b5b5b }
table.style00 tr { border-bottom:solid 1px #fff; box-sizing:border-box; background-color:#f9f9f9}

table.style01 { float:left; width:100%; margin-top:10px; margin-bottom:20px}
table.style01 .hd_table { background-color:#c2d9f1; text-align:center; font-size:1.1em }
table.style01 .hd_table td { padding:13px; font-weight:500;color:#123860}
table.style01 .md_table { background-color:#e5e5e5; }
table.style01 .md_table td { border-right:solid 1px #dadada; padding:12px 20px; font-weight:500; color:#3c3c3c}
table.style01 .md_table td:last-child { border-right:none;}
table.style01 tr { border-bottom:solid 1px #fff; box-sizing:border-box; background-color:#f9f9f9}
table.style01 td { border-right:solid 1px #E9E9E9; line-height:1.6; padding:6px 8px 6px 10px; color:#5b5b5b }
table.style01 td strong{font-weight:500}
table.style01 td:last-child { border-right:none;}
table.style01 ul { float:left; width:100%}
table.style01 ul li{ float:left; width:100%; background:url(../img/bullet_jum.png) no-repeat left 10px; padding-left:10px}
table.style01 th{ padding:13px; font-weight:500;color:#123860;background-color:#c2d9f1; vertical-align:middle;border-right:solid 1px #fff; text-align:center !important }
table.style01 th:last-child { border-right:none;}

table.style02 { float:left; width:100%}
table.style02 tr.hd_table { background-color:#c2d9f1; text-align:center; font-size:1.1em }
table.style02 tr.hd_table td{ padding:13px; font-weight:500;color:#123860}
table.style02 th{ padding:13px; font-weight:500;color:#123860;background-color:#c2d9f1; text-align:center; font-size:1.1em}
table.style02 tr { border-bottom:solid 1px #dcdcdc;box-sizing:border-box; background-color:#f9f9f9}
table.style02 td { border-right:solid 1px #E9E9E9; line-height:1.6; padding:6px 8px 6px 10px; color:#5b5b5b; text-align:center }
table.style02 td strong{font-weight:500}
table.style02 td:last-child { border-right:none;}


table.style03 { float:left; width:100%}
table.style03 tr { border-bottom:solid 1px #fff;box-sizing:border-box; background-color:#f9f9f9}
table.style03 td { border-right:solid 1px #E9E9E9; line-height:1.6; padding:6px 8px 6px 10px; color:#5b5b5b }
table.style03 td strong{font-weight:500}
table.style03 td:last-child { border-right:none;}
table.style01 th{ padding:13px; font-weight:500;color:#123860;background-color:#c2d9f1; vertical-align:middle; text-align:left}

.add_txt { font-size:0.9em; color:#7e7e7e}

.sect_sub {float:left; width:100%; margin-bottom:10px;}
.sect_sub .title_m { display:block; width:100%; color:#233bb2; font-size:1.1em; font-weight:300; margin-bottom:6px; margin-top:5px}
.sect_sub ul {float:left; width:100%; padding-left:10px; box-sizing:border-box }
.sect_sub ul li{float:left; width:100%; background:url(../img/bullet_jum.png) no-repeat left 16px; padding-left:10px}
.inbox { float:left; width:100%; background-color:#eff8fe; padding:14px 20px;; box-sizing:border-box; margin:10px 0 16px 0 }

.sect_sub2 {float:left; width:60%;}
.sect_sub2 ul li{float:left; width:100%; background:url(../img/bullet_jum.png) no-repeat left 16px; padding-left:10px}
.sect_subrg { float:right; width:40%}


.sect_sub3 {float:left; width:100%;}
.sect_sub3 ul li{float:left; width:100%; background:url(../img/bullet_jum.png) no-repeat left 16px; padding-left:10px}

.sect_sub4 {float:left; width:100%; margin-top:30px; border-top:dashed 1px #AAAAAA; padding-top:20px}
.sect_sub4 ul li{float:left; width:100%; background:url(../img/bullet_jum.png) no-repeat left 16px; padding-left:10px}

.sect_sub4 .sect_60per {float:left; width:60%;margin-top:20px; }
.sect_sub4 .sect_subrg { float:right; width:40%; margin-top:20px}

.thanks { padding:20px; text-align:center; background-color:#fcf6e0; float:left; width:100%; margin-top:30px; font-size:0.9em; color:#5c5435 }

.img_bx { float:left; width:100%; margin:10px 0 2px 0}
.img_bx img { width:100%; height:auto}
.img_bx2 { float:left; width:100%; margin:10px 0 2px 0}
.img_bx2 img { max-width:100% !important;}
.inbox { float:left; width:100%; background-color:#eff8fe; padding:14px 20px; box-sizing:border-box; }
.inbox strong { font-weight:500}
.title_02 { font-size:1.1em; font-weight:500; color:#05237c; margin-bottom:5px}

.align_l { float:left; text-align:left; width:100%}
.mt10{ margin-top:10px}
.mt20{ margin-top:20px}
.mt30{ margin-top:30px}
.img100 { width:100%}
.align_cn { text-align:center}
.align_lf { text-align:left}
.align_rg { text-align:right}

.space34 { padding-left:34px}


@media screen and (max-width:1024px){
.m_logo { position:absolute; right:0; top:10px; background:url(../img/m_logo.png) no-repeat; background-size:80px auto; width:100px; height:40px; display:block;}
.mainListBtn { display:block}
.menu { display:block}
.menu_pc { display:none}
.container {width:100%; padding-left:0;}
.contents { width:100%;}
.detail {width:100%; padding:0 25px; min-width:100%; max-width:100%; box-sizing:border-box; letter-spacing:-0.06em}

}


@media screen and (max-width:760px){
.contents { font-size:0.95em} 
.logo_area { display:none}
 
.menulist {position:absolute;top:120px; }


.contents { font-size:0.95em} 
.contents { margin:20px 0;  padding-bottom:90px;}

.contents .title { font-size:1.6em; height:70px;}
.contents .title p { height:70px; line-height:3.2em; font-weight:400; }
.contents .title span { top:5px; left:3px; }
.contents .info_txt { float:left; width:100%; border-bottom:solid 1px #2951c8; padding:20px 0; margin-bottom:30px}
.contents .info_txt dl { float:left; width:100%;}
.contents .info_txt dt { float:left; width:30%;}
.contents .info_txt dt img { width:100%}
.contents .info_txt dd { float:left; width:70%; padding-left:20px; box-sizing:border-box}

.detail {width:100%; padding:0 15px;}

.contents .sect {  margin-top:30px; margin-bottom:20px}
.contents h5 { font-size:1.2em; }


table.style01 tr.hd_table { font-size:1em }
table.style01 tr.hd_table td { padding:7px; }
table.style01 .md_table td {padding:7px;}

table.style02 tr.hd_table { font-size:0.9em }
table.style02 tr.hd_table td { padding:7px; }

}