@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css);
@font-face { font-family: 'S-CoreDream-8Heavy'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-7ExtraBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff'); font-weight: normal; font-style: normal; }

body {margin:0;padding:0;color:#666;font-size:16px;line-height:1.6; font-family:"Noto Sans KR",'Noto Sans Korean',Arial, Helvetica, sans-serif; word-break:keep-all; }

a {text-decoration:none; transition: all 0.5s ease;}
a:link, a:visited {text-decoration:none}
a:hover, a:focus, a:active {text-decoration:none}

/* important css */
.w_center{width:1100px; margin:0 auto;}
.cursorp{cursor:pointer;}
.t_left {text-align:left !important}
.t_center {text-align:center !important}
.t_right {text-align:right !important}
.f_left {float:left !important}
.f_right {float:right !important}
.pdT1{padding-top:1px !important;}
.marT10{margin-top:10px !important;}
.marT20{margin-top:20px !important;}
.marT30{margin-top:30px;*padding:30px 0 0 0}
.marT50{margin-top:50px;*padding:50px 0 0 0}
.marL5{margin-left:5px !important;}
.marL20{margin-left:20px !important;}
.marL40{margin-left:40px !important;}
.marL50{margin-left:50px !important;}
.marL150{margin-left:150px !important;}
.center{ width:1000px; margin:0 auto;}
.dib{ display:inline-block; vertical-align:top;}


/*font_style*/
.gt_t5{font-size:.5em !important;}
.gt_t7{font-size:.7em !important;}
.gt_t9{font-size:.9em !important;}
.gt_t11{font-size:1.1em !important;}
.gt_t13{font-size:1.3em !important;}
.gt_t15{font-size:1.5em !important;}
.gt_t17{font-size:1.7em !important;}
.gt_t20{font-size:2em !important;}
.gt_t26{font-size:26px !important;}
.gt_cBl{ color:#111 !important;}
.gt_cBu{ color:#27b8e7 !important;}
.gt_cRed{ color:#c00 !important;}
.gt_cWh{ color:#fff !important;}

.t_bold{font-weight:400;}
.t_bold2{font-weight:500;}
.t_bold3{font-weight:700;}

.ff_scd_h{font-family: 'S-CoreDream-8Heavy';}
.ff_scd_b{ font-family:'S-CoreDream-7ExtraBold';}


/*layout*/
#wrap{position:relative; width:100%; min-width:1100px; height:100%;}

#wrap_main{position:relative;width:100%;height:100%; background:url(/img/main_bg.jpg) center top no-repeat fixed;}
#wrap_sub{position:relative; width:100%; height:100%;}

.historyCon{ border-bottom:1px solid #ccc; padding:3em 0;}
.historyCon > div > p{ margin-bottom:1em; font-size:1.1em;}
.historyCon > div > p > span{ color:#333;}
.historyWrap .hisYear{ font-size:1.3em; color:#111;}
.historyWrap .hisYear:before{ content:""; display:block; border-top:1px solid #4776be; width:50px; margin-bottom:5px;}

.certpWrap{ background:url(/img/cer_bg.jpg) center top no-repeat; background-attachment:fixed; padding:3em 1em; background-size:cover;}
.certpCon > div{ padding:1em;}
.certpCon > div > div{ background:#fff; box-shadow:1px 1px 10px rgba(51,51,51,.2); padding:3em 1em; text-align:center; min-height:220px;}
.certpCon > div > div > p{ font-size:1.3em; color:#333;}
.certpCon > div > div > p > span{ display:block; text-align:center; font-size:.5em; text-transform:uppercase; letter-spacing:3px; color:#09C; margin:1em 0;}

.tabNav ul{ text-align:center;}
.tabNav ul li{ display:inline-block; vertical-align:top; margin:0 1em;}
.tabNav ul li a{ display:block; padding:.5em 3em; border-bottom:1px solid #eee; color:#999; font-size:1.2em;}
.tabNav ul li.active a{border-bottom:1px solid #2474b2; color:#111 }
.tabNav ul li a:hover{border-bottom:1px solid #2474b2; color:#111 }
.proCon{ text-align:center; margin:2em 0;}
.proCon > h4{ font-size:1.2em; color:#333; padding:.7em 0 .3em;}
.proCon > p{ font-size:.9em; color:#888;}
.proCon > a{ display:inline-block; border:1px solid #fff; border-radius:10px; color:#06C; padding:.6em 2em; margin:.8em 0; font-size:.9em; background:#fff; box-shadow:1px 1px 10px rgba(51,51,51,.1)}
.proWrap{ background:#f2f2f2; padding:3em 0;}


.iamPd_wrap{ background:#f5f5f5; padding:5em 0;}
.iamPd_con{ position:relative;}
.iamPd_con > div{ margin-bottom:2em;}
.iamPd_con > div > a{ display:block; box-shadow:1px 1px 15px rgba(0,0,0,.05); border-radius:15px; overflow:hidden; background:#fff; padding-bottom:1em; color:#333;}
.iamPd_con > div > a:hover{ background:#666; color:#fff !important;}
.iamPd_con > div > a:hover p{color:#fff !important;}
.iamPd_con > div > a > .pdImg{ margin:1em; border-radius:15px; overflow:hidden;}
.iamPd_con .pdName{ font-size:1.2em; padding:.5em 0; text-align:center;}
.iamPd_con > div > a > i{ color:#ccc; text-align:center; display:block; font-size:1.2em; margin-top:.5em;}

.table table { 
    border-collapse: collapse; 
    width: 100%; 
} 

.table th, td { 
    text-align: left; 
    padding: 8px; 
} 

.table_scroll { width:100%; max-width:1140px; overflow-x: auto;  white-space: nowrap; -webkit-overflow-scroll: touch;  -moz-scrollbars-vertical; }
::-webkit-scrollbar { -webkit-appearance: none; }
::-webkit-scrollbar:vertical { width: 10px; }
::-webkit-scrollbar:horizontal { height: 10px; }
::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .3); border-radius: 10px; border: 2px solid #ffffff; }
::-webkit-scrollbar-track { border-radius: 10px; background-color: #ffffff; }