@charset "utf-8";
/* @import "nanumgothic.css"; */

@font-face{
	font-family : 'yunGothic';
	font-style: normal;
	src: url(../../font/yunGothic330.woff) format('woff');
}


/* 폰트, color는 디자인가이드에 맞게사용 */
body {font-family:'yunGothic','yunGothic', font-size: 0.86em;} 
input, button, select, textarea {font-family:'yunGothic','yunGothic', 'NanumGothic', '돋움', Dotum, Helvetica, 'Apple SD Gothic Neo', Sans-serif; font-size: 12px;}



/* hidden */
.hidden {display: block; position: absolute; overflow: hidden; top: -999999px; left: -999999px; width: 1px; height: 1px; font-size: 0; text-indent: -999999px; line-height: 0;}

 

/* button area */
.btn {display: inline-block; vertical-align: bottom;}
.btn img {border: 0; vertical-align: middle;}
.btn:hover {text-decoration: none;}


.btn.homepage,
.btn.logout {font-family:'yunGothic','NanumGothic', '돋움', Dotum, Helvetica, 'Apple SD Gothic Neo', Sans-serif;}

.btn.homepage {height: 22px; padding: 0 7px; border: 1px solid #686868; font-size: 11px; color: #ffffff; line-height: 24px; background-color: #565656;}
.btn.logout {height: 22px; padding: 0 7px; border: 1px solid #686868; font-size: 11px; color: #ffffff; line-height: 24px; background-color: #3a3a3a;}

.btn.done {
    height: 20px; padding: 2px 6px 0; border: 1px solid #b4b4b4; font-size: 12px; line-height: 20px; color: #333333; text-align: center; letter-spacing: -0.06em;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background-color: #f2f2f2;
    }


/*
 * 조건부 검색 시 쓰는 버튼
 * 상위메뉴 등 기본적인 버튼 : basic
 * 미리보기 : basic look
 */
button.btn.basic {height: 36px;}
a.btn.basic {height: 34px;}
.btn.basic {padding: 0 22px; border: 1px solid #bfbfbf; font-family:'yunGothic','Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; font-weight: bold; font-size: 13px; line-height: 35px; color: #515151; text-align: center; letter-spacing: -0.04em; background-color: #fafafa;}
	.btn.basic span {display: block; text-align: left;}
	.btn.basic span.look {padding-right: 22px; background: url('../../images/front/icon/icon_link.png') no-repeat right 11px;}


/*
 * 조건부 검색 시 쓰는 버튼
 * 검색 : sch
 * 전체보기 : clear
 */
.search_area .btn.sch,
.search_area .btn.clear {width: 71px; height: 27px; font-family:'yunGothic','Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; font-size: 13px; font-weight: bold; text-align: center; line-height: 27px; color: #ffffff;}
.search_area .btn.sch {background-color: #0060af;}
.search_area .btn.clear {background-color: #686868;}


/*
 * 문자발송, 메일발송 버튼 : sns
 * 
 */
.btn.sns {width: 134px; height: 34px; border: 1px solid #bfbfbf; font-family:'yunGothic','Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; font-size: 13px; font-weight: bold; color: #515151; text-align: center; line-height: 35px; background-color: #e8e8e8;}
	.btn.sns span {display: block; text-align: left;}
	.btn.sns span.icon_sms {padding-left: 53px; background: url('../../images/front/icon/icon_sms.png') no-repeat 31px 11px;}
	.btn.sns span.icon_mail {padding-left: 56px; background: url('../../images/front/icon/icon_mail.png') no-repeat 29px 12px;}
button.btn.upper {height: 27px;}
a.btn.upper {height: 25px;}
.btn.upper {
	padding: 0 15px; border: 1px solid #bababa; font-family:'yunGothic','Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; font-size: 13px; color: #606060;
	background: #f5f5f5;
	background: -moz-linear-gradient(top,  #ffffff 0%, #f5f5f5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%, #f5f5f5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%, #f5f5f5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0 ); /* IE6-9 */
	}


/*
 * table 검색 버튼 : schtable
 * active한 버튼 : acti
 * 노멀한 버튼 : none
 */
button.btn.schtable,
button.btn.acti,
button.btn.none {height: 25px;}
a.btn.schtable,
a.btn.acti,
a.btn.none {height: 23px;}
.btn.schtable {
	padding: 0 17px; border: 1px solid #3793c8; font-family:'yunGothic','Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; font-size: 13px; font-weight: bold; text-align: center; color: #4d4d4d; line-height: 24px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	}
.btn.acti {
	padding: 0 14px; border: 1px solid #0074b5; font-family:'yunGothic','Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; font-size: 12px; font-weight: bold; text-align: center; color: #ffffff; line-height: 24px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-color: #0074b5;
	}
.btn.none {
	padding: 0 14px; border: 1px solid #939292; font-family:'yunGothic','Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; font-size: 12px; font-weight: bold; text-align: center; color: #4d4d4d; line-height: 24px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-color: #fefefe;
	}


/*
 * table안에 있는 버튼 
 * 보기 : look
 * active한 버튼 : active
 * 노멀한 버튼 : nomal
 */
button.btn.look,
button.btn.active,
button.btn.nomal {height: 22px;}
a.btn.look,
a.btn.active,
a.btn.nomal {height: 20px;}
a.btn.look:hover,
a.btn.active:hover,
a.btn.nomal:hover {text-decoration: none;}
.btn.look {
	padding: 0 10px; border: 1px solid #bababa; font-family:'yunGothic','Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; font-size: 12px; color: #515151; line-height: 20px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	background: #f5f5f5;
	background: -moz-linear-gradient(top,  #ffffff 0%, #f5f5f5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%, #f5f5f5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%, #f5f5f5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0 ); /* IE6-9 */
	}
.btn.active {
	padding: 0 10px; border: 1px solid #3793c8; font-family:'yunGothic','Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; font-size: 12px; color: #515151; line-height: 20px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	}
	.btn.active.searchs {padding-left: 24px; background: url('../../images/front/icon/icon_searchs.png') no-repeat 10px 5px;}
.btn.nomal {
	padding: 0 10px; border: 1px solid #b1b1b1; font-family:'yunGothic','Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; font-size: 12px; color: #515151; line-height: 20px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	}


/* 
 * 목록 : list
 * 저장, 수정, 등록, 추가 : save
 * 취소, 삭제 : cancel
 */
button.btn.list,
button.btn.write,
button.btn.save,
button.btn.cancel {display: inline-block; height: 26px; padding: 0 13px; font-family:'yunGothic','Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; font-size: 13px; font-weight: bold;}
a.btn.list,
a.btn.write,
a.btn.save,
a.btn.cancel {display: inline-block; height: 24px; padding: 0 13px; font-family:'yunGothic','Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; font-size: 13px; font-weight: bold; line-height: 24px;}
.btn.list {border: 1px solid #d5d5d5; color: #5f5f5f; text-align: center; background-color: #ffffff;}
.btn.write {border: 1px solid #d5d5d5; color: #5f5f5f; text-align: center; background-color: #ffffff;}
.btn.save {border: 1px solid #d5d5d5; color: #5f5f5f; text-align: center; background-color: #ffffff;}
.btn.cancel {border: 1px solid #d5d5d5; color: #5f5f5f; text-align: center; background-color: #ffffff;}


/* 
 * 20160921 박태훈 추가
 * 파란테두리 버튼 (목록) : blue_button_s
 * 파란테두리 긴 버튼 (저장,취소,확인) 주로 회원가입부분 : blue_button_l
 * 다크그레이 색상 버튼 (중복확인) 테이블안에 들어감 : darkgray_button_s
 * 다크그레이 색상 버튼2 로그인부분에 들어감 : darkgray_button_l
 * 다크그레이 색상 버튼3 다운로드 : darkgray_button_down
 * 오렌지 색상 버튼 : orange_button
 */
.button_area {overflow: hidden;}

button.btn.blue_button_s {display: inline-block; height: 35px; padding: 0 35px; font-family:'yunGothic','Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; font-size: 14px; font-weight: bold;}
a.btn.blue_button_s {display: inline-block; height: 33px; padding: 0 35px; font-family:'yunGothic','Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; font-size: 14px; font-weight: bold; line-height: 33px;}
.btn.blue_button_s {border: 1px solid #275c92; color: #275c92; text-align: center; background-color: #ffffff;}

button.btn.blue_button_l {display: inline-block; width: 162px; height: 35px; font-family:'yunGothic','Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; font-size: 14px; font-weight: bold;}
a.btn.blue_button_l {display: inline-block; width: 160px; height: 33px; font-family:'yunGothic','Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; font-size: 14px; font-weight: bold; line-height: 33px;}
.btn.blue_button_l {border: 1px solid #275c92; color: #275c92; text-align: center; background-color: #ffffff;}

button.btn.darkgray_button_s {display: inline-block; height: 25px; padding: 0 20px; font-family:'yunGothic','Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; font-size: 13px; font-weight: bold;}
a.btn.darkgray_button_s {display: inline-block; height: 23px; padding: 0 20px; font-family:'yunGothic','Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; font-size: 13px; font-weight: bold; line-height: 23px;}
.btn.darkgray_button_s {border: 1px solid #535353; color: #ffffff; text-align: center; background-color: #535353;}

button.btn.darkgray_button_l {display: inline-block; width: 101px; height: 30px; font-family:'yunGothic','Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; font-size: 13px; font-weight: bold;}
a.btn.darkgray_button_l {display: inline-block; width: 99px; height: 28px; font-family:'yunGothic','Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; font-size: 13px; font-weight: bold; line-height: 28px;}
.btn.darkgray_button_l {border: 1px solid #535353; color: #ffffff; text-align: center; background-color: #535353;}

button.btn.darkgray_button_down {display: inline-block; height: 25px; padding: 0 19px; font-family:'yunGothic','Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; font-size: 13px; font-weight: bold;}
a.btn.darkgray_button_down {display: inline-block; height: 23px; padding: 0 19px; font-family:'yunGothic','Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; font-size: 13px; font-weight: bold; line-height: 23px;}
	a.btn.darkgray_button_down span.icon_arrow {padding-right: 13px; background: url('../../images/front/icon/icon_arrowr2.png') no-repeat right 2px;}
.btn.darkgray_button_down {border: 1px solid #595656; color: #ffffff; text-align: center; background-color: #535353;}

button.btn.orange_button {display: inline-block; height: 25px; padding: 0 17px; font-family:'yunGothic','Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; font-size: 13px; font-weight: bold;}
a.btn.orange_button {display: inline-block; height: 23px; padding: 0 17px; font-family:'yunGothic','Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; font-size: 13px; font-weight: bold; line-height: 23px;}
	a.btn.orange_button span.icon_arrow {padding-right: 13px; background: url('../../images/front/icon/icon_arrowr2.png') no-repeat right 2px;}
.btn.orange_button {border: 1px solid #f68121; color: #ffffff; text-align: center; background-color: #f68121;}

button.btn.link {height: 20px; font-family:'yunGothic','Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif;}
.btn.link {
    height: 17px; padding: 1px 4px 0; border: 1px solid #cdcdcd; font-size: 11px; color: #575757; line-height: 18px; text-align: center;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    background-color: #ffffff;
    }
    
/* input & Select Type */
textarea {text-align: left; text-indent: 3px; line-height: 1.4em;}
p {line-height: 1.5em; text-align: left;}
select {height: 27px; border: 1px solid #d5d5d5; text-align: left; text-indent: 1px;}
input {display: inline-block; display: inline; vertical-align: middle;}
/* input[type=text] {height: 27px; font-size: 100%; text-indent: 1px; line-height: 27px; text-align: left;}
input {border: expression((this.type=='text')?'0px':''); height: 27px; font-size: 100%; text-indent: 1px; line-height: 27px; text-align: left;} */
input[type=text] {border: 1px solid #d5d5d5; height: 27px; font-size: 100%; text-indent: 1px; line-height: 27px; text-align: left;}
input {height: 27px; font-size: 100%; text-indent: 1px; line-height: 27px; text-align: left;}
input[type=text].alignc {text-align: center;}
    .in_wp40 {width: 40px; border: 1px solid #d5d5d5;}
    .in_wp50 {width: 50px; border: 1px solid #d5d5d5;}
    .in_wp60 {width: 60px; border: 1px solid #d5d5d5;}
    .in_wp70 {width: 70px; border: 1px solid #d5d5d5;}
    .in_wp80 {width: 80px; border: 1px solid #d5d5d5;}
    .in_wp90 {width: 90px; border: 1px solid #d5d5d5;}
    .in_wp100 {width: 100px; border: 1px solid #d5d5d5;}
    .in_wp110 {width: 110px; border: 1px solid #d5d5d5;}
    .in_wp120 {width: 120px; border: 1px solid #d5d5d5;}
    .in_wp130 {width: 130px; border: 1px solid #d5d5d5;}
    .in_wp140 {width: 140px; border: 1px solid #d5d5d5;}
    .in_wp150 {width: 150px; border: 1px solid #d5d5d5;}
    .in_wp160 {width: 160px; border: 1px solid #d5d5d5;}
    .in_wp170 {width: 170px; border: 1px solid #d5d5d5;}
    .in_wp180 {width: 180px; border: 1px solid #d5d5d5;}
    .in_wp190 {width: 190px; border: 1px solid #d5d5d5;}
    .in_wp200 {width: 200px; border: 1px solid #d5d5d5;}
    .in_wp250 {width: 250px; border: 1px solid #d5d5d5;}
    .in_wp270 {width: 270px; border: 1px solid #d5d5d5;}
    .in_wp300 {width: 300px; border: 1px solid #d5d5d5;}
    .in_wp400 {width: 400px; border: 1px solid #d5d5d5;}
    .in_wp500 {width: 500px; border: 1px solid #d5d5d5;}
    .in_wp600 {width: 600px; border: 1px solid #d5d5d5;}
    .in_w15 {width: 15%; border: 1px solid #d5d5d5;}
    .in_w20 {width: 20%; border: 1px solid #d5d5d5;}
    .in_w25 {width: 25%; border: 1px solid #d5d5d5;}
    .in_w30 {width: 30%; border: 1px solid #d5d5d5;}
    .in_w33 {width: 33%; border: 1px solid #d5d5d5;}
    .in_w35 {width: 35%; border: 1px solid #d5d5d5;}
    .in_w39 {width: 39%; border: 1px solid #d5d5d5;}
    .in_w40 {width: 40%; border: 1px solid #d5d5d5;}
    .in_w45 {width: 45%; border: 1px solid #d5d5d5;}
    .in_w50 {width: 50%; border: 1px solid #d5d5d5;}
    .in_w60 {width: 60%; border: 1px solid #d5d5d5;}
    .in_w70 {width: 70%; border: 1px solid #d5d5d5;}
    .in_w80 {width: 80%; border: 1px solid #d5d5d5;}
    .in_w90 {width: 90%; border: 1px solid #d5d5d5;}
    .in_w93 {width: 93%; border: 1px solid #d5d5d5;}
    .in_w95 {width: 95%; border: 1px solid #d5d5d5;}
    .in_w98 {width: 98%; border: 1px solid #d5d5d5;}
    .in_w100 {width: 99.4%; border: 1px solid #d5d5d5;}
    .height23 {height: 23px;}
    


/* margin & padding */
.marginl3 {margin-left: 3px;}
.marginl5 {margin-left: 5px;}
.marginl10 {margin-left: 10px;}
.marginl12 {margin-left: 12px;}
.marginl15 {margin-left: 15px;}
.marginl20 {margin-left: 20px;}
.marginl22 {margin-left: 22px;}
.marginl25 {margin-left: 25px;}
.marginl40 {margin-left: 40px;}
.marginml5 {margin-left: -5px;}
.marginr3 {margin-right: 3px;}
.marginr5 {margin-right: 5px;}
.marginr10 {margin-right: 10px;}
.marginr20 {margin-right: 20px;}
.marginmt2 {margin-top: -2px;}
.margintm5 {margin-top: -5px;}
.margintm10 {margin-top: -10px;}
.margintm20 {margin-top: -20px;}

.margint2 {margin-top: 2px;}
.margint3 {margin-top: 3px;}
.margint5 {margin-top: 5px;}
.margint6 {margin-top: 6px;}
.margint10 {margin-top: 10px;}
.margint15 {margin-top: 15px;}
.margint20 {margin-top: 20px;}
.margint26 {margin-top: 26px;}
.margint30 {margin-top: 30px;}
.margint40 {margin-top: 40px;}
.margint49 {margin-top: 49px;}
.margint50 {margin-top: 50px;}
.marginb5 {margin-bottom: 5px;}
.marginb8 {margin-bottom: 8px;}
.marginb10 {margin-bottom: 10px;}
.marginb12 {margin-bottom: 12px;}
.marginb15 {margin-bottom: 15px;}
.marginb20 {margin-bottom: 20px;}
.marginb30 {margin-bottom: 30px;}
.marginb40 {margin-bottom: 40px;}
.marginb50 {margin-bottom: 50px;}
.marginb60 {margin-bottom: 60px;}
.marginb70 {margin-bottom: 70px;}

.margin5 {margin: 5px;}

.pad5 {padding: 5px;}
.pad510 {padding: 5px 10px;}
.padt5 {padding-top: 8px;}
.padt6 {padding-top: 6px;}
.padt52 {padding-top: 52px;}
.padl5 {padding-left: 5px;}
.padl10 {padding-left: 10px;}
.padl15 {padding-left: 15px;}
.padt10 {padding-top: 10px;}
.pad105 {padding: 10px 10px 5px;}


/* a css */
a {cursor: pointer;}
a,
a:link,
a:visited {text-decoration: none;}
a:hover {text-decoration: underline;}


/* align */
.alignl {text-align: left;}
.alignr {text-align: right;}
.alignc {text-align: center;}

.float_left {float: left;}
.float_right {float: right;}
.ableft {position: absolute; left: 0; top: 0;}
.abright {position: absolute; right: 0; top: 0;}

.vertical_top {vertical-align: top;}

/* color */
.color_none {color: #4d4d4d;}
.color_point {color: #005bac;}
.color_pointr {color: #ff0000;}
.color_pointg {color: #21872d;}
.color_pointo {color: #ff6600;}
.color_pointgr {color: #8bc138;}
.color_pointgy {color: #777777;}
.bold {font-weight: bold;}

.important_txt {display: inline-block; margin-top: 1px; font-size: 15px; color: #ff0000; vertical-align: middle;}
.important_txt1 {display: inline-block; margin-top: -1px; font-size: 12px; color: #ff0000; vertical-align: middle;}
.important_txt2 {padding-left: 15px; font-size: 12px; color: #626262; line-height: 1.5em; background: url('../../images/front/icon/icon_important.png') no-repeat 1px 6px;}
	table td .important_txt2 {padding-top: 3px; background-position-y: 7px;}



/* skip */
.skip_nav {height: 0;}
    .skip_nav a {display: block; position: absolute; left: 0; top: -100px; width: 100%; height: 1px; text-align: center;}
    .skip_nav a:focus,
    .skip a:active {position: absolute; top: 0; z-index: 120; height: 25px; padding: 10px 0; font-size: 1.4em; font-weight: 700; color: #36348f; background: #fff;}



/* block */
.theblock {display: block;}
.inblock {display: inline-block;}



/* area */
.division {overflow: hidden;}
.division20 {overflow: hidden; margin-bottom: 20px;}
.division30 {overflow: hidden; margin-bottom: 30px;}
.division40 {overflow: hidden; margin-bottom: 40px;}
.division50 {overflow: hidden; margin-bottom: 50px;}
.table_area {overflow: hidden; margin-bottom: 30px;}
.float_left {float: left;}
.float_right {float: right;}
.file_area + .file_area {margin-top: 8px;}
.editor_area {overflow: hidden;}
.half_area {overflow: hidden; float: left; width: 50%;}
.area30 {float: left; width: 30%;}
.area35 {float: left; width: 35%;}
.area40 {float: left; width: 40%;}
.area45 {float: left; width: 45%;}
.area50 {float: left; width: 50%;}
.area55 {float: left; width: 55%;}
.area60 {float: left; width: 60%;}
.area65 {float: left; width: 65%;}
.area70 {float: left; width: 70%;}
.area_xscroll {overflow-x: auto; min-width: 730px;} /* 가로 스크롤 레이아웃 */

.select_area {overflow: hidden; padding: 8px 10px; border: 1px solid #dedede;} /* border area */
.select_area strong.title {font-family:'yunGothic','Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; font-weight: bold; font-size: 13px;}
.select_area span.txt {font-family:'yunGothic','Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; font-size: 13px;}

/* 아코디언 */
div.faq_title {overflow: hidden; padding: 15px 0; text-align: center; border-top: 2px solid #0067b4;}
	div.faq_title strong {font-size: 13px; color: #333333;}
	ul.faqBody { overflow: hidden; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; }
	ul.faqBody li:first-child { border-top: 0; }
	ul.faqBody li { border-top: 1px solid #e5e5e5; list-style: none; }
	ul.faqBody li.show div.question {background-color: #275c92;}
	ul.faqBody li.show div.question a {color:#ffffff;}
	ul.faqBody li a { display: block; padding: 15px 25px; color: #333333; font-size: 13px; font-weight: bold; font-family:'yunGothic','Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; }
	ul.faqBody li a:hover {color: #0067b4;}
	ul.faqBody li div.question {overflow: hidden; background-color: #ffffff; }
	ul.faqBody li div.answer {overflow: hidden; border-top: 1px solid #dcdcdc; font-size: 13px; background-color: #f7f7f7;}
	ul.faqBody li div.answer p {padding: 15px 25px 20px; margin-left: 15px; line-height: 1.6em; }
	ul.faqBody li div.answer ul {padding: 0px 25px 20px; margin-left: 15px; line-height: 1.6em; }
	ul.faqBody li div.answer ul li {border: 0px;}

/* JATS XML 버튼 */
.btn-doira-link {font-size: 11px !important;margin-top: 0;padding: 0 3px !important;}
.btn-doira-link {border-color: #0066b3;background-color: transparent;transition: all .5s;color: #0066b3 !important;display: inline-block;padding: 0px 6px;margin-top: 0px;
	font-weight: 400;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;
	-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid #0066b3;text-decoration: none;border-radius: 4px;
}
.btn-doira-link:hover {background-color: #0066b3;color: white !important;text-decoration: none;}

.btn-doira-link2 {font-size: 12px !important;margin-top: 0;padding: 0 3px !important;}
.btn-doira-link2 {border-color: #0066b3;background-color: transparent;transition: all .5s;color: #0066b3 !important;display: inline-block;padding: 0px 6px;margin-top: 0px;
	font-weight: 400;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;
	-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid #0066b3;text-decoration: none;border-radius: 4px;
}
.btn-doira-link2:hover {background-color: #0066b3;color: white !important;text-decoration: none;}