@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/css2?family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap');
@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('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumpenscript/nanumpenscript.css);
@import url(//fonts.googleapis.com/earlyaccess/nanumpenscript.css);
@import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumbrushscript/nanumbrushscript.css);
@import url(//fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
@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;background:#fff}
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}
table{border-collapse:collapse; border:0;*table-layout:fixed}
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:#5184d6;text-decoration:none}

a.rollover img { border-width:0; display:inline; }
a.rollover img.over { display:none; }
a.rollover:hover { border:0 }
a.rollover:hover img { display:none; }
a.rollover:hover img.over { display:inline; }
a { selector-dummy:expression(this.hideFocus=true); outline: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; }

/* 구분선 */
.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' ,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 KR', 'Noto Sans Korean' ,sans-serif;}
.Roboto{font-family: 'Roboto', sans-serif;}
.Roboto-Slab{font-family: 'Roboto Slab', serif;}
.RobotoFlex{font-family: 'Roboto Flex', sans-serif;}
.nanumM{font-family: 'Nanum Myeongjo', serif;font-weight:400}
.NanumBrush{font-family: 'Nanum Brush Script', cursive;}
.NanumPen{font-family: 'Nanum Pen Script', cursive;}
.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;}
.oswald{ font-family: "Oswald", sans-serif;}
.Poppins{ font-family: "Poppins", sans-serif;}
// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 200 to 700

.oswald-<uniquifier> {
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

.noto-sans kr-<uniquifier> {
  font-family: "Noto Sans KR", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

.poppins-thin {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.poppins-extralight {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.poppins-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.poppins-black {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.poppins-thin-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.poppins-extralight-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.poppins-light-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.poppins-regular-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.poppins-medium-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.poppins-semibold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.poppins-bold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.poppins-extrabold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.poppins-black-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: italic;
}

.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}

// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 100 to 1000

.roboto-flex-<uniquifier> {
  font-family: "Roboto Flex", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "slnt" 0,
    "wdth" 100,
    "GRAD" 0,
    "XOPQ" 96,
    "XTRA" 468,
    "YOPQ" 79,
    "YTAS" 750,
    "YTDE" -203,
    "YTFI" 738,
    "YTLC" 514,
    "YTUC" 712;
}


.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:13px;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_btn1{padding:0;margin:0 0 30px;}
.tab_btn1:after{ content:""; display:block; clear:both;}
.tab_btn1 ul{margin:0;padding:0;border:5px solid #dadada;background:#f4faff}
.tab_btn1 ul:after{ content:""; display:block; clear:both;}
.tab_btn1 li {position:relative;float:left;width:25%;text-align:center;cursor:pointer;}
.tab_btn1 li a{display:block;height:55px;padding:0;margin:0 0 0 -1px;font-size:1.125em;font-weight:700; color:#666;line-height:55px;border:solid #dadada;border-width:0 1px 1px;background:#fff}
.tab_btn1 li a:hover{color:#5087de;}
.tab_btn1 li span{display:none;}
.tab_btn1 li span.current{display:block;width:11px;position:absolute;left:50%;bottom:-4px;margin:-1px 0 -1px -6px;z-index:10}
.tab_btn1 li span img{padding:55px 0 0;margin:0;}
.tab_btn1 li a.current {color:#fff;background:#5087de}
.tab_btn1 li:nth-child(5n) a {border-right:0}