@charset "utf-8";

h4, .h4 {background:none; padding:0; font-size:26px; line-height:30px; margin:50px 0px 17px 0px; transition : all 0.4s ease; -webkit-transition : all 0.4s ease;}
h5, .h5 {font-size:20px; line-height:24px; margin:20px 0px 15px 0px; padding:0; color:#382eb5; transition : all 0.4s ease; -webkit-transition : all 0.4s ease;}
@media screen and (max-width:1023px){
h4, .h4 {font-size:24px; line-height:28px; margin:40px 0px 15px 0px;}	
h5, .h5 {font-size:19px; line-height:23px; margin:20px 0px 13px 0px;}
}
@media screen and (max-width:840px){
h4, .h4 {font-size:22px; line-height:26px; margin:30px 0px 12px 0px;}	
h5, .h5 {font-size:18px; margin:18px 0px 10px 0px;}
}
@media screen and (max-width:640px){
h4, .h4 {font-size:20px; line-height:24px;}	
}


p {margin:0 0 10px 0;}
/* form */
select {height:42px; line-height:36px; box-sizing:border-box; background:#fff; min-width:100px; padding:3px; margin:0; border:1px solid #e1e1e1; cursor:pointer; border-radius:0; -webkit-border-radius:0; vertical-align:top;}
input[type="text"] {height:36px; line-height:36px; vertical-align:top; border:1px solid #ccc;}
.search_form {text-align:right; margin:0 0 20px 0;}
.search_form:after {content:""; display:block; clear:both;}
.search_form .btn {float:left; vertical-align:top; margin:0;}
.search_form select, .search_form input {margin:0 1px; background:#fff; font-size:15px; height:44px; line-height:44px; border:1px solid #e1e1e1; vertical-align:top;}
.search_form select {line-height:38px;}
.search_form input[type="text"] {width:25%; min-width:180px;}
.search_form input[type="submit"] {background:#5b6e9a; padding:0 30px; color:#fff; height:44px; line-height:44px; border:0; margin-right:0;}
@media screen and (max-width:740px){
.search_form select, .search_form input {height:40px; line-height:40px;}
.search_form select {line-height:34px;}
.search_form input[type="submit"] {height:40px; line-height:40px;}	
}
@media screen and (max-width:580px){
.search_form {text-align:left; position:relative;}	
.search_form .btn {float:none; margin-bottom:10px;}
.search_form select {display:block; width:100%; margin-bottom:5px;}	
.search_form input[type="text"] {width:77%; min-width:10px;}
.search_form input[type="submit"] {width:21.5%; padding:0; position:absolute; right:0; bottom:0;} 
}


/* list */
.list_01 {margin:10px 0 0 0;}
.list_01 li {padding-left:10px !important; background:none; color:#393939; font-size:15px; line-height:19px; margin-top:7px; position:relative;}
.list_01 li:after {content:""; display:block; width:4px; height:4px; background:#342ca0; position:absolute; left:0; top:7px;}
.list_01 li:first-child {margin-top:0;}
.list_02 {margin:5px 0px 10px 0px;}
.list_02 li {padding-left:10px; background:none; font-size:15px; line-height:21px; margin-bottom:4px; position:relative;}
.list_02 li:after {content:""; display:block; width:4px; height:1px; background:#444; position:absolute; left:1px; top:10px;}
.list_02.no_bul li {padding-left:0;}
.list_02.no_bul li:after {display:none;}


/* 테이블 */
.table{border-top:2px solid #000;}
.table th,
.table td{padding:12px 10px; border-left:1px solid #cecfcf; border-right:1px solid #cecfcf; text-align:center; border-bottom:1px solid #cecfcf; font-size:15px;}
.table th{background:#f3f4f7;}
.table th.point,
.table td.point{background:#f2f3f0;}
.table tr th:first-child,
.table tr td:first-child{border-left:none; border-right:1px solid #cecfcf;}


/* tab */
.js_tab {padding:0; margin:0; text-align:center;}
.js_tab .title {display:none;}
.js_tab ul {margin:0;}
.js_tab ul li {float:none; display:inline-block; vertical-align:top; margin:0 2.5%; position:relative;}
.js_tab ul li:after {content:""; display:block; width:85px; height:85px; position:absolute; left:0; top:0; box-sizing:border-box; border:1px solid #dedede; border-radius:50%; -webkit-border-radius:50%;}
.js_tab ul li.on:after {background:#fff; border:2px solid #221998;}
.js_tab ul li a {display:block; position:relative; z-index:10; width:85px; height:auto; margin:0 auto; padding:95px 0 0 0; text-align:center; background:none; font-size:16px; line-height:21px; border-radius:0; -webkit-border-radius:0;}
.js_tab ul li a:link,
.js_tab ul li a:visited,
.js_tab ul li a:active {background:none; color:#444;}
.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:none; color:#1e1596;}

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

.js_tab.select {background-color:inherit; border-radius:0; -webkit-border-radius:0;}
.js_tab.select .title a {background:#1e1596; text-decoration:none; padding:0px 40px 0px 15px; height:42px; line-height:42px; text-align:left; font-weight:500; position:relative;
transition : all 0.4s ease; -webkit-transition : all 0.4s ease;}
.js_tab.select .title a:after {content:""; display:block; position:absolute; right:15px; top:50%; margin-top:-3px; width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:7px solid #fff;
transform:rotate(-180deg); -webkit-transform:rotate(-180deg);
transition : all 0.4s ease; -webkit-transition : all 0.4s ease;}
.js_tab.select .title a.on {background:#1e1596;}
.js_tab.select .title a.on:after {transform:rotate(0deg); -webkit-transform:rotate(0deg);}
.js_tab.select ul {position:absolute; width:94%; z-index:10; left:3%; box-sizing:border-box;}
.js_tab.select ul li {width:auto !important; float:none; display:block; margin:0;}
.js_tab.select ul li a {height:auto; font-size:15px; line-height:19px; padding:10px 15px; border-top:1px solid #fff !important;}
.js_tab.select ul li:first-child a {border-top:0 !important;}
.js_tab.select ul li a:link, .js_tab.select ul li a:visited, .js_tab.select ul li a:active {background:#e1e1e1 !important;}
.js_tab.select ul li.on a:link, .js_tab.select ul li.on a:visited, .js_tab.select ul li.on a:active {color:#1e1596 !important; background:#e1e0f3 !important;}
.js_tab.select ul li.on a, .js_tab.select ul li a:hover, .js_tab.select ul li.on a:hover{color:#1e1596 !important; background:#e1e0f3 !important;}

.user #container .tab_search {max-width:1280px; margin:0 auto; padding:0 1.5%; box-sizing:border-box; margin-bottom:30px;}
.user #container .tab_search ul {margin:0; width:auto; padding:0 25%;}
.user #container .tab_search ul:after {content:""; display:block; clear:both;}
.user #container .tab_search ul li {float:left; margin:0; display:block; position:static; width:20%;}
.user #container .tab_search ul.size_2 {padding:0 30%;}
.user #container .tab_search ul.size_2 li {width:50%;}
.user #container .tab_search ul.size_3 li {width:33.333%;}
.user #container .tab_search ul.size_4 {padding:0 17%;}
.user #container .tab_search ul.size_4 li {width:25%;}
.user #container .tab_search ul.size_5 {padding:0 10%;}
.user #container .tab_search ul.size_5 li {width:20%;}
.user #container .tab_search ul li:after {display:none;}
.user #container .tab_search ul li a {display:block; width:auto; box-sizing:border-box; text-decoration:none; margin-left:-1px; text-align:center; background:#fff; padding:13px 0; line-height:22px; font-size:17px; border:1px solid #ccc; color:#393939; box-sizing:border-box;
transition : all 0.4s ease; -webkit-transition : all 0.4s ease;}	
.user #container .tab_search ul li.on a {color:#fff !important; background:#1e1596; border:1px solid #1e1596; z-index:20;}
.user #container .tab_search ul li a:hover, .user #container .tab_search ul li a:active {border:1px solid #1e1596; color:#1e1596; z-index:20;}
.user #container .tab_search ul li.sub01_01_05.on a {border:1px solid #e1395a; background:#e1395a;}
.user #container .tab_search ul li.sub01_01_05 a:hover, .user #container .tab_search ul li.sub01_01_05 a:active {border:1px solid #e1395a; color:#e1395a}

@media screen and (max-width:1023px){
.user #container .tab_search {max-width:100%; padding:0; margin-bottom:20px; position:relative;}
.user #container .tab_search .js_tab.select ul {position:absolute; width:100%; z-index:10; left:0; box-sizing:border-box; padding:0;}
.user #container .tab_search .js_tab.select ul li {width:auto !important; float:none; display:block; margin:0;}
.user #container .tab_search .js_tab.select ul li a {height:auto; text-align:left; font-size:15px; line-height:19px; padding:10px 15px; border:0; border-top:1px solid #fff !important;}
.user #container .tab_search .js_tab.select ul li.on a {color:#1e1596 !important; background:#e1e0f3 !important;}
}

.box{display:table; table-layout:fixed; width:100%; padding:3px; background:url(../../images/art/content/comm_box_bg.gif) repeat; box-sizing:border-box;}
.box .con{display:table-cell; position:relative; line-height:20px; padding:20px 25px; vertical-align:middle; font-size:15px; background-color:#fff; background-repeat:no-repeat;}
.box .con .titles{display:block; line-height:19px; margin-bottom:3px; font-weight:500; font-size:18px; color:#333;}
.box.type_01 .con{padding:20px 140px 20px 25px;}
.box.type_01 .con .right_btn{position:absolute; right:10px; top:10px;}
.box.type_02 .con{text-align:center; background:url(../../images/art/content/process_succes_patten.gif) repeat;}

.box.icon_01 .con{height:60px; padding-left:115px; background-position:20px 20px; background-image:url(../../images/art/content/comm_box_icon_01.png);}
.box.icon_02 .con{height:60px; padding-left:135px; background-position:30px 20px; background-image:url(../../images/art/content/comm_box_icon_02.png);}
.box.icon_03 .con{height:60px; padding-left:135px; background-position:30px 20px; background-image:url(../../images/art/content/comm_box_icon_03.png);}

@media screen and (max-width: 500px){
	.box.type_01 .con{padding:20px 25px;}
	.box.type_01 .con .right_btn{position:relative; right:auto; top:auto; text-align:right; margin-top:5px;}
}

@media screen and (max-width: 400px){
    .box .con{padding:10px 15px; font-size:12px;}
    .box[class*="icon_"] .con{padding-left:15px; background-image:none;}
	.box .con .titles{line-height:15px; font-size:14px;}
	.box .con .list_01 li,
	.box .con .list_02 li{line-height:22px; font-size:12px;}
	.box.type_01 .con{padding:10px 15px;}
}

@media screen and (max-width: 700px){
    .table_wrap{overflow-x:auto;}
    .table_wrap .table{width:700px;}
}


#con_gpin .pin_box li .boxs .tis{color:#4873b8;}
#con_gpin .pin_box li .btn_group .btn:link, 
#con_gpin .pin_box li .btn_group .btn:visited, 
#con_gpin .pin_box li .btn_group .btn:active{border:1px solid #4873b8; background-color:#4873b8;}
#con_gpin .pin_box li .btn_group .btn:hover{color:#4873b8; border:1px solid #4873b8; background-color:#fff;}


.right{ text-align: right;}
.ml5{ margin-left: 5px !important;}

.ft_left{ float: left;}