@charset "euc-kr";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url("https://cdn.jsdelivr.net/gh/moonspam/NanumBarunGothic@latest/nanumbarungothicsubset.css");
@import url(animate.min.css);
@import url(jquery.modalBox.css);

/* common */
body{margin:0;padding:0;font-size:1em;font-family:Nanum Gothic,dotum,'µ¸¿ò',gulim,'±¼¸²';line-height:150%;color:#555;font-size:0.8em; word-break: keep-all;}
p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;}
img,fieldset{border:0; vertical-align:middle;}
hr{ display:none;}
table,th,td{border:none;border-collapse:collapse;}
ul,ol,dl{list-style:none;}
optgroup,em,address{font-style:normal;}
td img{vertical-align:middle;}
label{cursor:pointer;}

/* link */
a:link,a:visited {color:#555;text-decoration:none;}
a:hover,a:active,a:focus{color:#0c3a75;}

.mgb10{ margin-bottom:10px;}
.mgb20{ margin-bottom:20px;}
.mgb30{ margin-bottom:30px;}
.mgb40{ margin-bottom:40px;}
.mgb50{ margin-bottom:50px;}
.mgb60{ margin-bottom:60px;}
.mgb70{ margin-bottom:70px;}
.mgb80{ margin-bottom:80px;}
.mgb90{ margin-bottom:90px;}

.mr10{ margin-right:10px !important;}
.mr20{ margin-right:20px !important;}
.mr30{ margin-right:30px !important;}
.mr40{ margin-right:40px !important;}
.mr50{ margin-right:50px !important;}
.mr60{ margin-right:60px !important;}
.mr70{ margin-right:70px !important;}
.mr80{ margin-right:80px !important;}

.flex_start {display:flex; align-items: flex-start; justify-content: space-between;}
.flex_center {display:flex; align-items:center; justify-content: space-between;}
.colored {color:#cf3d34 !important;}

/* form */
form ul{list-style:none;}
form legend{display:none;}
select{vertical-align:middle;}
input{vertical-align:middle;}
input[type="text"]{vertical-align:middle;}
input[type="password"]{vertical-align:middle;}
input[type="file"]{vertical-align:middle;}
input[type="image"]{vertical-align:middle;}
textarea{border:1px solid #c8c8c8;}
.hidden,legend,caption{position:absolute;height:0;overflow:hidden;font-size:0;line-height:0;visibility:hidden;width:0;}

#wrap{width:100%;}
#wrap2 { width:1000px; margin:0 auto;}


#footer { width:100%; height:58px; padding-top:70px;}
#footer2 { width:100%; height:58px;  float:left; background:#383838}
#footer2  .copyR { width:1000px; margin:0 auto}

#contwrap {width:100%; font-size:16px; line-height:160%; position:relative}

.center_box {width:1000px; margin:0 auto; position:relative;}
#header_wrap {}
#header_wrap .header {height:167px; line-height:167px; background:url(../camp/images/header_bg.jpg) center; }
#header_wrap .header h1 {text-align:center; padding-top:57px;}
#header_wrap .header .logo_img01 {position:absolute; left:0; top:40px;}
#header_wrap .header .logo_img02 {position:absolute; right:0; top:-1px;}
#header_wrap .header .logo_clock {position:absolute; left:0; top:15px;}
#header_wrap .header_2021 {background: url(../camp/images/2021/header2021_bg.jpg) no-repeat center !important;}
#header_wrap .header_2021 > a {display: block; height: 100%;}

nav.menu_wrap {line-height:66px; border-bottom:1px solid #cccccc;}
nav.menu_wrap .tab {overflow:hidden;}
nav.menu_wrap .tab li {text-align:center; float:left; padding:0 45px; position:relative;}
nav.menu_wrap .tab li:after {content:''; display:block; width:2px; height:19px; background-color:#888888; position:absolute; right:0; top:23px;}
nav.menu_wrap .tab li:last-child:after {display:none;}
nav.menu_wrap .tab li a {display:block; font-size:20px; color:#333333; font-weight:600; position:relative;}
nav.menu_wrap .tab li a:hover {text-decoration:none;}
nav.menu_wrap .tab li a:hover:before,
nav.menu_wrap .tab li.on a:before {content:''; width:100%; height:5px; display:block; background-color:#e60036; position:absolute; bottom:0; left:0;}
nav.menu_wrap .menu_05 li {padding: 0 29px;}

#contwrap {padding-top:90px;}
#contwrap h3 { padding-top:96px; margin-bottom:44px;}
#contwrap h4 { margin-bottom:30px; background:url(../camp/images/h4_dot.gif) 0 2px no-repeat; padding-left:25px; font-size:22px; font-weight:bold; color:#222;  width:975px; clear:both}
#contwrap h4 span{ color:#d3151f }
#contwrap ul.tbList { float:left; width:972px; margin-left:28px}
#contwrap ul.tbList li { background:url(/camp/images/dot.gif) 0 7px no-repeat; padding-left:20px; margin-bottom:10px}
#contwrap ul.tbList li span { display:inline-block; width:100%; margin-bottom:20px}

#contwrap ul.bubb { float:left; width:100%; padding-top:100px;}
#contwrap ul.bubb li { float:left;}
#contwrap span.bubb01 { position:absolute; top:547px; left:200px}
#contwrap span.bubb02 { position:absolute; top:547px; left:490px;}
#contwrap span.bubb03 { position:absolute; top:547px; right:0;}
#contwrap span.bubb04 { position:absolute; top:1080px; left:170px}
#contwrap span.bubb05 { position:absolute; top:1100px; left:490px}
#contwrap span.bubb06 { position:absolute; top:1080px; right:0}

.endTb { width:100%; padding:0;float:left; font-size:1.0em; margin-bottom:20px }
.endTb table { width:100%;}
.endTb th { border:1px solid #acacac; padding:8px 0; background:#e9e9e9; }
.endTb td { border:1px solid #acacac; border-left:1px solid #cecece; border-right:1px solid #cecece; padding:8px 10px; text-align:center }

.post { float:left}
.post li { float:left; margin:0 28px 30px 0; width:472px; font-size:14px; line-height:110%; position:relative}
.post li span{width:233px; display:inline-block; position:absolute; top:0; right:0; }

.bolder {font-weight:700; color:#000; font-size:18px;}
.atl_box {padding-bottom:45px; margin-bottom:45px; border-bottom:1px dashed #333;}
.tims_lists {overflow:hidden; padding:45px 90px; border:1px solid #ddd; margin-bottom:20px;}
.tims_lists li {float:left; width:50%;}
.tims_lists li p {margin-top:10px;}
.center_texts {text-align:center; font-size:20px; font-weight:700; color:#333333;}
.camagn_imgwrap {}
.link_span {display:inline-block; margin-right:150px;}
.joiner span, .joiner a {display:inline-block;}
.joiner span {font-size:20px; color:#333; margin-right:5px;}

.sns_area {padding:30px 125px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#fafafa; margin-bottom:20px;}
.sns_area section {background:url(../camp/images/sns_link.png) left center no-repeat; padding:100px 0 100px 265px;}
.linker {color:#cf3d34; font-size:20px; display:block; padding-left:30px; background:url(../camp/images/link_icon.png) left center no-repeat;}
.linker:link, .linker:visited {color:#cf3d34;}
#contwrap .page_title {font-size:40px; font-weight:700; color:#333333; padding:0 0 0 20px; position:relative; line-height:1;
font-family:'³ª´®¹Ù¸¥°íµñ', NanumBarunGothic, 'NanumBarunGothic', sans-serif;}
#contwrap .page_title:before {content:''; width:6px; height:38px; display:block; background-color:#ed1b25; position:absolute; left:0; top:0;}

.logo_box {border:1px solid #ddd; padding:40px 0; text-align:center; /*background-color:#fafafa;*/}
.pdf_btn {font-size:20px; font-weight:700; display:block; background-color:#e60036; width:250px; line-height:50px; margin:0 auto; color:#fff;}

.interviews {overflow:hidden;}
.interviews li {float:left; text-align:center; margin-bottom:50px;}
.interviews li:nth-child(2n) {margin-left:100px;}
.interviews li a:hover {color:#e60036;}
.interviews li dl {margin-top:15px;}
.interviews li dl dt {font-size:19px; font-weight:700;}

.inner_box {padding:0 20px;}
.hippen {padding-left:20px;}

.numbering {font-size:20px; font-weight:700; color:#333333; line-height: 1.5;}

.mission span {font-weight:700; font-size:19px; margin-bottom:5px; display:block;}
.mission {position:relative; overflow:hidden; padding-bottom:40px; margin-bottom:40px; border-bottom:1px solid #ddd;}
.mission .ms_title {width:795px; font-size:18px;}
.mission .ms_title,
.mission .award {display:inline-block; vertical-align:middle;}
.mission .award {text-align:center;}
.mission .award p {font-weight:700; padding-top:10px;}
.card_news {overflow:hidden;}
.card_news li {float:left; width:490px; margin:0 20px 20px 0;}
.card_news li img {width:100%;}
.card_news li:nth-child(2n) {margin-right:0;}

.shareLists {flex-wrap:wrap;}
.shareLists li {width: 48%;}

.backgrounds_img {flex-wrap:wrap; display:flex;}
.backgrounds_img li {width:40%; margin:0 20px 20px 0;}
.backgrounds_img li:nth-child(2n) {margin-right: 0;}

.prints {display: flex;}

.kims_wrap {display: flex; align-items: center;}
.kims_logo {text-align: center;}
/* .kims_logo .numbering {line-height: 1.4;} */


.vods_wrap {display: flex; flex-wrap: wrap; justify-content: center;}
.vods_wrap li {width:30%; text-align: left;}
.vods_wrap li:nth-child(2n) {margin-right:20px; margin-left:20px;}
.vods_wrap li video {width:100%;}
.vods_wrap li p {margin-top: 10px;}

/*
.awards {overflow:hidden; border:1px solid #ddd; padding:20px 0 30px 0;}
.awards li {text-align:center; float:left; width:33.3333333%;}
.awards li p {font-weight:700; padding-top:10px;}*/