@charset "utf-8";

/* body, th, td, input, select, textarea{color:#5b5b5b;}
a:link,
a:hover,
a:visited{text-decoration:none;} */

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	Heading

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
h4, h5, h6{/* font-family:"Nanum Square"; */}
h4, .h4{margin: 1.78em 0 0.72em 0; padding-left: 0.9em; color:#222E3C; font-weight: 500; font-size: 1.75em; letter-spacing: -0.05em; line-height: 1.215; box-sizing:border-box;}
h4:first-child, .h4:first-child{margin-top: 0;}
h5, .h5{margin: 2.63em 0 1.26em 0; color:#222E3C; font-weight: 500; font-size: 1.1875em; letter-spacing: -0.05em;}
h5:first-child, .h5:first-child, h4+h5{margin-top: 0;}
h6, .h6{margin: 1.5em 0 0.5em 0; font-weight: 500; font-size: 1em; color: #222E3C;}

h4:after, .h4:after{
    content:""; position:absolute; top:0.4em; left:0; width:14px; height:14px; border: 4px solid #46644C; box-sizing: border-box;
    border-radius: 50%; -webkit-border-radius: 50%;
}

@media screen and (max-width:1024px){
    h4, .h4{font-size:1.34em;}
    h4:after, .h4:after{top:0.35em; width:12px; height:12px; border-width: 3px;}
    h5, .h5{font-size: 1.15em;}
}

@media screen and (max-width:640px){
	h4, .h4{font-size:1.3em;}
	h4:after, .h4:after{width:10px; height:10px; border-width: 3px;}
	h5, .h5{}
}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	btn style

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
[data-skin="btn"]{display:inline-block;min-width: 6.4em;padding: 0 1.3em;background-color:#46644C;border-width:1px;border-style: solid;border-color: #46644C;text-decoration:none;text-align:center;color:#fff;font-weight: 400;font-size: 1.0625em; line-height: 2.6; letter-spacing: -0.05em; box-sizing: border-box;}
[data-skin="btn"]:hover{
	text-decoration:none; background-color:#fff; color: #46644C; font-weight: 400;border-width:1px;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease; -webkit-transition: background-color 0.2s ease. border-color 0.2s ease, color 0.2s ease;
}
/*바로가기*/
[data-skin="btn"][data-type="arrow"]{position: relative;}
[data-skin="btn"][data-type="arrow"]:after{content: ">"; display: inline-block; margin-left: 0.4em;}
/*다운로드*/
[data-skin="btn"][data-type="down"]{position: relative;}
[data-skin="btn"][data-type="down"]:after{content: "";display: inline-block;width: 1.25em;height: 1.25em;margin-left: 0.2em;background: url(../../../images/site/skin/icon_down.svg) no-repeat center top -0.05em;background-size: contain;vertical-align: text-bottom;}
[data-skin="btn"][data-type="down"]:hover:after{background-image: url(../../../images/site/skin/icon_down_ov.svg);}
[data-skin="btn"][data-type="down"][data-color="2"]:after{background-image: url(../../../images/site/skin/icon_down2.svg);}
[data-skin="btn"][data-type="down"][data-color="2"]:hover:after{background-image: url(../../../images/site/skin/icon_down.svg);}

/*컬러*/
[data-skin="btn"][data-color="2"]{background-color:#EBEBE0; color: #222E3C; border-color: #EBEBE0;}
[data-skin="btn"][data-color="2"]:hover{border-color: #222E3C; background-color: #222E3C; color: #fff;}
[data-skin="btn"][data-color="3"]{background-color:#C3A57A; border-color: #C3A57A; background-color:#C3A57A;}
[data-skin="btn"][data-color="3"]:hover{}

/*새창이동*/
._blank{position: relative; display: inline-block; box-sizing: border-box; color: #297111; text-decoration: underline !important; text-underline-position: under;}
._blank:hover,
._blank:active{text-decoration: underline; text-underline-position: under;}
._blank:after{content: ""; display: inline-block; width: 1em; height: 1.5em; margin-left: 0.2em; background: url(../../../images/site/skin/new_blank.svg) no-repeat top 0.6em center; background-size: 0.9em 0.9em; }
[data-skin="list"]>li>._blank:after{height: 1em;background-position: top 0.1em center;}

@media screen and (max-width:1024px){
    [data-skin="btn"]{padding: 0 1.3em;}
}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	Tab
	
/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.tab_wrap .tab_btn{}
.tab_wrap .tab_btn>.title{display: none;}
.tab_wrap .tab_btn ul{display: table; table-layout: fixed; width: 100%; background-color: #EBEBE0;}
.tab_wrap .tab_btn ul li{position: relative; display: table-cell; vertical-align: middle; text-align: center;}
.tab_wrap .tab_btn ul li a{display: inline-block; width: 100%; padding: 1.032em 1em; text-decoration: none; box-sizing: border-box;}
.tab_wrap .tab_btn ul li a.on{background: url(../../../images/site/skin/tabbtn_bg.jpg) no-repeat center center; background-size: cover; color: #fff;}
.tab_wrap .tab_btn ul li a:before{content: ""; position: absolute; top: 0; right: 0; display: block; width: 1px; height: 100%; background-color: #F6F6F6;}
.tab_wrap .tab_btn ul li:last-child a:before,
.tab_wrap .tab_btn ul li a.on:before{display: none;}
.tab_wrap .tab_btn ul li a span,
.tab_wrap .tab_btn ul li a.on strong{font-size: 1.1875em;}
.tab_wrap .tab_btn ul li a span{font-weight: 500; color: #222E3C;}
.tab_wrap .tab_btn ul li a.on strong{font-weight: 400;}
.tab_wrap .tab_cont{display: none; padding: 4.3% 4.862%; background-color: #F6F6F6; box-sizing: border-box;}
.tab_wrap.board_tab{margin-bottom: 2em;}
.tab_wrap.board_tab .tab_cont{padding: 0; margin-top: 1.5em; background-color: transparent;}
.tab_wrap .tab_cont.on{display: block;}

.tab_wrap .tab_btn.select{overflow:hidden;}
.tab_wrap .tab_btn.select .title{display:block; border:none; background-color:#46644C; background-image:url(../../../images/site/skin/icon_tab.gif); background-repeat:no-repeat; background-position:center right 1em;}
.tab_wrap .tab_btn.select .title a{display:block; height:3.4em; line-height:3.4em; padding:0 2.3em 0 1em; font-size:1.1em; font-weight:400; text-decoration:none; color:#fff;}
.tab_wrap .tab_btn.select .title a strong{font-weight: 400;}
.tab_wrap .tab_btn.select ul{display:none; border:1px solid #dedede; box-sizing:border-box;}
.tab_wrap .tab_btn.select ul li{display:block;}
.tab_wrap .tab_btn.select ul li:not(:first-child){border-top:1px solid #dedede;}
.tab_wrap .tab_btn.select ul li a{width:100%; height:auto; line-height:3em; padding:0; background-color:#fff;}

.tab_wrap .tab_btn.select ul li a:hover,
.tab_wrap .tab_btn.select ul li a.on{background-color:#EBEBE0; background-image:none; color:#222;}
.tab_wrap .tab_btn.select ul li a.on strong,
.tab_wrap .tab_btn.select ul li a span{font-weight: 400; font-size: 1.15em;}

/*셀렉트변환탭*/
.js_tab{margin-bottom:1.3em;}
.js_tab .title{display:none;}
.js_tab ul{display: table; table-layout: fixed; width: 100%;}
.js_tab ul li{position: relative; display: table-cell; text-align: center;}
.js_tab ul li:not(:first-child){border-left:1px solid #fff;}
.js_tab ul li a{display:block; width:100%; padding:0.85em 1em; background:#EBEBE0; text-decoration:none; font-size:1.15em; color:#222E3C; box-sizing: border-box;}
.js_tab ul li.on a{background: url(../../../images/site/skin/tabbtn_bg.jpg) no-repeat center center; color: #fff;}

.js_tab.select{overflow:hidden;}
.js_tab.select .title{display:block; border:none; background-color:#46644C; background-image:url(../../../images/site/skin/icon_tab.gif); background-repeat:no-repeat; background-position:center right 1em;}
.js_tab.select .title a{display:block; height:3.4em; line-height:3.4em; padding:0 2.3em 0 1em; font-size:1.1em; font-weight:400; text-decoration:none; color:#fff;}
.js_tab.select ul{display:none; border:1px solid #dedede; box-sizing:border-box;}
.js_tab.select ul li{display:block;}
.js_tab.select ul li:not(:first-child){border-top:1px solid #dedede;}
.js_tab.select ul li a{width:100%; height:2.8em; line-height:2.8em; padding:0; background-color:#fff;}

.js_tab.select ul li a:hover,
.js_tab.select ul li.on a{background-color:#EBEBE0; background-image:none; color:#222;}

@media screen and (max-width:1024px){
    .tab_wrap .tab_cont{padding: 2em 4.862%;}
}

@media screen and (max-width:640px){
    .tab_wrap .tab_cont{padding: 1.5em;}
}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	list style

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
[data-skin="list"] > li{position:relative; padding-left:0.9em; box-sizing:border-box;}
[data-skin="list"] > li:not(:first-child),
[data-skin="list_num"] > li:not(:first-child){margin-top:0.3em;}
[data-skin="list"] > li:after{content:""; position:absolute; top:0.6em; left:0; width:5px; height:5px; background-color:#3C6A3C; border-radius:50%;}
[data-skin="list"][data-type="2"] > li:after{top: 0.8em; left: 0.1em; width: 0.4em; height: 1px; background-color:#555;}
[data-skin="list"][data-type="3"] > li{padding-left: 0;}
[data-skin="list"][data-type="3"] > li:after{display: none;}
[data-skin="list"][data-type="4"] > li{padding-left: 0.7em;}
[data-skin="list"][data-type="4"] > li:after{top:0.7em; left:0; width:3px; height:3px; background-color:#555;}

/*리스트와 리스트 사이 간격*/
[data-skin="list_num"] > li > ul,
[data-skin="list_num"] > li > ol,
[data-skin="list"] > li > ul,
[data-skin="list"] > li > ol{margin: 0.3em 0;}
[data-skin="list_num"] > li > ol,
[data-skin="list_num"] > li > ul{padding-left: 1.2em;}
[data-skin="list"] > li > ol > li:not(:first-child),
[data-skin="list"] > li > ul > li:not(:first-child),
[data-skin="list_num"] > li > ol > li:not(:first-child),
[data-skin="list_num"] > li > ul > li:not(:first-child){margin-top:0.3em;}
@media screen and (max-width:1024px){
	[data-skin="list"] > li:after{top: 0.5em;}
}
@media screen and (max-width:640px){
	[data-skin="list"] > li:after{top: 0.55em;}
}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	Table

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.caption{margin-top:-25px; margin-bottom:5px; text-align:right; font-size:14px; color:#636363;}

.table{width:100%; border-top:2px solid #46644C; border-bottom:2px solid #46644C; box-sizing: border-box;}
.table caption{font-size: 0; line-height: 0;}
.table th,
.table td{height: 3.45em; padding: 0.5em 1em; border-left:1px solid #C4C4C4; border-right:1px solid #C4C4C4; text-align:center; letter-spacing: -0.05em; line-height: 1.4; font-size: 1em; box-sizing: border-box;}
.table th{height: 3.3em; background-color: #EBEBE0; border-bottom:1px solid #C4C4C4; font-weight:400; color: #222E3C; letter-spacing: -0.05em; font-size: 1.1875em;}
.table td{border-bottom:1px solid #c6c6c6; color: #555;}
.table tr th:first-child,
.table tr td:first-child{border-left:none;}
.table tr th:last-child,
.table tr td:last-child{border-right:none;}

.table.ty_02 th{height: 3.3em; border-bottom:1px solid #C4C4C4; border-right:1px solid #C4C4C4;}

.table tr td input[type=text],
.table tr td input[type=password],
.table tr td textarea{width:100%; max-width:100%; height:2.8125em; margin:1px 0px; padding: 0 0.5em; vertical-align:middle; background-color: #F6F6F6; border: none; color: #222E3C; font-size: 1em; line-height: 1.5; box-sizing:border-box;}
.table tr td textarea{height:auto; line-height:22px;}
.table tr td input[type=text]::placeholder,
.table tr td input[type=password]::placeholder,
.table tr td textarea::placeholder{color: #222E3C;}
.table tr td .btn{vertical-align:middle;}

@media screen and (max-width:1024px){
    .table td{padding:0.65em 1em;}
    .table th{padding:0.8em 1em;}
}
@media screen and (max-width:720px){
	/*Table_Scroll*/
	.table_scroll {position:relative;}
	.table_scroll:before {content:"좌우로 터치해서 보세요."; font-size:13px; width:168px; margin:0 auto; box-sizing:border-box; padding:0 0 0 25px; line-height:25px; color:#46644C; display:block; background:url(../../../images/site/skin/scroll_ico.png) no-repeat left top; height:22px; background-size:auto 100%;}
	.table_scroll .move {overflow:auto; margin-top:10px;}
	.table_scroll .move .table{width:720px;}	
    .table_scroll .move.capt{position: relative; padding-top: 23px; margin-top: 0; box-sizing: border-box;}
    .table_scroll .move .caption{position: absolute; top: 0px; left: 0; width: 720px; margin-top: 0;}
}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	input style

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
input[type="text"],
input[type="password"]{height:35px; vertical-align:middle;}
input[type="text"].js_cal{width:110px !important;}
select{height:35px; line-height:35px; border-color:#cecece;}
textarea{width:100%;}

/*라디오버튼*/
.radio_btn:after{content:""; display:block; clear:both;}
.radio_btn li{position:relative; float:left; margin-right:15px; font-size:14px;}
.radio_btn input[type="radio"]{position:absolute; left:1px; top:5px; width:14px; height:14px;}
.radio_btn label{position:relative; display:inline-block; padding:0 0 0 22px; vertical-align:middle; cursor:pointer;}
.radio_btn input[type="radio"]:checked+label:before{opacity:1; -webkit-opacity:1; left:5px; top:7px; width:6px; height:6px;}
.radio_btn input[type="radio"]:checked+label:after{background:#dfdfdf; border:1px solid #dfdfdf;}
.radio_btn label:before{
	content:""; opacity:0; -webkit-opacity:0; position:absolute; left:8px; top:10px; z-index:5; display:block; width:0; height:0; background:#464040;
	transition:all 0.2s ease; -webkit-transition:all 0.2s ease;
	border-radius:50%; -webkit-border-radius:50%;
}
.radio_btn label:after{
	content:""; position:absolute; left:0; top:2px; z-index:1; display:block; width:14px; height:14px; border:1px solid #c5c5c5; background:#fff;
	border-radius:50%; -webkit-border-radius:50%;
}

/*체크박스*/
.check_box{position:relative;}
.check_box input{position:absolute; left:1px; top:4px; width:14px; height:14px;}
.check_box label{position:relative; padding:0 0 0 22px; display:inline-block; vertical-align:middle; cursor:pointer;}
.check_box input:checked+label:before{width:14px; height:14px; left:1px; top:3px; opacity:1; -webkit-opacity:1;}
.check_box input:checked+label:after{border:1px solid #dfdfdf;}
.check_box label:before{
	content:""; opacity:0; -webkit-opacity:0; position:absolute; left:8px; top:8px; z-index:5; display:block; width:0; height:0; background:#dfdfdf url(../../../images/site/skin/icon_check.png); background-repeat:no-repeat; background-position:center center;
	transition:all 0.2s ease; -webkit-transition:all 0.2s ease;
}
.check_box label:after{content:""; position:absolute; left:0; top:2px; z-index:1; display:block; width:14px; height:14px; border:1px solid #c5c5c5; background:#fff;}

/*파일찾기*/
.file_find{position:relative; max-width:300px;}
.file_find input[type="file"]{overflow:hidden; position:absolute; width:0px; height:1px; margin:-1px; padding:0; border:0;}
.file_find label{position:absolute; top:0; right:0; display:inline-block; width:90px; height:35px; line-height:35px; background-color:#5d6372; vertical-align:middle; text-align:center; font-size:14px; color:#fff; cursor:pointer; box-sizing:border-box;}
/* named upload */
.file_find .upload-name{
    overflow:hidden; display:inline-block; width:100%; background-color:#fff; vertical-align:middle; white-space:nowrap; text-overflow:ellipsis;
	/* 네이티브 외형 감추기 */
	-webkit-appearance:none; 
	-moz-appearance:none;
	appearance:none;
 }

@media screen and (max-width:640px){
	input[type="text"],
	input[type="password"]{height:30px;}
	input[type="text"].small{width:50px !important;}
	
	.radio_btn input[type="radio"]{top:3px;}
	.radio_btn label:after{top:1px;}
	.radio_btn input[type="radio"]:checked+label:before{top:6px;}
	.check_box input[type="radio"]:checked+label:before{top:2px;}
	.check_box label:after{top:1px;}

	.file_find label{width:80px; height:30px; line-height:30px;}
}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	box style

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
[data-skin="boxs"][data-icon="yes"] .icon_wrap
{transition:all 0.2s ease; -webkit-transition:all 0.2s ease;}

[data-skin="boxs"]{width:100%; padding:2.5em 3em; box-sizing:border-box;}
[data-skin="boxs"][data-type="1"]{background-color:#F6F6F6;}
[data-skin="boxs"][data-type="2"]{background: url(../../../images/site/skin/boxs_type2bg.jpg) no-repeat left top; background-size: cover;}
[data-skin="boxs"][data-type="3"]{border:1px solid #BFBFBF;}
[data-skin="boxs"] p + p{margin-top:1em;}

/*아이콘*/
[data-skin="boxs"][data-icon="yes"]{display:table; table-layout:fixed; height:14.3em; padding:2.5em 10%;}
[data-skin="boxs"][data-icon="yes"] .icon_wrap{position:relative; display:table-cell; padding-left:calc(8em + 3em); vertical-align:middle; box-sizing:border-box;}
[data-skin="boxs"][data-icon="yes"] .icon_wrap:before{
    content: ""; position: absolute; top:4.5em; left:0; display: block; width:8em; height:8em; background-color: #EBEBE0; background-repeat: no-repeat; background-size: contain; background-position: center center;
    border-radius: 50%; -webkit-border-radius: 50%;
    transform: translateY(-50%); -webkit-transform: translateY(-50%);
}
[data-skin="boxs"][data-icon="yes"] .icon_wrap .titles{display: block; margin-bottom: 0.3em; font-size:1em;}
[data-skin="boxs"][data-icon="yes"] .icon_wrap p{font-size:1.2em; font-weight:500;}
[data-skin="boxs"][data-icon="yes"] + [data-skin="boxs"][data-type="3"]{padding: 2.5em;}

@media screen and (max-width:1024px){
    [data-skin="boxs"][data-icon="yes"]{height:12em; padding:2.5em 6%;}
    [data-skin="boxs"][data-icon="yes"] .icon_wrap{padding-left:calc(6.4em + 2em);}
    [data-skin="boxs"][data-icon="yes"] .icon_wrap:before{font-size:0.8em;}
    [data-skin="boxs"][data-icon="yes"] + [data-skin="boxs"][data-type="3"]{padding:2em;}
}
@media screen and (max-width:640px){
	[data-skin="boxs"]{padding:2em 6%;}

	[data-skin="boxs"][data-icon="yes"]{display:block; height:auto; padding:2em 6%;}
	[data-skin="boxs"][data-icon="yes"] .icon_wrap{padding-left:calc(5.2em + 1.6em);}
    [data-skin="boxs"][data-icon="yes"] .icon_wrap:before{
    	top:0; font-size:0.65em;
    	transform: translateY(0); -webkit-transform: translateY(0);	
   	}
    [data-skin="boxs"][data-icon="yes"] .icon_wrap p{font-size:1.15em;}
    [data-skin="boxs"][data-icon="yes"] + [data-skin="boxs"][data-type="3"]{padding:1.5em;}
}
@media screen and (max-width:480px){
	[data-skin="boxs"][data-icon="yes"] .icon_wrap{padding-left:0;}
	[data-skin="boxs"][data-icon="yes"] .icon_wrap:before{display:none;}
}




/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	ETC

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/*간격*/
p+p{margin-top:1.6em;}
[data-skin="boxs"]+[data-skin="boxs"],
[data-skin="boxs"]+p,
[data-skin="boxs"]+p+[data-skin="boxs"],
[data-skin="boxs"]+h5+p+[data-skin="boxs"]{margin-top: 1.5em;}
[data-skin="list_num"] > li > p,
[data-skin="list"] > li > p{margin-top: 0.3em;}
[data-skin="boxs"]+ .table{margin-top: 3.125em;}
h5+p+[data-skin="list"],
h5+p+[data-skin="list_num"]{margin-top: 0.3em;}
[data-skin="list"] > li> .table,
[data-skin="list"] > li> .table_scroll,
[data-skin="list_num"] > li> .table,
[data-skin="list_num"] > li> .table_scroll{margin-top: 0.3em; margin-bottom: 0.5em;}

/*버튼그룹*/
.btn_group{margin-top: 3.125em; text-align: center;}
.btn_group [data-skin="btn"]:not(:last-child){margin-right: 0.7em;}

/*강조문구*/
.green{color:#46644C;}
.brown{color:#C3A57A;}
strong.green,
strong.brown{font-weight:500;}

/*tip*/
.tip{color: #46644C;}
.tip.no_after{padding-left: 0; color: #666;}
.tip.no_after:after{display: none;}
.tip a{color: #297111;}

/*개인정보처리방침 박스*/
.privacy_box{margin-top: 3em; border-top: 2px solid #46644C; border-bottom: 1px solid #46644C; box-sizing: border-box;}
.privacy_box li{padding: 1em 1.8em; border-top: 1px solid #C4C4C4; box-sizing: border-box;}
.privacy_box li:first-child{border-top: none;}
.privacy_box li:after{content: ""; display: block; clear: both;}
.privacy_box li > span{display: inline-block; font-size: 1.0625em; line-height: 2.59;}
.privacy_box li > [data-skin="btn"]{float: right; }

@media screen and (max-width:1024px){
    [data-skin="boxs"]+[data-skin="boxs"],
    [data-skin="boxs"]+p,
    [data-skin="boxs"]+p+[data-skin="boxs"]{margin-top: 1.2em;}
    [data-skin="boxs"]+ .table{margin-top: 2.5em;}
    /*버튼그룹*/
    .btn_group{margin-top: 2.5em;}
}
@media screen and (max-width:640px){
	p+p{margin-top:1.2em;}
    [data-skin="boxs"]+[data-skin="boxs"],
    [data-skin="boxs"]+p,
    [data-skin="boxs"]+p+[data-skin="boxs"]{margin-top: 1em;}
    [data-skin="boxs"]+ .table{margin-top: 2em;}
    /*버튼그룹*/
    .btn_group{margin-top: 2em;}
    
    .privacy_box li{font-size: 0.95em; padding: 1em 1.2em;}
}
@media screen and (max-width:400px){
    .privacy_box li > span{display: block; margin-bottom: 0.4em; line-height: 1.6;}
    .privacy_box li > [data-skin="btn"]{float: none; }
}