@charset "utf-8";

html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, a, em, img, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; font-size:100%}
body {min-width:100%;font-size:13px; font-family:'NanumBarunGothic','NanumBarunGothicOTF','나눔바른고딕','나눔바른고딕OTF', 'Nanum Barun Gothic', 'Malgun Gothic','맑은 고딕','NanumGothic','NanumGothicOTF', '나눔고딕','나눔고딕OTF',sans-serif;}
input,textarea,select {font-size:14px; font-family:'NanumBarunGothic','NanumBarunGothicOTF','나눔바른고딕','나눔바른고딕OTF', 'Nanum Barun Gothic', 'Malgun Gothic','맑은 고딕','NanumGothic','NanumGothicOTF', '나눔고딕','나눔고딕OTF',sans-serif;}
dl,ul,ol {list-style:none;}
fieldset, img {border:none;}
img {vertical-align:top;}
hr {display:none;}
input,textarea,select {font-size:14px; font-family:'Nanum Barun Gothic', '돋움', Dotum, '굴림', Gulim,Verdana,Arial,AppleGothic,sans-serif;}
button {overflow:visible; margin:0; padding:0; border:0; background:transparent; cursor:pointer;}
table {width:100%; border-spacing:0; empty-cells:show;}
legend, caption {display:none;}
em, address {font-style:normal;}
a {color:#000000; text-decoration:none;}
a:hover,a:active {color:#1876ea; text-decoration:underline;}
header, footer, aside, nav, section, article {display:block;}
/* 공통 */
#pop_wrap:after,
.pop-body:after {clear:both; display:block; content:' ';}

/*pop_wrap*/
#pop_wrap {width:100%; margin:0 auto;}
.title-sty01 {position:relative;}
.title-sty01 h1 {padding-bottom:20px; border-bottom:1px solid #323232;}
.title-sty01 .btn_sty03 {position:absolute; top:0; right:0;}

.h2-title-sty {padding-bottom:15px; margin-bottom:20px; border-bottom:1px solid #323232;}
.h2-title-sty h2 {margin-bottom:10px; font-size:24px; line-height:30px; text-align:left; color:#222222;}
.h2-title-sty p {position:relative; font-size:13px; line-height:18px; color:#555555;}
.h2-title-sty p span {padding-right:10px;}
.h2-title-sty p span.category-name {position:absolute; top:0; right:0; color:#467bba; font-size:13px; font-weight:bold;}

.pop-box-sty01 {margin:33px 42px 42px;}
.pop-box-sty02 {margin:18px 25px 22px;}
.pop-box-sty03 {margin:18px 25px 20px;}

.mail-box {overflow:hidden; padding:50px; border-bottom:1px solid #d8d8d8; background:#f9f9f9;}
.mail-box .box-input {float:left;}
.mail-box .box-input p {overflow:hidden; margin-top:-1px;}
.mail-box .box-input label {display:block; float:left; width:80px; font-size:15px; line-height:40px; color:#222222;}
.mail-box .box-input input {display:block; float:left; width:220px; height:38px; padding:0 10px; border:1px solid #c7c7c7; background:#ffffff; font-size:13px; line-height:38px; color:#777777;}
.mail-box .btn-send {float:left; margin-top:-1px;}

.printing-box {height:390px; overflow-x:hidden; overflow-y:scroll; border-bottom:2px solid #323232; padding-bottom:20px; position:relative;/* for IE7 scroll bug */}
.printing-box .news-printing {overflow:hidden; margin-right:25px;}
.pop-news .news-printing .news-article {min-height:180px; padding-top:10px;}
.pop-news .news-printing .news-article .thumb {position:relative; float:left; width:320px; height:180px; margin:0px 15px 10px 0;}
.pop-news .news-printing .news-article .thumb img {width:320px; height:180px;}
.printing-box .view_cnt .article {padding: 0 40px 38px 0;font-size: 15px; line-height:170%;color: #444;}

.pop-container {padding:17px 25px 20px;}
.pop-container .vod-tit {padding:20px 0;}
.pop-container .vod-tit h2 {padding:0 0 17px; color:#222; font-size:24px; text-align:left; line-height:1;}
.pop-container .vod-tit p {color:#555; font-size:13px;}
.pop-container .vod-tit p span {margin-right:17px;}

.pop-scroll {overflow:hidden; overflow-y:scroll;}
.pop-scroll.h510 {height:510px;}

.pop-organization .datatable table td {padding:12px;}
.pop-organization .datatable table td.lt {padding-left:45px;}


/********* add 협업 css *********/
#cowork_wrap{ min-width:200px;min-height:112px; margin:0px auto}
.cowork_bodybg{ padding:0px; margin:0px;background:url(../../images/common/cowork_back.gif) repeat;}
.cowork_title{margin:5px 0px 20px 0px;}
.cowork_title h1{ display:inline-block; margin-top:16px; vertical-align:top;}
.cowork_title h2{display:inline-block; margin:10px 0px 0 20px; font-size:20px; color:#555;}
.cowork_title .coworkline{display:block; margin-top:10px; border-bottom:2px solid #d7d5d6;}
.cowork_video{position:relative; min-height:112px;}
.video {position:relative; padding-bottom:56.25%; height:0; overflow:hidden;}
.video iframe, .video object, .video embed{position:absolute; top:0; left:0; width:100%; height:100%;}

.cowork_blackscreen{position:absolute; top:0px; left:0px; z-index:1; width:100%; height:100%; background:url(../../images/common/cowork_end.gif) repeat;text-align:center;vertical-align:middle;}
.cowork_blackscreen .bg1{position:absolute; top:0px; left:0px;width:134px; height:145px;background:url(../../images/common/cowork_bg1.png) no-repeat;}
.cowork_blackscreen .bg2{position:absolute; bottom:0px; right:0px;width:134px; height:135px;background:url(../../images/common/cowork_bg2.png) no-repeat 0 0;}
.cowork_blackscreen img{position:absolute; top:50%; left:50%; width:162px; height:147px; margin-left:-80px; margin-top:-75px;}
.point_color{color:#e72e35;}

.cowork_firstscreen{position:absolute; top:0px; left:0px; z-index:1; width:100%; height:100%; background:url(../../images/common/cowork_first.png) repeat;text-align:center;vertical-align:middle;}
.cowork_firstscreen .bg1{position:absolute; top:0px; left:0px;width:134px; height:145px;background:url(../../images/common/cowork_bgf1.png) no-repeat;}
.cowork_firstscreen .bg2{position:absolute; bottom:0px; right:0px;width:134px; height:135px;background:url(../../images/common/cowork_bgf2.png) no-repeat 0 0;}
.cowork_firstscreen img{position:absolute; top:50%; left:50%; width:162px; height:147px; margin-left:-80px; margin-top:-75px;}

/* add-moblie */
.m_cowork_title{margin:20px 0px;}
.m_cowork_title h1{ display:block; margin-bottom:10px; vertical-align:top; text-align:center;}
.m_cowork_title h2{display:block; font-size:20px; color:#555; line-height:25px;}
.m_cowork_title .coworkline{display:block; margin-top:5px; border-bottom:2px solid #d7d5d6;}

/* add 협업button */
.btn_ty1 { display:inline-block; vertical-align:top;  background:#04adbf; padding-right:15px; color:#fff !important; padding:9px 13px 7px 13px; line-height:normal; text-align:center;}
.btn_ty1:hover, .btn_ty1:active, .btn_ty1:focus { text-decoration:underline; color:#fff !important; background:#006d79;}
.btn_ty2 { display:inline-block; vertical-align:top;  background:#d94e4e; padding-right:15px; color:#fff !important; padding:9px 13px 7px 13px; line-height:normal;}
.btn_ty2:hover, .btn_ty2:active, .btn_ty2:focus { text-decoration:underline; color:#fff !important; background:#b71515;}
.btn_ty3 { display:inline-block; vertical-align:top;  background:#6c6c6c; padding-right:15px; color:#fff !important; padding:9px 13px 7px 13px; line-height:normal;}
.btn_ty3:hover, .btn_ty3:active, .btn_ty3:focus { text-decoration:underline; color:#fff !important; background:#404040;}