@charset "utf-8";

/* �ʱ�ȭ /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
html {margin:0; padding:0;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select {margin:0; padding:0;}  
body,input,textarea,select,button,table,th,h1,h2,h3,h4,h5,h6 {font-family:"Malgun Gothic","���� ���",Dotum,Arial,sans-serif; font-size:12px; color:#444; font-weight:normal; line-height:18px;}
body {min-width:1260px; background:#FFF;}
img,fieldset {border:0;}
ul,ol,li,dl,dt,dd {list-style:none;}
img,input,select,textarea {vertical-align:middle;}
a {text-decoration:none; color:#444; cursor:pointer}
a:hover {text-decoration:none; color:#005ba1;}
legend, caption {
	position: absolute;
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
    border: 0;
    clip: rect(0, 0, 0, 0);
}
.input {border:#cccccc 1px solid; height:18px;}
.select {border:#cccccc 1px solid; height:20px;}

/* Global Menu */
.all_wrap {float:left; width:100%; height:40px; background-color:#00369a;}
.all_wrap a:focus{outline-color:#fff;}
.n_global {width:1400px; margin:0 auto; font-size:16px; color:#FFF; font-weight:bold;}
.n_global_lt {float:left; padding-top:9px;}
.n_global_lt a {color:#FFF;}
.n_global_lt a:hover, .n_global_lt a:focus, .n_global_lt a.on {color:#b9d2ff;}

.n_global_rt {float:right;}

.n_global_rt ul {width:100%; padding-top:9px;}
.n_global_rt ul li {float:left; text-align:right; padding:0 10px; border-left:#809bcd 1px solid;}
.n_global_rt ul li:first-child {border-left:0;}
.n_global_rt ul li:last-child {padding-right:0;}
.n_global_rt ul li a {color:#FFF;}
.n_global_rt ul li a:hover, .n_global_rt ul li a:focus, .n_global_rt ul li a.on {color:#b9d2ff;}

/*.n_global ul {width:100%; padding-top:9px; overflow:hidden;}
.n_global ul li.lt {text-align:left; width:1200px; padding:0; border-left:0;}
.n_global ul li {float:left; text-align:right; padding:0 10px; border-left:#809bcd 1px solid;}
.n_global ul li:nth-child(2) {border-left:0;}
.n_global ul li:last-child {padding-right:0;}
.n_global ul li a {color:#FFF;}
.n_global ul li a:hover {color:#b9d2ff;}
.n_global ul li a.on {color:#b9d2ff;}*/

/* Top */
.all_top_menu {float:left; position:relative; width:100%; height:94px; box-shadow:0 3px 12px rgba(0,0,0,0.23); z-index:20; }
.top_menu {width:1400px; margin:0 auto; background-color:#FFF; border-collapse:collapse;}
.top_menu td {padding:12px 0; font-size:20px; color:#333; font-weight:bold; letter-spacing:-2px;}
.top_menu td.logo_02 {text-align:right;}
.top_menu td a {padding:0 5px 28px 3px ; color:#333; font-size:20px; font-weight:bold; text-align:center;}
.top_menu td a:hover {color:#008ef1; padding:0 5px 28px 3px; border-bottom: 7px solid #008ef1;}
.top_menu td.all a:hover {border-bottom:0;}
.top_menu td.logo_01 a:hover, .top_menu td.logo_02 a:hover {border-bottom:0;}
.top_menu td a.on {color:#008ef1; padding:0 5px 28px 3px; border-bottom: 7px solid #008ef1;}

/* Main Image */
.m_img_wrap {float:left; width:100%; height:312px;} /* background: #ffd69c; background: linear-gradient(to right, #ffd69c 0%,#ffd69c 33%,#aee4ee 66%,#aee4ee 100%);*/
.a_img {width:1400px; margin:0 auto; }
.m_01 {float:left; width:445px; height:312px; background: url('../images/new/m01.jpg') }
.m_02 {float:left; width:510px; height:312px; background: url('../images/new/m02.jpg') }
.m_03 {float:left; width:445px; height:312px; background: url('../images/new/m03.jpg') }
.m_01_btn {margin-top:200px;}
.m_02_btn {margin:200px 0 0 30px;}

.login_wrap {float:left; position:relative; width:100%; z-index:10; top:-22px; }

/*** ���������� �α��� ***/
/* Login */
.login_box {width:1360px; height:150px; padding:0 20px; margin:0 auto; background-color: #fafafa; border:1px solid #ddd; /*box-shadow: 0 -3px 12px rgba(0,0,0,0.23);*/}

.cf_check {float:left; width:100%; padding:20px 0 12px 22px; }
.cf_check ul {}
.cf_check ul li {float:left; display:inline-block;}
.cf_check ul li.ch {padding:3px 5px;}
.cf_check ul li.txt {font-size:18px; color:#004cbd; font-weight:bold; }

.n_login_01 {float:left; width:310px; height:67px; border:4px solid #303030; border-radius:50px 0 0 50px; overflow:hidden;}
.n_login_01 input {width:122px; margin:20px 5px 0 20px; padding:0; font-size:18px; color:#555; border:0; background:transparent; }

.n_login_02 {float:left; width:104px; height:47px; background-color: #303030; font-size:20px; color:#FFF; font-weight:bold; text-align:center; padding-top:28px; cursor:pointer;}
.n_login_02 a {color:#FFF;}
.n_login_02 a:hover, .n_login_02 a:focus {color:#e7e7e7;}
.n_login_02 a:focus{outline-color:#fff;}

.n_login_03 {float:left; width:480px; height:75px; background-color: #0040b4; border-radius:0 50px 50px 0px; }
.n_login_03 ul {}
.n_login_03 ul li {float:left; }
.n_login_03 ul li.txt { padding:28px 14px 0 14px; font-size:20px; color:#FFF; font-weight:bold; text-align:center; }
.n_login_03 ul li.txt:first-child { padding-right:7px !important;}
.n_login_03 ul li.line {padding-top:20px; margin:26px 2px 0 2px; height:3px; border-left:1px solid #80a0da;}
.n_login_03 ul li.set {padding:28px 10px 5px 0; width:21px; height:20px; background: url('../images/new/btn_set.png') no-repeat 0 27px; cursor:pointer; }
.n_login_03 ul li a {color:#FFF; }
.n_login_03 ul li a:hover, .n_login_03 ul li a:focus {color:#b9d2ff; }
.n_login_03 ul li a:focus{outline-color:#fff;}

/* Search */
.n_search {float:left; width: 428px; height:67px; margin-left:20px; border:4px solid #00369a; border-radius:50px; overflow:hidden; }
.n_search input {width:315px; margin:20px 10px 0 25px; padding:0; font-size:18px; color:#555; border:0; background:transparent; }
.btn_search {position:absolute; margin:8px; width:51px; height:51px; border:0; background: url('../images/new/btn_search.png') no-repeat; cursor:pointer;}


/*** ���������� �̼��� �α��� ***/
/* Login */
.login_box_02 {width:1360px; height:100px; padding:24px 20px 0; margin:0 auto; background-color: #fafafa; border:1px solid #ddd; /*box-shadow: 0 -3px 12px rgba(0,0,0,0.23);*/}

.n_login_04 {float:left; width:398px; height:67px; border:4px solid #0040b4; border-radius:50px 0 0 50px; overflow:hidden;}
.n_login_04 input {width:360px; margin:20px 10px 0 20px; padding:0; font-size:18px; color:#555; border:0; background:transparent; }

.n_login_05 {float:left; width:206px; height:47px; background-color: #0040b4; font-size:20px; color:#FFF; font-weight:bold; text-align:center; padding-top:28px; cursor:pointer;}
.n_login_05 a {color:#FFF;}
.n_login_05 a:hover {color:#e7e7e7;}
.n_login_05 a:focus{color:#e7e7e7;outline-color:#fff;}

.n_login_06 {float:left; width:290px; height:75px; background-color: #0040b4; border-radius:0 50px 50px 0px; }
.n_login_06 ul {}
.n_login_06 ul li {float:left; }
.n_login_06 ul li.txt { padding:28px 14px 0; font-size:20px; color:#FFF; font-weight:bold; text-align:center; }
.n_login_06 ul li.line {padding-top:20px; margin:26px 5px 0 5px; height:3px; border-left:1px solid #80a0da;}
.n_login_06 ul li a {color:#FFF; }
.n_login_06 ul li a:hover {color:#b9d2ff; }
.n_login_06 a:focus{color:#b9d2ff;outline-color:#fff;}

/* Search */
.n_search {float:left; width: 428px; height:67px; margin-left:20px; border:4px solid #00369a; border-radius:50px; overflow:hidden; }
.n_search input {width:315px; margin:20px 10px 0 25px; padding:0; font-size:18px; color:#555; border:0; background:transparent; }
.btn_search {position:absolute; margin:8px; width:51px; height:51px; border:0; background: url('../images/new/btn_search.png') no-repeat; cursor:pointer;}

/* Common */
.cnt_wrap {float:left; position:relative; width:100%; margin:0 0 20px 0;}
.cnt_in {width:1400px; margin:0 auto; }

h2.ttl{ padding:25px 20px; font-size:24px; color:#000; font-weight:bold;line-height:1;}

/* Notice */
.n_notice {float:left; width:500px; height:282px; border:1px solid #CCC; position:relative;}
.n_notice ul {width:100%; }
.n_notice ul li.ttl {float:left; padding:25px 20px 30px; font-size:24px; color:#000; font-weight:bold;}
.n_notice ul li.btn_plus {float:right; margin:23px 20px 0; cursor:pointer;}
.n_notice ul li.sub {clear:both; padding-left:30px; font-size:15px; color:#222; line-height:38px; background: url('../images/new/ico_dot.png') no-repeat 21px 18px;}
.n_notice div.btn_plus{position:absolute;right:20px;top:23px;}

/* ���� ã�� ���� */
.f_service {float:right; margin-left:0; width:876px; height:282px; border:1px solid #CCC; }
.f_service ul {width:100%; }
.f_service ul li.ttl {padding:25px 20px 30px; font-size:24px; color:#000; font-weight:bold;}
.f_service ul li.menu {float:left; display:block; padding:5px 16px; cursor:pointer;}

/* ���� ���� */
.n_quick {float:left; margin:20px 0; width:500px; height:415px; border:1px solid #CCC; }
.q_ttl {padding:25px 20px 30px; font-size:24px; color:#000; font-weight:bold;}
.l_ar {float:left; position:absolute; margin:140px 0 0 5px;}
.r_ar {float:right; position:relative; margin:-5px 5px 0 0; transform: rotate(180deg);}
.q_menu_01 {float:left; width:452px; }
.q_menu_01 ul {width:100%; margin-left:20px;}
.q_menu_01 ul li{float:left; display:block; padding-left:5px; cursor:pointer;}

.q_menu_02 {float:left; width:452px; height:180px; overflow:hidden; margin:15px 5px 0 15px; }
.q_menu_02 ul {width:1070px; margin-left:20px;}
.q_menu_02 ul li,.q_menu_02 span{float:left; display:block; padding-left:5px; cursor:pointer;}
.q_menu_02 span a:focus{outline-offset:-2px;}
.q_menu_02 > div{overflow:hidden;}

/* �������ڰ������� �ȳ� ���� */
.mv_pr {float:left; margin:20px 0 0 20px; width:550px; height:415px; border:1px solid #CCC; }
.mv_pr ul {width:100%; }
.mv_pr ul li.ttl {padding:25px 20px 30px; font-size:24px; color:#000; font-weight:bold;}
.mv_pr ul li.menu {float:left; display:block; padding:25px 16px; cursor:pointer;}

/* ��ġ/�ȳ� */
.info {float:right; margin:20px 0 0 0; width:304px; height:415px; border:1px solid #CCC; }
.info ul {width:100%; }
.info ul li.ttl {padding:25px 20px 0; font-size:24px; color:#000; font-weight:bold;}
.info ul li {font-size:20px; color:#444; padding:20px; line-height:46px; letter-spacing:-1px; border-top:1px solid #CCC; }
.info ul li:first-child {border-top:0; }
.info ul li span {float:right; padding-top:12px;}