@charset "utf-8";

p{margin:0;}
body, h1, h2, h3, h4, h5, h6, th, td, input, select, textarea{font-family: Helvetica, Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;}



.clear{height:0;}
/*------------------------------------------------------------------
-------------------------------기본버튼-------------------------------
------------------------------------------------------------------*/
a.btn{
	display: inline-block; min-width:210px; height:55px; line-height:53px; padding:0 10px; font-size:17px; font-weight:300; text-align:center;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
a.btn, a.btn:link, a.btn:visited, a.btn:active{background-color:#045494; border:1px solid #045494; color:#fff;}
a.btn:hover{background-color:#fff; border:1px solid #045494; color:#045494;}


/*기본버튼: 색*/
a.btn.bg_01:link,
a.btn.bg_01:visited,
a.btn.bg_01:active{background-color:#5fb351; border:1px solid #5fb351;}
a.btn.bg_01:link:hover,
a.btn.bg_01:visited:hover,
a.btn.bg_01:active:hover{background-color:#fff; border:1px solid #5fb351; color:#5fb351;}

a.btn.bg_02:link,
a.btn.bg_02:visited,
a.btn.bg_02:active{background-color:#494949; border:1px solid #494949;}
a.btn.bg_02:link:hover,
a.btn.bg_02:visited:hover,
a.btn.bg_02:active:hover{background-color:#fff; border:1px solid #494949; color:#494949;}

a.btn.bg_03:link,
a.btn.bg_03:visited,
a.btn.bg_03:active{background-color:#e0e0e0; border:1px solid #e0e0e0; color:#333333;}
a.btn.bg_03:link:hover,
a.btn.bg_03:visited:hover,
a.btn.bg_03:active:hover{background-color:#fff; border:1px solid #e0e0e0; color:#333333;}

a.btn.bg_04:link,
a.btn.bg_04:visited,
a.btn.bg_04:active{background-color:#2e8c1e; border:1px solid #2e8c1e;}
a.btn.bg_04:link:hover,
a.btn.bg_04:visited:hover,
a.btn.bg_04:active:hover{background-color:#fff; border:1px solid #2e8c1e; color:#2e8c1e;}

a.btn.bg_05:link,
a.btn.bg_05:visited,
a.btn.bg_05:active{background-color:#b47e52; border:1px solid #b47e52;}
a.btn.bg_05:link:hover,
a.btn.bg_05:visited:hover,
a.btn.bg_05:active:hover{background-color:#fff; border:1px solid #b47e52; color:#b47e52;}


/*다운로드버튼*/
a.btn.down{min-width:130px; padding:0 30px;}
a.btn.down:after{content:""; display: inline-block; width:9px; height:15px; margin-left:10px; margin-top:-4px; background-image: url(../../images/chn/content/btn_down.png); background-repeat:no-repeat; background-size:100%; vertical-align:middle;}


/*작은버튼*/
a.btn.small{position:relative; min-width:101px; height:40px; line-height:40px; padding:0 10px; font-size:15px;}

a.btn.down:hover{background-color:#000;}

.btn.down:link,
.btn.down:visited,
.btn.down:active{background-color:#494949; background-image:none; border:1px solid #494949; text-decoration:none; color:#fff;}

@media screen and (max-width:900px){
	a.btn{min-width:160px; height:45px; line-height:43px; font-size:15px;}
	a.btn.down{min-width:93px; padding:0 20px;}
	a.btn.down:before{width:16px; height:15px; margin-right:7px; margin-top:-2px;}
	a.btn.small{min-width:45px; height:35px; line-height:35px; font-size:14px;}
}
@media screen and (max-width:550px){
	a.btn{min-width:120px; height:40px; line-height:38px; font-size:14px;}
	a.btn.down{min-width:60px;}
	a.btn.down:before{width:15px; height:16px; margin-top:-1px;}
	a.btn.small{min-width:55px; height:30px; line-height:30px; font-size:13px;}
}


/*화살표버튼*/
a.btn.arrow{min-width:130px; height:50px; line-height:50px; padding:0 35px;}
a.btn.arrow:after{content:""; display: inline-block; width:6px; height:9px; margin-top:-2px; margin-left:10px; background-image: url(../../images/talk/content/arrow.png); background-repeat:no-repeat; vertical-align:middle;}

a.btn.arrow:hover:after{background-image: url(../../images/talk/content/arrow1.png);}
a.btn.arrow.bg_05:hover:after{background-image: url(../../images/talk/content/arrow2.png);}
a.btn.arrow.bg_01:hover:after{background-image: url(../../images/talk/content/arrow3.png);}

/*보내기버튼*/
a.btn.send{}
a.btn.send:before{
	content:""; display: inline-block; width:16px; height:11px; margin-top:-3px; margin-right:8px; background-image: url(../../images/chn/content/send_btn.png); background-repeat:no-repeat; background-position:center center; vertical-align:middle;
	transition:background-image 0.3s ease;
	-webkit-transition:background-image 0.3s ease;
}
a.btn.send:hover:before{background-image: url(../../images/chn/content/send_btn_ov.png);}


/*기타버튼: 등록, 답변, 확인, 목록, 수정, 삭제, 취소*/
.btn[class*="board_"]{
 	min-width:140px;
	border-radius:0px;
    -webkit-border-radius:0px;
}
.btn.board_add:before{content:""; display: inline-block; width:13px; height:13px; padding-right:5px; background-image: url(../../images/core/board_add_btn.png); background-repeat:no-repeat; vertical-align:middle;}
.btn.board_add:hover:before{background-image: url(../../images/core/board_add_btn_ov.png);}

@media screen and (max-width:900px){
	.btn[class*="board_"]{min-width:110px;}
	a.btn.arrow{min-width:110px; height:45px; line-height:45px; padding:0 20px; font-size:16px;}
	a.btn.arrow:after{margin-top:-2px; margin-left:7px;}
}
@media screen and (max-width:550px){
	.btn[class*="board_"]{min-width:80px;}
	a.btn.arrow{min-width:100px; height:40px; line-height:40px; font-size:15px;}
	a.btn.arrow:after{margin-left:7px;}
}


/* 목록 */
.btn.board_lst:link,
.btn.board_lst:visited,
.btn.board_lst:active{background-color:#00759d; border:1px solid #00759d; color:#fff;}
.btn.board_lst:hover{background-color:#fff; border:1px solid #00759d; color:#00759d;}

/* 등록 */
.btn.board_add:link,
.btn.board_add:visited,
.btn.board_add:active{background-color:#00759d; border:1px solid #00759d; color:#fff;}
.btn.board_add:hover{background-color:#fff; color:#00759d;}

/* 답변 */
.btn.board_re:link,
.btn.board_re:visited,
.btn.board_re:active{background-color:#ff8429; border:1px solid #ff8429; color:#fff;}
.btn.board_re:hover{background-color:#fff; color:#ff8429;}

/* 확인 */
.btn.board_yes:link,
.btn.board_yes:visited,
.btn.board_yes:active{background-color:#ff8429; border:1px solid #ff8429; color:#fff;}
.btn.board_yes:hover{background-color:#fff; color:#ff8429;}

/* 취소 */
.btn.board_no:link,
.btn.board_no:visited,
.btn.board_no:active{background-color:#5fb351; border:1px solid #5fb351;}
.btn.board_no:hover{background-color:#fff; border:1px solid #5fb351; color:#5fb351;}

/* 수정 */
.btn.board_mod:link,
.btn.board_mod:visited,
.btn.board_mod:active{background-color:#00759d; border:1px solid #00759d;}
.btn.board_mod:hover{background-color:#fff; border:1px solid #00759d; color:#00759d;}

/* 삭제 */
.btn.board_del:link,
.btn.board_del:visited,
.btn.board_del:active{background-color:#777; border:1px solid #777;}
.btn.board_del:hover{background-color:#fff; border:1px solid #777; color:#777;}



/*------------------------------------------------------------------
-------------------------------타이틀-------------------------------
------------------------------------------------------------------*/
h4, .h4, h5, .h5,p{
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
h4, .h4{line-height:35px; margin:0; padding-left:0; padding-bottom:22px; font-weight:500; font-size:33px; text-align:center; color:#2a5da2; background:none;}
h5, .h5{line-height:29px; margin:0; padding-top:0; padding-bottom:22px; font-weight:500; font-size:27px; color:#2a5da2;}
h6, .h6{line-height:26px; margin:0; padding-left:0; padding-bottom:20px; font-weight:500; font-size:24px; color:#262626; background:none;}

p{line-height:24px; font-size:18px; font-weight:300; color:#616161;}
p.enter{padding-bottom:25px;}

@media screen and (max-width:900px){
	h4, .h4{line-height: 32px; padding-bottom:17px; font-size:30px;}
	h5, .h5{line-height:27px; padding-bottom:15px; font-size:25px;}
	h6, .h6{line-height:24px; padding-bottom:10px; font-size:22px;}
	p{line-height:22px; font-size:17px;}
	p.enter{padding-bottom:15px;}
}
@media screen and (max-width:650px){
	h4, .h4{line-height: 27px; padding-bottom:15px; font-size:25px;}
	h5, .h5{line-height:24px; padding-bottom:10px; font-size:22px;}
	h6, .h6{line-height:22px; padding-bottom:6px; font-size:20px;}
	p{line-height:20px; font-size:15px;}
	p.enter{padding-bottom:10px;}
}


/*------------------------------------------------------------------
-------------------------------리스트 스타일-------------------------------
------------------------------------------------------------------*/
.list_01{margin:0;}
.list_01 li{position:relative; line-height:23px; padding-left:13px; background:none; padding-bottom:8px; font-size:18px; box-sizing:border-box;}
.list_01 li:last-child{padding-bottom:0;}
.list_01 li:before{content:""; position:absolute; top:10px; left:0; display: inline-block; width:4px; height:4px; background-color:#697a8d;}
.list_02{}
.list_02 li{}
.list_03{}
.list_03 li{}
ol.bul_num{}
ol.bul_num li{padding-bottom:8px; font-size:18px;}
ol.bul_num li em{
	width:33px; height:33px; line-height:35px; background-color:#e9eced; font-size:17px; color:#5c5c5c;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
@media screen and (max-width: 900px){
	.list_01 li{line-height:22px; padding-left:10px; font-size:17px;}
	.list_01 li:before{top:9px;}
}
@media screen and (max-width: 650px){
	.list_01 li{line-height:20px; padding-left:7px; padding-bottom:5px; font-size:15px;}
	.list_01 li:before{width:3px; height:3px;}

	ol.bul_num li{padding-left:8px; padding-bottom:5px; font-size:16px;}
	ol.bul_num li em{width:25px; height:25px; line-height:25px; font-size:15px;}
}


/*------------------------------------------------------------------
-------------------------------리스트 스타일-------------------------------
------------------------------------------------------------------*/
.blue{color:#0f599c !important;}
.yellow{color:#fffd2c !important;}
.green{color:#00957c !important;}


/*------------------------------------------------------------------
-------------------------------Table-------------------------------
------------------------------------------------------------------*/
.table{border-top:2px solid #000000; border-bottom:1px solid #dcdcdc;}
.table th,
.table td{border-bottom:1px solid #dcdcdc; box-sizing:border-box;}
.table th{
	width:230px; padding:10px 30px; background:#f7f8fa; font-weight:500; text-align:left; font-size:18px;
	transition:width 0.3s ease;
	-webkit-transition:width 0.3s ease;
}
.table tr th:first-child{border-right:0;}
.table tr td{padding:10px 20px; border-left:0 !important; border-right:1px solid #dcdcdc; font-weight:400; font-size:17px;}
.table tr td input[type=text],
.table tr td input[type=password],
.table tr td textarea{height:40px; border-color:#dcdcdc; font-size:17px;}
.table tr td textarea{height:260px; padding:20px;}

.star{display: inline-block; padding:0 3px; color:#f53d5c;}

@media screen and (max-width: 900px){
	.table th{width:160px; font-size:16px;}
}
@media screen and (max-width: 650px){
	.table th,
	.table td{display:block; width:100%; border-bottom:0;}
	.table th{font-size:16px; text-align:center;}
	.table td{font-size:15px;}
	.table tr td input[type=text],
	.table tr td input[type=password],
	.table tr td textarea{height:40px; border-color:#dcdcdc; font-size:15px;}
	.table tr td textarea{height:150px;}
}



/*------------------------------------------------------------------
-------------------------------input-------------------------------
------------------------------------------------------------------*/
textarea{width:100%; height:190px; line-height:27px; padding:25px 30px; border:1px solid #dedede; font-size:16px; color:#626262;}
input[type="checkbox"]{vertical-align:middle;}
input[type="checkbox"]~label{font-size:17px; vertical-align:middle; color:#393939;}

@media screen and (max-width: 600px){
	input[type="checkbox"]~label{font-size:15px;}
}

select#sgt_select{width:150px; height:40px; font-size:17px;}



/*------------------------------------------------------------------
-------------------------------Tab-------------------------------
------------------------------------------------------------------*/
.js_tab{margin-bottom:70px; padding:0;}
.js_tab.select .title a:active,
.js_tab.select .title a:link,
.js_tab.select .title a:visited{text-decoration:none;}
.js_tab.select{border-radius:0px;}

.js_tab ul{width:100%; margin:0; padding-left:1px;}
.js_tab ul li{width:50%; box-sizing:border-box;}
.js_tab ul li:last-child{border-right:0px;}
.js_tab ul li a{
	position:relative; z-index:1; width:auto; height:65px; line-height:63px; padding:0 20px; margin:0px; border:1px solid #ccc; font-size:20px; font-weight:400 !important; color:#505050; box-sizing:border-box;
	 margin-left:-1px;
	border-radius:0;
    -webkit-border-radius:0;
    transition:background-color 0.3s ease, color 0.3s ease;
    -webkit-transition:background-color 0.3s ease, color 0.3s ease;
}
.js_tab ul li:nth-child(3) a,
.js_tab ul li:nth-child(4) a{border-top:0 !important;}

.js_tab ul li a:link,
.js_tab ul li a:visited,
.js_tab ul li a:active,
.js_tab ul li.no a:link,
.js_tab ul li.no a:visited,
.js_tab ul li.no a:active,
.js_tab ul li.no a:hover{background-color:#fff;}

.js_tab ul li a:hover,
.js_tab ul li.on a:link,
.js_tab ul li.on a:visited,
.js_tab ul li.on a:active,
.js_tab ul li.on a:hover{background-color:#222222;}

.js_tab.select{background:#222222 url(../../images/core/icon_tab.gif) no-repeat right 26px;}
.js_tab.select ul li a{border-top:0; font-size:17px; font-weight:300 !important;}
.js_tab.select .title a{height:55px; line-height:53px; font-size:16px; font-weight:400;}
.js_tab.select ul li a:link,
.js_tab.select ul li a:visited,
.js_tab.select ul li a:active,
.js_tab.select ul li.on a:link,
.js_tab.select ul li.on a:visited,
.js_tab.select ul li.on a:active{background:#f9f9f9 !important;}
.js_tab.select ul li a:hover,
.js_tab.select ul li.on a:hover{background:#b1b1b1 !important;}

.tab_onepage {display:none;}
.tab_onepage.on {display:block;}

@media screen and (max-width:817px){
	.js_tab{margin-bottom:55px;}
	.js_tab ul li{width:100%; border-right:0px;}
	.js_tab ul li a{height:55px; line-height:55px;}
	.js_tab.select ul li a{font-size:16px;}
	.js_tab ul li:last-child a{border-bottom:1px solid #ccc;}
}
@media screen and (max-width:650px){
	.js_tab{margin-bottom:30px;}
	.js_tab.select{background:#222222 url(../../images/core/icon_tab.gif) no-repeat right 20px;}
	.js_tab.select .title a{height:45px; line-height:45px; font-size:14px;}
	.js_tab.select ul li a{font-size:14px;}
	.js_tab ul li a{height:45px; line-height:45px;}
}



/*------------------------------------------------------------------
-------------------------------ETC.-------------------------------
------------------------------------------------------------------*/
/*페이지*/
.page{
	overflow: hidden; width:370px; margin:60px auto 15px auto;
	transition:width 0.3s ease;
	-webkit-transition:width 0.3s ease;
}
.page a{overflow:visible; border:1px solid #d9d9d9; margin:0; margin-left:-1px; font-size:17px;}

.page a,
.page a:link,
.page a:visited,
.page a:active{
	float:left; display:block; width:40px; height:40px; line-height:40px; text-decoration:none; box-sizing:border-box;
	transition:background-color 0.3s ease, border 0.3s ease, width 0.3s ease, height 0.3s ease;
	-webkit-transition:background-color 0.3s ease, border 0.3s ease, width 0.3s ease, height 0.3s ease;
}
.page a.on,
.page a:hover{background-color:#111; border:1px solid #111; color:#fff;}

.page a.page_first,
.page a.page_left,
.page a.page_right,
.page a.page_end{overflow: hidden; background-color:#bcbcbc; border:1px solid #bcbcbc;}

.page a.page_first{background-image:url(../../images/core/page_first.png); background-repeat:no-repeat; background-position:12px center; border-right:2px solid #d9d9d9;}
.page a.page_left{background-image:url(../../images/core/page_left.png); background-repeat:no-repeat; background-position:15px center;}
.page a.page_right{background-image:url(../../images/core/page_left.png); background-repeat:no-repeat; background-position:15px center; transform:rotate(180deg);}
.page a.page_end{background-image:url(../../images/core/page_first.png); background-repeat:no-repeat; background-position:12px center; transform:rotate(180deg); border-right:1px solid #d9d9d9;}

.page a.page_first:hover,
.page a.page_end:hover{background-color:#737373; border-color:#737373; background-image:url(../../images/core/page_first.png); background-repeat:no-repeat; background-position:12px center;}
.page a.page_left:hover,
.page a.page_right:hover{background-color:#737373; border-color:#737373; background-image:url(../../images/core/page_left.png); background-repeat:no-repeat; background-position:15px center;}

.page a.page_left{margin-right:8px; margin-left:-1px;}
.page a.page_right{margin-left:8px; margin-right:-1px;}


/*-----------------------------------------------------------------
---------------------------------반응형--------------------------------
------------------------------------------------------------------*/

@media screen and (max-width:800px) {
	.page{margin:30px auto 15px auto;}
}
@media screen and (max-width:570px) {
	.page{width:252px;}
	.page a{font-size:15px;}
	.page a,
	.page a:link,
	.page a:visited,
	.page a:active{width:27px; height:27px; line-height:27px;}

	.page a.page_first,
	.page a.page_end{background-position:5px center;}
	.page a.page_right,
	.page a.page_left{background-position:8px center;}

	.page a.page_first:hover,
	.page a.page_end:hover{background-position:5px center;}
	.page a.page_right:hover,
	.page a.page_left:hover{background-position:8px center;}
}


/*버튼 가운데정렬*/
.btnct{
	padding-top:60px; text-align:center;
	transition:padding-top 0.3s ease;
	-webkit-transition:padding-top 0.3s ease;
}

@media screen and (max-width: 900px){
	.btnct{padding-top:40px;}
}
@media screen and (max-width: 550px){
	.btnct{padding-top:25px;}
}

/*배경색*/
.bg_s{background-color:#f0f2f7 !important;}
.bg_g{background-color:#f0f6f5 !important;}

.ttbx{
	width:100%; height:auto; background-color:#f0f2f7; padding:55px 60px; box-sizing:border-box;
	transition:padding 0.3s ease;
	-webkit-transition:padding 0.3s ease;
}

@media screen and (max-width: 900px){
	.ttbx{padding:40px 45px;}
}
@media screen and (max-width: 650px){
	.ttbx{padding:25px 30px;}
}

/*이미지+텍스트(둥근모서리디자인)*/
.ptobx,
.ptobx .ptlay{
	transition:margin 0.3s ease, padding 0.3s ease;
	-webkit-transition:margin 0.3s ease, padding 0.3s ease;
}
.ptobx{position:relative; width:100%; height:auto; min-height:320px; margin-top:115px; box-sizing:border-box;}
.ptobx .ptlay{width:100%; height:100%; min-height:350px; background-color:#f0f2f7; box-sizing:border-box;}
.ptobx .photos{
	overflow: hidden; position:absolute; top:-50px; width:400px; height:auto;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
.ptobx .photos img{width:100%;}

.ptobx.pt_l{padding-left:120px;}
.ptobx.pt_l .ptlay{padding:55px 60px 55px 340px;}
.ptobx.pt_l .photos{
	left:0;
	border-radius:100px 0 0 0;
	-webkit-border-radius:100px 0 0 0;
}
.ptobx.pt_r{padding-right:120px;}
.ptobx.pt_r .ptlay{padding:55px 340px 55px 60px;}
.ptobx.pt_r .photos{
	right:0;
	border-radius:0 100px 0 0;
	-webkit-border-radius:0 100px 0 0;
}
.ptobx.pt_r h5,
.ptobx.pt_r h6,
.ptobx.pt_r p{text-align:right;}

.ptobx.pt_l.down .photos{
	border-radius:0 0 0 100px;
	-webkit-border-radius:0 0 0 100px;
}
.ptobx.pt_r.down .photos{
	border-radius:0 0 100px 0;
	-webkit-border-radius:0 0 100px 0;
}

@media screen and (max-width: 1023px){
	.ptobx .photos{width:340px;}
	.ptobx.pt_l{padding-left:60px;}
	.ptobx.pt_l .ptlay{padding:55px 60px 55px 340px;}
	.ptobx.pt_r{padding-right:60px;}
	.ptobx.pt_r .ptlay{padding:55px 340px 55px 60px;}
}
@media screen and (max-width: 900px){
	.ptobx{margin-top:210px;}
	.ptobx.pt_l .ptlay,
	.ptobx.pt_r .ptlay{padding:222px 45px 40px 45px;}
	.ptobx.pt_l .photos,
	.ptobx.pt_r .photos{top:-182px; left:50%; width:420px; margin-left:-210px;}

	.ptobx.pt_l{padding-left:0;}	
	.ptobx.pt_r{padding-right:0;}
}
@media screen and (max-width: 650px){
	.ptobx{margin-top:180px;}
	.ptobx.pt_l .ptlay,
	.ptobx.pt_r .ptlay{padding:185px 30px 25px 30px;}
	.ptobx.pt_l .photos,
	.ptobx.pt_r .photos{top:-160px; left:50%; width:360px; margin-left:-180px;}
}
@media screen and (max-width: 480px){
	.ptobx{margin-top:120px;}
	.ptobx.pt_l .ptlay,
	.ptobx.pt_r .ptlay{padding:117px 30px 25px 30px;}
	.ptobx.pt_l .photos,
	.ptobx.pt_r .photos{top:-97px; left:50%; width:220px; margin-left:-110px;}
}