@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);


@font-face {
    font-family: 'notokr-thin';
    src: url('../font/NotoKR-Thin/notokr-thin.eot');
    src: url('../font/NotoKR-Thin/notokr-thin.eot?#iefix') format('embedded-opentype'),
         url('../font/NotoKR-Thin/notokr-thin.woff2') format('woff2'),
         url('../font/NotoKR-Thin/notokr-thin.woff') format('woff'),
         url('../font/NotoKR-Thin/notokr-thin.ttf') format('truetype'),
         url('../font/NotoKR-Thin/notokr-thin.svg#notokr-thin') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'notokr-regular';
    src: url('../font/NotoKR-Regular/notokr-regular.eot');
    src: url('../font/NotoKR-Regular/notokr-regular.eot?#iefix') format('embedded-opentype'),
         url('../font/NotoKR-Regular/notokr-regular.woff2') format('woff2'),
         url('../font/NotoKR-Regular/notokr-regular.woff') format('woff'),
         url('../font/NotoKR-Regular/notokr-regular.ttf') format('truetype'),
         url('../font/NotoKR-Regular/notokr-regular.svg#notokr-regular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'notokr-medium';
    src: url('../font/NotoKR-Medium/notokr-medium.eot');
    src: url('../font/NotoKR-Medium/notokr-medium.eot?#iefix') format('embedded-opentype'),
         url('../font/NotoKR-Medium/notokr-medium.woff2') format('woff2'),
         url('../font/NotoKR-Medium/notokr-medium.woff') format('woff'),
         url('../font/NotoKR-Medium/notokr-medium.ttf') format('truetype'),
         url('../font/NotoKR-Medium/notokr-medium.svg#notokr-medium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'notokr-light';
    src: url('../font/NotoKR-Light/notokr-light.eot');
    src: url('../font/NotoKR-Light/notokr-light.eot?#iefix') format('embedded-opentype'),
         url('../font/NotoKR-Light/notokr-light.woff2') format('woff2'),
         url('../font/NotoKR-Light/notokr-light.woff') format('woff'),
         url('../font/NotoKR-Light/notokr-light.ttf') format('truetype'),
         url('../font/NotoKR-Light/notokr-light.svg#notokr-light') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'notokr-demilight';
    src: url('../font/NotoKR-DemiLight/notokr-demilight.eot');
    src: url('../font/NotoKR-DemiLight/notokr-demilight.eot?#iefix') format('embedded-opentype'),
         url('../font/NotoKR-DemiLight/notokr-demilight.woff2') format('woff2'),
         url('../font/NotoKR-DemiLight/notokr-demilight.woff') format('woff'),
         url('../font/NotoKR-DemiLight/notokr-demilight.ttf') format('truetype'),
         url('../font/NotoKR-DemiLight/notokr-demilight.svg#notokr-demilight') format('svg');
    font-weight: noral;
    font-style: normal;

}




@font-face {
    font-family: 'notokr-bold';
    src: url('../font/NotoKR-Bold/notokr-bold.eot');
    src: url('../font/NotoKR-Bold/notokr-bold.eot?#iefix') format('embedded-opentype'),
         url('../font/NotoKR-Bold/notokr-bold.woff2') format('woff2'),
         url('../font/NotoKR-Bold/notokr-bold.woff') format('woff'),
         url('../font/NotoKR-Bold/notokr-bold.ttf') format('truetype'),
         url('../font/NotoKR-Bold/notokr-bold.svg#notokr-bold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'notokr-black';
    src: url('../font/NotoKR-Black/notokr-black.eot');
    src: url('../font/NotoKR-Black/notokr-black.eot?#iefix') format('embedded-opentype'),
         url('../font/NotoKR-Black/notokr-black.woff2') format('woff2'),
         url('../font/NotoKR-Black/notokr-black.woff') format('woff'),
         url('../font/NotoKR-Black/notokr-black.ttf') format('truetype'),
         url('../font/NotoKR-Black/notokr-black.svg#notokr-black') format('svg');
    font-weight: normal;
    font-style: normal;

}
*
{font-family:'Spoqa Han Sans'}

.nt-t
{font-family:'notokr-thin';}
.nt-l
{font-family:'notokr-light';}
.nt-dl
{font-family:'notokr-demilight';}
.nt-r
{font-family:'notokr-regular';}
.nt-m
{font-family:'notokr-medium';}
.nt-b
{font-family:'notokr-bold';}
.nt-bl
{font-family:'notokr-black';}

h1,h2,h3,h4,h5,h6
{font-family:'notokr-regular';}


.sec_title
{text-align:center; margin:0px 0px 50px;}
.sec_title h2
{font-size:42px; color:#3f3f3f; font-family:'notokr-medium'}
.sec_title p
{color:#8e8e8e; font-size:16px;}

.container
{max-width:1200px; width:100%; padding:0px;}




.header_scroll .tlogo img
{max-height:50px;}

#head-area .tlogo
{width:auto; margin-left:150px; padding:15px 0 10px 20px }
#head-mn
{max-width:1200px; }
#head-mn:after
{clear:both; content:''; display : block;}
#head-mn .container-top-mn
{width:auto; text-align:center; padding:30px 0px 35px;}
#head-mn .main-nav > ul > li > a
{padding:0px 70px; color:#505050;}
#head-mn .main-nav > ul > li:last-child a
{padding:0px 70px;}



.section01
{padding:100px 0px; position:relative;}
.section01 .sec01_line
{ position:absolute; width:250px; height:2px; display:inline-block; background-color:#1b62a2; top : 43%;}
.section01 .sec01_txt
{float:right; width:45%;}
.section01 .sec01_txt h6
{font-size:16px; color:#1b62a2; padding:45px 0px 10px; margin:0px; font-family:'notokr-bold'; letter-spacing:-1px;}
.section01 .sec01_txt h2
{font-size:34px; color:#515151; margin:0px 0px 30px;}
.section01 .sec01_txt p
{display:inline-block; margin:30px 0px 30px; color:#777777; font-size:16px;}
.section01 .sec01_txt a
{display:inline-block; padding:10px 50px; border:2px solid #1b62a2; color:#1b62a2; font-family:'notokr-medium'}
.section01 .sec01_txt a:hover
{background:#1b62a2; color:#fff; transition-duration:0.2s}



.section02:after
{clear:both; content:''; display:block;}
.section02 .sec02_left
{float:left; width:50%; padding:100px 0px; text-align:center; background:url('../img/sec02_left.jpg');}
.section02 .sec02_right
{padding:100px 0px; text-align:center; float:right; width:50%; background:url('../img/sec02_right.jpg')}

.section02 .sec02 h2
{font-size:35px; color:#fff;}
.section02 .sec02 p
{font-size:16px; color:#fff; margin:0px 0px 30px;}
.section02 .sec02 a
{display : inline-block; color:#fff; padding:8px 40px; border:1px solid #fff;}
.section02 .sec02 a:hover
{background:#1b62a2; border-color:#1b62a2; }



.section03
{padding:80px 0px;}
.section03 .sec03_board
{text-align:center;}
.section03 .sec03_board .sec03_img_wrap:after
{clear:both; content:''; display:block;}
.section03 .sec03_board .sec03_img_wrap .sec03_img
{float:left; width:22%; margin-right:3%}
.section03 .sec03_board .sec03_img_wrap .sec03_img img
{width:100%;}
.section03 .sec03_board .sec03_img_wrap .sec03_img .sec03_img_tit
{padding:20px 0px ;font-size:16px; color:#666;}
.section03 .sec03_board .sec03_img_wrap .sec03_img:hover .sec03_img_tit
{text-decoration:underline}
.section03 .sec03_board .sec03_img_wrap .sec03_img:nth-child(4n)
{margin-right:0px;}
.section03 .sec03_board .more_btn a
{display:inline-block; color:#1b62a2; padding:10px 45px; border:2px solid #1b62a2; font-family:'notokr-medium'}
.section03 .sec03_board .more_btn a:hover
{background:#1b62a2; color:#fff; transition-duration:0.2s}

.section04
{padding:80px 0px; background:url('../img/sec04_bg.jpg');}


.section04 .sec04_wrap .sec04_notice
{float:left; background:#fff; width:49%; padding:30px 40px;}
.section04 .sec04_wrap .sec04_notice .notice_tit
{position:relative;}
.section04 .sec04_wrap .sec04_notice .notice_tit h2
{color:#4f4f4f; font-size:24px; font-family:'notokr-bold'; border-bottom:1px solid #ddd; padding:0px 0px 20px; margin:0px 0px 20px;}
.section04 .sec04_wrap .sec04_notice .notice_tit .notice_plus
{position:absolute; top:3px; right:0px; display:inline-block; width:21px;height:21px;}
.section04 .sec04_wrap .sec04_notice .notice_tit .notice_plus .plus_col
{width:2px; height:21px; background:#5d5d5d; position:absolute; top:0px; right:9px;}
.section04 .sec04_wrap .sec04_notice .notice_tit .notice_plus .plus_row
{margin:0px; width:21px; height:2px; background:#5d5d5d; display : inline-block; margin-bottom:5px;}

.section04 .sec04_wrap .sec04_notice .notice_wrap table.noticeoutput tr
{border:none;}
.section04 .sec04_wrap .sec04_notice .notice_wrap table.noticeoutput tr td
{padding:10px 0px 0px; font-family:'Spoqa Han Sans'}
.section04 .sec04_wrap .sec04_notice .notice_wrap table.noticeoutput tr td a
{font-size:16px !important; color:#737373; font-family:'notokr-regular' }
.section04 .sec04_wrap .sec04_notice .notice_wrap table.noticeoutput tr td:nth-child(3)
{font-size:15px; color:#aaa9a9; }


.section04 .sec04_wrap .sec04_cs
{float:right; width:49%; padding:20px 40px; background:#1b62a2;}
.section04 .sec04_wrap .sec04_cs .cs_tit
{padding:0px 0px 25px;}
.section04 .sec04_wrap .sec04_cs .cs_tit h2
{font-size:24px; margin:0px; color:#fff; display : inline-block;font-family:'notokr-medium';}
.section04 .sec04_wrap .sec04_cs .cs_tit span
{font-size:15px; color:#c9def1; padding:0px 0px 0px 20px;}

.section04 .sec04_wrap .sec04_cs .cs_txt
{padding:25px 0px ;border-top:1px solid #709ac0;}
.section04 .sec04_wrap .sec04_cs .cs_txt img
{float:left;}
.section04 .sec04_wrap .sec04_cs .cs_txt .cs_txt_wrap
{display : inline-block; padding:0px 0px 0px 30px;}
.section04 .sec04_wrap .sec04_cs .cs_txt .cs_txt_wrap li
{list-style:none; color:#fff; font-size:20px; font-family:'notokr-medium'; }
.section04 .sec04_wrap .sec04_cs .cs_txt .cs_txt_wrap li span
{font-size:20px; font-family:'notokr-regular'; padding:0px 10px 0px;}
.section04 .sec04_wrap .sec04_cs .cs_txt .cs_txt_wrap li b
{font-size:30px; font-family:'notokr-regular'; padding:0px 10px 0px 0px;}
.section04 .sec04_wrap .sec04_cs .cs_txt .cs_txt_wrap li:nth-child(2)
{margin-bottom:20px;}
.section04 .sec04_wrap .sec04_cs .cs_txt .cs_txt_wrap .inq
{border:1px solid #9bbad6; padding:10px 20px 10px 55px; background:url('../img/sec04_icon02.png') no-repeat 14px; color:#fff; display : inline-block; margin:0px 10px 0px 0px;}
.section04 .sec04_wrap .sec04_cs .cs_txt .cs_txt_wrap .inq:hover
{background-color:#0a3b67; border-color:#0a3b67}
.section04 .sec04_wrap .sec04_cs .cs_txt .cs_txt_wrap .loc
{border:1px solid #9bbad6; padding:10px 20px 10px 50px; background:url('../img/sec04_icon03.png') no-repeat 14px; color:#fff; display : inline-block;}
.section04 .sec04_wrap .sec04_cs .cs_txt .cs_txt_wrap .loc:hover
{background-color:#0a3b67; border-color:#0a3b67}

#footerwap
{background:#4b4b4b;}
#footerwap .footer-divs
{max-width:1200px; width:100%;}
#footerwap .footer-divs span
{font-size:15px; font-family:'notokr-regular'; color:#959494;}
#footerwap .footer-divs span b
{padding:0px 5px 0px 0px; font-family:'notokr-regular'; font-size:15px; color:#959494}




/** sub page **/
.sub-tit-bg
{margin-top:90px;}
.sub_title
{border-bottom:1px solid #ddd; margin-bottom:20px; padding-bottom:20px;}
.sub_title h2
{color:#333; font-family:'notokr-medium'}
#secondmenu h1
{color:#2e569f !important; font-family:'notokr-medium' !important; font-size:24px !important;}
#secondmenu .leftmenu dl
{border-top:2px solid #2e569f}
#secondmenu .leftmenu dl dt
{border-bottom:1px solid #ddd}
#secondmenu .leftmenu dl dt a
{font-family:'notokr-regular';}
#secondmenu .leftmenu dl dt h4
{font-size:19px; color:#333; border-bottom:1px solid #ddd; padding: 0 0 10px;}
#secondmenu .leftmenu dl dt a.dep03
{ padding-left:20px; padding-bottom:6px;}

#secondmenu .leftmenu dt a:hover
{color:#2e569f !important;;}
.maincscenter h3
{color:#2e569f}


.sub-category ul:after
{clear:both; content:''; display:block;}
.sub-category ul li
{float:left; width:25%; border:1px solid #ddd; border-left:none; margin:0 0 10px; text-align:center;}
.sub-category ul li a
{color:#4e4e4e; font-family:'notokr-regular'; font-size:16px; padding:10px 0px; display:inline-block; width:100%;}
.sub-category ul li:first-child,
.sub-category ul li:nth-child(5n)
{border-left:1px solid #ddd;}
.sub-category ul li:hover a
{font-family:'notokr-medium'; color:#0a3b67;}
.sub-category ul li.on
{background:#0a3b67;}
.sub-category ul li.on a
{color:#fff; font-family:'notokr-medium';}

.sub-sec
{margin:50px 0px 0; display : inline-block; padding: 0 0 30px;/* border-bottom: 1px dashed #ddd;*/ width:100%;}
.sub-sec .sub-sec-tit
{font-family:'notokr-medium'; color:#333; border-left:5px solid #1b62a2; padding-left:5px; font-size:19px; margin: 0 0 15px;}
.sub-sec .download a
{border:1px solid #ddd; padding:10px 50px; display:inline-block; margin:20px 0 30px; color:#333; font-family:'notokr-regular'; font-size:16px;}
.sub-sec .download a:hover
{background:#ddd;}
.sub-sec .sub-sec-tit small
{display:block; font-family:'notokr-regular';}
.sub-sec .sub-sec-txt
{font-family:'notokr-regular'; color:#666; font-size:16px; margin:0px; line-height:180%;}
.sub-sec table
{width:100%; border:1px solid #ddd;}
.sub-sec table tr
{border-bottom:1px solid #ddd;}
.sub-sec table tr th
{font-family:'notokr-medium'; text-align:center; font-size:15px !important; color:#333; background:#f4f4f4; border-right:1px solid #ddd; padding:10px 0px; font-weight:normal;}
.sub-sec table tr td
{font-family:'notokr-regular'; text-align:center; font-size:14px; border-right:1px solid #ddd; padding:7px 0px;}


/* GREETING */
.com-greeting h2
{font-size:42px; font-family:'notokr-bold'; color:#134f87;}
.com-greeting strong
{font-size:21px; font-weight:normal; color:#333; margin:20px 0px; display:block;}
.com-greeting p
{font-size:16px; line-height : 160%; font-family:'notokr-regular'; color:#666}
.com-greeting p b
{display:block; font-weight:normal; font-size:17px; font-family:'notokr-medium'; color:#333;}


/* CERTIFIACATE */
.certificate:after
{clear:both; content:''; display:block;}
.certificate .certi-wrap
{float:left; margin-right:40px; margin-bottom:50px;}
.certificate .certi-wrap:nth-child(even)
{margin:0px;}
.certificate .certi-wrap .certi-txt
{text-align:center; padding:20px 0px;}
.certificate .certi-wrap .certi-txt p
{font-size:21px; font-family:'notokr-medium'; color:#333;}
.certificate .certi-wrap .certi-txt span
{font-size:16px; font-family:'notokr-regular'; color:#666;}


/* m02 */
.m02.menu-tap
{margin-top:70px;}
.m02:after
{clear:both; content:''; display:block;}
.m02 .m02-img-wrap
{display:inline-block; width:30%; margin-right:4.5%; text-align:center; margin-bottom:50px;}
.m02 .m02-img-wrap h3
{margin:15px 0 0px; color:#000; font-size:16px;}
.m02 .m02-img-wrap small
{font-size:12px; color:#666; font-family:'notokr-regular';}
.m02 .m02-img-wrap:nth-child(3n)
{margin-right:0px;}
.m02 .m02-img-wrap img
{width:100%; border:1px solid #ddd;}



/* m03 */
.m03 .sub-sec .sub-sec-img:after
{clear:both; content:'';display:block;}
.m03 .sub-sec .sub-sec-img
{margin:0 0 20px;}
.m03 .sub-sec .sub-sec-img table
{float:right; width:80%;}
.m03 .sub-sec ul li
{padding:20px 0px;}
.m03 .sub-sec ul li b
{display:block; font-weight:normal; font-family:'notokr-bold'; font-size:18px; color:#333;}
.m03 .sub-sec .table-tit
{font-family:'notokr-medium'; font-size:15px; color:#000; font-weight:normal}
.m03 .sub-sec .table-sub-tit
{font-family:'notokr-regular'; font-size:14px; margin:10px 0 0; display:block; color:#000;}



/* m04 */
.m04 .m04-box p
{margin:0px; border:1px solid #ddd; padding:20px; font-size:15px; color:#0a3b67;}
.m04 .sub-sec .des .note
{font-family:'notokr-medium'; font-weight:normal; color:#000; font-size:16px; display:inline-block; margin:10px 0px;}
.m04 .sub-sec .des ul
{margin:20px 0px !important;}
.m04 .sub-sec .des ul li:after
{clear:both; content:''; display:block;}
.m04 .sub-sec .des ul li b
{float:left; font-size:16px; font-weight:normal; color:#333; font-family:'notokr-medium';}
.m04 .sub-sec .des ul li p
{float:right; width:95%; font-size:16px; color:#666; font-family:'notokr-regular'}

@media screen and (max-width:820px){
    .sub-tit-bg
    {display : block;}
    
}

@media screen and (max-width:414px){
    #head-area .tlogo
    {margin:0px;}
    .header_scroll .mob-btn
    {top:25px;}

    #head-mn .main-nav > ul > li > a
    {padding:15px 30px; text-align:left;}
    #head-mn .main-nav > ul > li:last-child a
    {padding:15px 30px;}
    .main-nav ul li.submenu i
    {height:53px;}
    .main-nav ul li.submenu i:after
    {right:40px; top:15px;}


    .sec_title h2
    {font-size:32px;}

    .section01 .sec01_txt
    {float:none; width:100%; padding:0px 20px;}
    .section01 .sec01_txt h6
    {font-size:14px;}
    .section01 .sec01_txt h2
    {font-size:24px; margin: 0px 0px 10px;}
    .section01 .sec01_txt p
    {margin:0px 0px 30px; padding-top:10px;border-top:2px solid #1b62a2;}
    .section01 .sec01_line
    {display:none;}

    .section02 .sec02_left
    {float:none; width:100%;}
    .section02 .sec02_right
    {float:none; width:100%;}

    .section04 .sec04_wrap .sec04_notice
    {padding:30px 20px; float:none; width:100%; margin:0px 0px 30px 0px;}
    .section04 .sec04_wrap .sec04_notice .notice_wrap table.noticeoutput tr td:nth-child(2)
    {width:70%; display : inline-block;}
    .section04 .sec04_wrap .sec04_notice .notice_wrap table.noticeoutput tr td:nth-child(3)
    {width:30%; display : inline-block;}

    .section04 .sec04_wrap .sec04_cs
    {float:none; width:100%; padding:20px 20px;}

    .section04 .sec04_wrap .sec04_cs .cs_tit span
    {display:block; padding:10px 0px 0px; }
    .section04 .sec04_wrap .sec04_cs .cs_txt .cs_txt_wrap
    {padding:14px 0px 0px 10px;}
    .section04 .sec04_wrap .sec04_cs .cs_txt .cs_txt_wrap li
    {font-size:16px;}
    .section04 .sec04_wrap .sec04_cs .cs_txt .cs_txt_wrap li b
    {font-size:22px;}
    .section04 .sec04_wrap .sec04_cs .cs_txt .cs_txt_wrap li span
    {font-size:18px;}
    .section04 .sec04_wrap .sec04_cs .cs_txt .cs_txt_wrap li:nth-child(2)
    {margin-bottom:30px;}

    .section04 .sec04_wrap .sec04_cs .cs_txt .cs_txt_wrap .inq
    {display:block; margin:0px 0px 20px 0px; padding:10px 20px 10px 90px; background:url('../img/sec04_icon02.png') no-repeat 40px;}
    .section04 .sec04_wrap .sec04_cs .cs_txt .cs_txt_wrap .loc
    {display:block; padding:10px 20px 10px 100px; background:url('../img/sec04_icon03.png') no-repeat 45px;}

    #footerwap .footer-divs
    {margin:0px; padding:0px 10px;}
    #footerwap .footer-divs span
    {margin-right:3px;}



    /** sub page **/
    #sub-body
    {overflow:scroll;}
    .sub-tit-bg
    {padding:75px 0px; letter-spacing:3px; font-size:32px; margin:75px 0 0;}
    .leftmenu
    {display:block;}

    #secondmenu .leftmenu dt a.on
    {display:none;}
    #secondmenu .leftmenu dl dt
    {border:none;}

    .sub-category ul li
    {width:50%}
    .sub-category ul li:nth-child(3n)
    {border-left:1px solid #ddd;}


    .m02 .m02-img-wrap
    {width:47%; margin-right:3%;}
    .m02 .m02-img-wrap.m02-img-wrap:nth-child(3n)
    {margin-right:3%}
    .m02 .m02-img-wrap.m02-img-wrap:nth-child(2n)
    {margin-right:0px;}


    .sub-sec .sub-sec-tit
    {font-size:21px;}

    .m03 .sub-sec .sub-sec-img table
    {width:100%;margin:20px 0px;}


}