@charset "utf-8";
/* Nanum Font */
@import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/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);
@import url(//cdn.jsdelivr.net/font-nanum/1.0/nanummyeongjo/nanummyeongjo.css);
@import url('https://cdn.rawgit.com/openhiun/hangul/14c0f6faa2941116bb53001d6a7dcd5e82300c3f/nanumbarungothic.css');
@import url('https://fonts.googleapis.com/css?family=Raleway');
@import url(http://fonts.googleapis.com/css?family=Alegreya:700,400);
@import url(http://fonts.googleapis.com/css?family=Kreon);
@import url('https://fonts.googleapis.com/css?family=Noto+Sans|Noto+Serif|Sumana');
@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville');
@import url( "https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" );
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:400,700');
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:100,300,400,600,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900');
@import url(./fonts.css);

/* 초기화 */
* { margin:0; padding:0;}
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:12px;font-family: 'Nanum Gothic', '나눔고딕','NanumGothic', Tahoma, Dotum, AppleGothic,sans-serif;color:#666}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, ol, dl, dd,li {list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button, select{margin:0;padding:0;font-size:1em}
button {cursor:pointer}

em{font-style:normal}
form { margin:0;padding:0 }

textarea, select {font-size:1em}
select {margin:0}
p {margin:0;padding:0;line-height:1.7em}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {color:#666;text-decoration:none}
a:hover, a:focus, a:active {color:#9cb227;text-decoration:none}

input.ed { height:20px; border:1px solid #9a9a9a; border-right:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; padding:3px 2px 0 2px; }
input.ed_password { height:20px; border:1px solid #9a9a9a; border-right:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; padding:3px 2px 0 2px; font:10px tahoma; }

.clear{clear:both}
/* 구분선 */
.opensans{font-family: 'Open Sans', sans-serif; font-style: normal; line-height:normal;}
.opensans-con{font-family: 'Open Sans Condensed', sans-serif;font-style: normal; line-height:normal;}
.Nanum{font-family:  'Nanum Gothic', '나눔고딕','NanumGothic', Tahoma, Dotum, AppleGothic,sans-serif;font-style: normal; line-height:normal;}
.Alegreya{font-family: 'Alegreya', serif;font-style: normal; line-height:normal;}
.Kreon{font-family: 'Kreon', serif;font-style: normal; line-height:normal;}
.Josefin{font-family: 'Josefin Sans', sans-serif;font-style: normal; line-height:normal;}
.Noto-Sans{font-family: 'Noto Sans', sans-serif; font-style: normal; line-height:normal;}
.Sumana{font-family: 'Sumana', serif;}
.Noto-Serif{font-family: 'Noto Serif', serif;}
.Libre-Baskerville{font-family: 'Libre Baskerville', serif;}
.NotoSansKR{font-family:'Noto Sans Korean', 'Noto Sans KR','Nanum Gothic', '나눔고딕','NanumGothic' ,sans-serif;}
.Roboto{font-family: 'Roboto', sans-serif;}
.Roboto-Slab{font-family: 'Roboto Slab', serif;}
.nanumM{font-family: 'Nanum Myeongjo', serif;font-weight:400}

.Lexia-Regular {font-weight: normal; font-style: normal; line-height:normal; font-family: 'LexiaRegular', sans-serif;}
.Lexia-Bold {font-weight: normal; font-style: normal; line-height:normal; font-family: 'LexiaBold', sans-serif; letter-spacing:-1px}
.BebasNeue{font-weight: normal; font-style: normal; line-height:normal; font-family: 'BebasNeue', sans-serif;}

.ft_300{font-weight:300}
.ft_400{font-weight:400}
.ft_600{font-weight:600}
.ft_700{font-weight:700}
.ft_800{font-weight:800}


.tabTypeA {margin-bottom:29px; *zoom:1;}
.tabTypeA:after {content:""; display:block; clear:both;}
.tabTypeA li {float:left; height:41px;}
.tabTypeA li a {display:block; height:38px; line-height:38px; color:#323232; font-size:13px; font-weight:bold; font-family:"Nanum Gothic Bold"; text-align:center; border:1px solid #d2d4d6; border-left:0px; border-bottom:2px solid #bc1d30; background:#f1f1f1; vertical-align:middle;}
.tabTypeA li:first-child a {border-left:1px solid #d2d4d6;}
.tabTypeA li a span {display:inline-block; line-height:16px;}
.tabTypeA li.on {height:47px; background:url("/images/common/tabTypeA_on_arrow.gif") no-repeat center bottom;}
.tabTypeA li.on span {position:absolute; left:-9000000em; font-size:1px; line-height:1px;}
.tabTypeA li.on a {font-size:16px; color:#fff; border:none; height:41px; line-height:41px; background:#ca2535 url("/images/common/tabTypeA_on.gif") no-repeat 0 0;}
.tabTypeA li.onNext a {background:#f1f1f1 url("/images/common/tabTypeA_off.gif") no-repeat 0 0;}
.tabTypeA li a:hover,
.tabTypeA li a:focus {text-decoration:none;}

.tabNum2 li {width:50%;}
.tabNum3 li {width:33.3%;}
.tabNum4 li {width:25%;}
.tabNum5 li {width:20%;}
.tabNum6 li {width:16.5%;}
.tabNum6 li:first-child {width:17.5%;}


.tab_btn{padding:0;margin:0 0 30px;background:url('../img/title/bg_tab_line.gif') 0 0 repeat-x;}
.tab_btn:after{ content:""; display:block; clear:both;}
.tab_btn ul{margin:0;padding:0;}
.tab_btn li {float:left;text-align:center;cursor:pointer;background:url('../img/title/bg_tab.gif') 100% 50% no-repeat;}
.tab_btn li a{display:inline-block;height:40px;font-size:1.167em;font-weight:700; color:#ccc;line-height:40px}
.tab_btn li a:hover{color:#fff;}
.tab_btn li a.current {background:url('../img/title/bg_tab_on.gif') no-repeat center 100%;color:#fff;padding-bottom:4px}
.tab_btn li a span{display:inline-block;line-height:40px; padding:0 15px;}
.tab_btn li a.current span{background:url('../img/title/bg_current.gif') 0 0 repeat-x;}
/*
.tab_btn{padding:0;margin:0 0 30px;}
.tab_btn:after{ content:""; display:block; clear:both;}
.tab_btn ul{margin:0;padding:0;height:50px;border:1px solid #dadada}
.tab_btn li {float:left;text-align:center;cursor:pointer;}
.tab_btn li a{display:block;height:50px;font-size:1.167em;font-weight:700; color:#666;line-height:50px}
.tab_btn li a:hover{color:#9cb227;}
.tab_btn li a.current {background:url('../img/title/bg_tab_on_green.gif') no-repeat 50% 100%;color:#fff;padding-bottom:6px}
.tab_btn li a span{display:block;line-height:50px; padding:0 15px;margin:0 0 0 -1px;border-left:1px solid #dadada}
.tab_btn li a.current span{background:#9cb227}
*/