@charset "utf-8";
@import url("./width1024_default.css");



#container {position:relative; z-index:0;  font-family: 'Nanum Square';}


/*메인비주얼*/
.main_visual {text-align:center; position:relative; width:100%; height:700px; min-width:1100px; overflow:hidden;  z-index:1;}
.main_visual ul { width:100%; left:0px;top:0px; height:700px; position:absolute; z-index:0;}
.main_visual li{background-repeat:no-repeat; background-position:center top; width:100%; height:700px; }
.main_visual li a{display:block;}
.main_visual .visual_text {text-align:center; position:absolute; left:0px; top:300px; width:100%; z-index:9999; color:#fff; font-size:60px; font-weight:bold; }
.main_visual .visual_text span{display:block;  color:rgba(255,255,255,0.9); font-size:25px; line-height:30px; font-weight:normal; margin-top:40px;}
.main_visual .main_pager {position:absolute; width:100%;  bottom:30px; text-align:center;   z-index:99999999 !important;}
.main_visual .main_pager span{display:inline-block; vertical-align:top; text-indent:-9999px; cursor:pointer; width:12px; height:12px; margin:0 3px; border-radius:12px; border:2px #fff solid;; }
.main_visual .main_pager .cycle-pager-active{background:#32518b;}
.main_visual .bg {position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:0;}

.main_visual .main_visual_btn {position:absolute; width:100%; left:0px; top:42%; z-index:999999; }
.main_visual .main_visual_btn a{float:left;  margin:0 100px; width:51px; height:99px; background:url(../images/main/main_visual_btn.png) left top no-repeat; text-indent:-9999px;}
.main_visual .main_visual_btn a#main_btn_next{background-position:right top; float:right;}


/*퀵버튼*/
.main_first_quick_wrap {margin-top:50px; text-align:center;}
.main_first_quick_wrap h3 {font-size:30px; color:#32518b; line-height:30px; font-weight:normal;}
.main_first_quick_wrap h3 span{display:block; font-size:16px; color:#777;  line-height:22px; padding-top:20px;}

.main_first_quick_wrap ul {display:table; width:100%;table-layout:fixed; margin-top:40px;}
.main_first_quick_wrap ul li{display:table-cell; vertical-align:top; height:300px; position:relative;     transition: all 0.2s;}

.main_first_quick_wrap ul li.m1 {background:#32518b url(../images/main/first_bg.png) center 200px no-repeat;; }
.main_first_quick_wrap ul li.m2 {background:#eeeeee}
.main_first_quick_wrap ul li.m3 {background:#f5f5f5}
.main_first_quick_wrap ul li.m4 {background:#faf8f7}
.main_first_quick_wrap ul li:hover {background:#32518b;     transition: all 0.3s;}

.main_first_quick_wrap ul li.m1 dl {padding-top:40px; padding-bottom:190px; background:url(../images/main/main_first_quick_wrap_m1.png) center bottom no-repeat;; color:#fff; font-size:20px; font-weight:bold;}
.main_first_quick_wrap ul li.m1 dl dd{color:rgba(255,255,255,0.6);}
.main_first_quick_wrap ul li.m1 .more {position:absolute; left:0px; top:120px; width:100%; text-align:center;}
.main_first_quick_wrap ul li.m1 .more img {vertical-align:top;}

.main_first_quick_wrap ul li .icon {height:120px;  margin-top:70px;}
.main_first_quick_wrap ul li .text {font-size:20px; color:#666; margin-top:20px; font-weight:bold;}
.main_first_quick_wrap ul li:hover .text {color:#fff;}


/*공지박스*/
.main_bottom_warp {margin-top:60px; overflow:hidden;}
.main_bottom_warp .col {float:left; width:343px; }
.main_bottom_warp .col.center {margin:0 35px; }
.main_bottom_warp .col h3{font-size:18px; line-height:30px; padding-bottom:6px; color:#32518b; border-bottom:1px #ddd solid;}
.main_bottom_warp .col h3 a{float:right; font-size:12px; color:#888; font-weight:normal;}

.main_bottom_warp .notice ul {margin-top:10px; }
.main_bottom_warp .notice ul li{background:url(../images/main/main_notice_dot.jpg) left 50% no-repeat; padding-left:10px; position:relative;}
.main_bottom_warp .notice ul li a:hover{text-decoration:underline; coloR:#ff6762}
.main_bottom_warp .notice ul li .date{position:absolute; right:0px;}




/*자주하는질문*/
.main_wide_view_wrap {padding:60px 0px 120px; margin-top:60px; text-align:center;  overflow:hidden; background:url(../images/main/main_wide_view_wrap_bg.jpg) center top no-repeat;  background-attachment:fixed; position:relative;}
.main_wide_view_wrap h3 {font-size:30px; color:#fff; line-height:30px; font-weight:normal;}
.main_wide_view_wrap h3 span{display:block; font-size:16px; color:rgba(255,255,255,0.6);  line-height:23px; padding-top:20px;}


.main_wide_view_wrap ul {overflow:hidden; margin-top:60px; }
.main_wide_view_wrap ul li{width:550px !important; background:#59bee4; white-space: normal; transition: all 0.2s;  }
.main_wide_view_wrap ul li .box {padding:30px; position:relative; margin-top:60px;}
.main_wide_view_wrap ul li:nth-child(even) {background:#253655;}
.main_wide_view_wrap ul li:hover{ background:#444;  transition: all 0.3s;} 


.main_wide_view_wrap ul li .box .q_check{position:absolute; left:30px; top:120px; font-size:200px; color:#fff;}
.main_wide_view_wrap ul li .box .info {margin-left:180px; margin-right:20px; text-align:left; position:relative; overflow:hidden;}
.main_wide_view_wrap ul li .box .info dl {margin-top:20px;}
.main_wide_view_wrap ul li .box .info dl dt {font-size:20px; color:#fff; height:44px; line-height:22px;}
.main_wide_view_wrap ul li .box .info dl dd {font-size:14px; color:rgba(255,255,255,0.6); line-height:18px; margin-top:20px; height:60px;}
.main_wide_view_wrap ul li .box .info a {margin-top:60px; float:right;}
.main_wide_view_wrap ul li:hover .q_check{ color:#f43a63;} 
.main_wide_view_wrap .law_quick_pager {position:absolute; left:0px; bottom:-90px; width:100%; z-index:99;} 
.main_wide_view_wrap .law_quick_pager span{display:inline-block; vertical-align:top; text-indent:-9999px; cursor:pointer; width:10px; height:4px; margin:0 3px;  background:#fff; }
.main_wide_view_wrap .law_quick_pager .cycle-pager-active{background:#1c5da3; width:50px;}



/*소개*/
.about_human_wrap {background:url(../images/main/about_human.jpg) center top no-repeat; padding:60px 0px; margin-top:60px;}
.about_human_wrap h3 {font-size:30px; color:#222; line-height:30px; font-weight:normal; text-align:center;}
.about_human_wrap h3 span{display:block; font-size:16px; color:#444;  line-height:23px; padding-top:20px;}

.about_human_wrap ul { margin-top:250px;}
.about_human_wrap ul li{display:inline-block; width:49%; position:relative; text-align:right;}
.about_human_wrap ul li.last{float:right;}
.about_human_wrap ul li .photo {position:absolute; bottom:-10px;}

.about_human_wrap ul li.first .photo{left:-30px;}
.about_human_wrap ul li.last .photo{right:-30px; }
.about_human_wrap ul li.last {text-align:left;}

.about_human_wrap ul li .info {padding:20px; background:#fff;}
.about_human_wrap ul li .info dl dt {font-size:16px;}
.about_human_wrap ul li .info dl dd {font-size:20px; font-weight:bold; padding-top:10px}